body{
    font-family: 'IBM Plex Mono';
}
.section1{
    background-color: #C6FFE0;
}
.navbar-brand{
    font-weight: 500;
    font-size: 27px;
    padding-right: 42px;
}
.mynavbar{
    background-color: #C6FFE0;
    height: 90px;
  
}
.pt{
    margin-top: -1px;
}
.nav-item{
    font-size: 18px;
    padding-right: 25px;
    font-weight: 500;
}
.btn1{
    background-color: #C6FFE0;
    border: 2px dashed black;
    font-size: 18px;
    font-weight: 500;
    padding: 18px 25px;
    margin-right: 2px;
}
.btn2{
    background-color: #13E5C0;
    border: 2px solid  #C6FFE0;
    border-radius: 10px;
    font-size: 18px;
    font-weight: 500;
    padding: 22px 35px;
    margin-right: -27px;

}
.framdiv{
    display: inline-block;
    width: 22%;
    height: 50px;
    border: 2px dashed black;
    background-color: white;
   text-align: center;
   margin-bottom: 30px;
   
}
.tittle1{
    font-size: 70px;
    font-weight: 400;
}
.subtittle1{
    font-size: 21px;
}
.spn1{
    border: 1px dashed black;
    border-radius: 50%;
    color:  white;
    background-color: #13E5C0;
}
.img1{
    margin: -20px 90px;
    width:85%;
    height: 400px;
   object-fit: cover;
    border-radius: 20px
}
.span2{
    padding-right: 20px;
     color:  #13E5C0;
    margin-bottom: 35px;
    }
.tittl2{
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 30px;
}
.subtittle2{
    font-size: 17px;
}
.img2{
    width: 628px;
    height: 530px;
    object-fit: cover;
    border-radius: 20px;
}
.smallspn2{
    border: 2px dashed black;
    border-radius: 50%;
    color:  #13E5C0;
    
}
.spansubtittle2{
 display: inline-block;
 box-sizing: border-box ;
}
.spantittle2{
    font-size: 30px;
    margin-top: 22px;
}
.spansubtittle2{
    font-size: 18px;
}

.spnsec2{
    border: 1px dashed black;
    border-radius: 50%;
    color:  black;
    background-color: #C6FFE0;
}
.spnpargh2{
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
}
.tittle3{
    font-size: 60px;
    text-align: center;
    padding-bottom: 50px;
}
.div3{
    width: 100%;
    height: 300px;
    border: 2px dashed black;
}
.span3{
  
     color:  #13E5C0;
   margin-top: 28px;
    }
    .divsecond{
        width: 100%;
        height: 653px;
        background-color: #19303D;
        color: white;
        border-radius: 10px;
    }
    .divsecond2{
        width: 100%;
        height: 300px;
        border: 2px dashed black;
        border-radius: 10px;
    }
    .spanSecond{
        border: 1px solid #19303D;
        border-radius: 50%;
        background-color: #19303D;
        color: white;
    }
    .section4{
        background-color: #19303D;
        color: white;
    }
    .tittle4{
        font-size: 60px;
    }
    .subtittle4{
        font-size: 33px;
    }
    .btn4{
        background-color: #13E5C0;
    border: 2px solid  #13E5C0;
    border-radius: 10px;
    font-size: 18px;
    font-weight: 500;
    padding: 22px 35px;
    color: black;
    }
    .img4{
     object-fit: cover;
    border-radius: 20px;
    margin: 15px 0px 50px 0px;
    }
    .mydiv5{
        border: 2px dashed black;
        display: inline-block;
        background-color: #F4FCF9;
    }
    .tittle5{
        font-size: 60px;
    }
    .div5tittle{
        font-size:55px;
        padding: 40px 21px 0px 25px;
    }
    .div5subtittle{
        font-size:20px;
        padding: 10px 21px 21px 25px;
      
    }
    .imgdiv6{
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    height: 320px;
    margin-bottom: 30px;
    width: 300px;
    
    }
    .img6{
        width: 100%;
        height: 100%;
        border: 2px dashed black;
        object-fit: cover;
        overflow: hidden;
          border-radius: 8px;
    }
    .divtittle6{
        overflow: hidden;
     position: absolute;
    padding: 20px;
    left: 0;
    right: 0;
    bottom: 0px;
    background-image: linear-gradient(to top, rgba(23, 22, 26, 0.6), transparent);
   }
   .list6{
    display:flex;
  
    background-color:#F4FCF9;
    height: 70px;
   }
   .span6{
    border: 1px solid #13E5C0;
    border-radius: 50%;
    background-color: #13E5C0;
    color:black;
   }
   .list6tittle{
    margin: 18px 172px 18px 10px;
   }
   .list6subtittle{
    margin: 20px 60px 20px -56px;
    font-size: 19px;
   }
   .list6subtittle2{
    margin: 20px 60px 20px 82px;
    font-size: 19px;
}