*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family:"Readex Pro", sans-serif;
    list-style: none;
    text-decoration: none;
}
.banner{
    display: flex;
    justify-content: space-between;
    margin-top: 2rem;
}
.header-banner{
    display: flex;
    justify-content: space-between;
}
.banner-img{
    background-image: url(../imges/Vector\ 1.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
   height:100vh;
    position: relative;
    width:80%;
}
.header-nav{
    width:50%;
    transition-delay: 2s;
}
.headd{
    margin:1.5rem 9rem 0 1rem ;
}
.navbar-brand img{
    width:60px;
}
.navbar-light .navbar-nav .nav-link {
    padding-right:3rem;
    font-size:15px;
    color: #273A3F;
    font-weight: bold;
}
.banner-img{
    width:48%;
    height:620px;
    display: flex;
}
.banner-img img{
  width:550px;
  height:750px;
  justify-content: right;
  padding-right:6rem;
}
.banner-details{
    margin-top:9rem;
    width:60%;
    text-align: center;
}
.banner-details p{
   color: #273A3F;
   font-size:25px;
   text-align: center;
}
.banner-details span{
   color: #45C1AF;
    font-size: 28px;
    text-align: right;
 }
  .banner-details h2{
    color: #3094A5;
     font-size:28px;
     text-align: right;
     margin-top: 1rem;
  }
  .banner-button{
    margin-top:4rem;
    text-align: right;
  }
  .banner-button  button{
 border: none;
 outline: none;
 background: linear-gradient(90deg, #46C4AF -1.69%, #1E6C9D 150.28%);
 width: 130px;
 height: 40px;
 color: #F5F5F5;
 border-radius: 22px;
 border: none;
 font-size: 15px;
  }
  .trusted-from-imgs{
    display:flex;
    justify-content: center;
    width: 100%;
    margin-top:4rem;
  }
  .trusted-from-h4{
text-align: center;
margin-top: 1rem;

transition-delay: 2s;
  }
  .trusted-from-h4 h4{
    font-size: 20px;
    color: #45C4AE;
      }
      .banner-button  button:hover {
        transform: scale(1.2); 
    }
  .trusted-from-imgs img{
 width:80px;
 height:50px;
 filter: grayscale(100%);
 transition: filter 0.1s ease;
 text-align: center;

  }
  .trusted-from-imgs{
    background-color: #f8f7f7;
    padding:1.5rem;
    border-radius:10px;
    align-items: center;
    text-align: center;
    margin-top:1rem;
     }
  .trusted-from-imgs img:hover{
    filter: grayscale(0%);
    transform: scale(1.2); 
     }
     .we-area{
        margin-top:6rem;
     }
     .we-area h4{
      font-size:20px;
      color: #45C4AE;
      text-align: center;
     }
    .all-we-area{
        display: flex;
        justify-content: space-between;
        margin-top: 3rem;
        width: 100%;
    }
    .we-area-img{
        width:45%;
    }
    .we-area-details{
    width:40%;
    margin-top:6rem;
    }
    .we-area-details h3{
      font-size:24px;
      color: #1F7364;
      text-align: right;
        }
        .we-area-img img{
            width:400px;
        }
        .we-area-details p{
            font-size:13px;
            color: #1F7364;
            text-align: right;
            margin-top: 1rem;
    }
    .services{
     margin-top: 6rem;   
    }
    .services h4{
        font-size:20px;
        color: #45C4AE;
        text-align: center;
       }
       .all-services{
        background-image: url(../imges/Rectangle\ 10.svg);
        background-repeat: no-repeat;
       height:60vh;
        position: relative;
        width:90%;
        text-align: center;
        }
        .services-for{
            margin-top:6rem;
        }
       .all-services-img img{
  width:100px;
  margin-top:3.5rem;
               }
       .all-services h3{
     font-size:20px;
     margin-top:1rem;
     color: #4552C4;
 }
 .all-services-details{
    width:80%;
    text-align: center;
    align-items: center;
 }
 .all-services-details p{
 font-size:14px;
 margin-top:1rem;
color: #4552C4;
text-align: center;
 }
 .all-services a{
    font-size:14px;
   color: #4552C4;
   margin:1rem 0 0rem.2rem;
   text-decoration: none;
    }
    .all-services-2{
        background-image: url(../imges/Rectangle\ 11.svg);
        background-repeat: no-repeat;
       height:60vh;
        position: relative;
        width:90%;
        text-align: center;
        }
       .all-services-img img{
  width:100px;
  margin-top:3.5rem;
               }
       .all-services-2 h3{
     font-size:20px;
     margin-top:1rem;
     color: #1F7364;
 }
 .all-services-details2{
    width:80%;
    text-align: center;
    align-items: center;
 }
 .all-services-details2 p{
 font-size:14px;
 margin-top:1rem;
color: #1F7364;
text-align: center;
 }
 .all-services-2 a{
    font-size:14px;
   color: #1F7364;
   margin:1rem 0 0rem.2rem;
   text-decoration: none;
    }
    .all-services-3{
        background-image: url(../imges/Rectangle\ 12.svg);
        background-repeat: no-repeat;
       height:60vh;
        position: relative;
        width:90%;
        text-align: center;
        }
        .all-services-3 h3{
            font-size:20px;
            margin-top:1rem;
            color: #AE5726;
        }
        .all-services-details3{
            width:80%;
            text-align: center;
            align-items: center;
         }
         .all-services-details3 p{
         font-size:14px;
         margin-top:1rem;
        color: #AE5726;
        text-align: center;
         }
         .all-services-3 a{
            font-size:14px;
           color: #AE5726;
           margin:1rem 0 0rem.2rem;
           text-decoration: none;
            }
            .every-thing{
                margin-top: 6rem;
            }
            .every-thing h4{
                font-size:20px;
                color: #45C4AE;
                text-align: center;
            }
            .every-thing-details{
                text-align: center;
            }
            .every-thing-details img{
             width: 60px;
            }
            .every-thing-details h2{
        font-size: 17px;
        color: #45C4AE;
        margin-top: 1rem;
               }
               .every-thing-details p{
                font-size:12px;
                color:#1F7364;
                margin-top:.5rem;
        }
        .every-things{
            margin-top: 3rem;
        }
        .content h4{
          font-size:20px;
          color: #45C4AE;
          text-align: center;
         }
         .content{
margin-top:6rem;
         }
         .content-form h4{
          font-size: 20px;
          color: #45C4AE;
          text-align: center;
          margin-top: 1rem;
         }
         .content-us-form input{
            border: none;
            outline: none;
            width: 100%;
            height: 47px;
            border-radius:25px;
            background-color: #EEEEEE;
            text-align: right;
            border: none;
            outline: none;
            margin-top: 1rem;
            padding: .7rem;
            color: #9E9E9E;
         }
         .content-us-form ::placeholder{
          font-size: 15px;
          color: #9E9E9E;
         }
         .content-us-form textarea{
            text-align: center;
            align-items: center;
            margin-top: 2rem;
            border: none;
            outline: none;
            width:100%;
            height: 200px;
            border-radius:25px;
            background-color: #EEEEEE;
            text-align: right;
            border: none;
            outline: none;
            padding: .5rem;
            margin-top: 1rem;
         }
         textarea::placeholder{
          font-size: 15px;
          color: #9E9E9E;
         }
         .buton-sign{
          background-color:#46C4AF;
          color: white;
          border: none;
          outline: none;
          border-radius:25px;
          width: 100%;
          padding: 10px 20px;
          margin-top: 2rem;
      }
      .content-form{
        background-color: #FFFFFF;
        width:27%;
        height:auto;
        padding: 2rem;
        text-align: right;
        margin-top: 8rem;
        border-radius: 25px;
        position:absolute;
        z-index:999;
        top:-170px;
        box-shadow: 5px 5px 30px 1px rgb(0, 0, 0, 12%);
        margin-right: 3rem;
    }
    .content-us{
      position: relative;
    }
    .addres{
      margin-top:9rem;
    }
    .address{
      display: flex;
      justify-content:center;
    }
    .address img{
   width: 50px;
    }
    .address h4{
font-size:20px;
color: #1F7364;
text-align: right;
margin-right:1rem;
       }
       .address p{
        font-size:14px;
        color: #45C4AE;
        text-align: right;
        margin-right:1.3rem;
        }
   .address-details h5{
color: #1F7364;
font-size: 15px;
text-align: right;
margin-right:1.3rem;
   }
   .many-questions{
    margin-top: 3rem;
   }
   .askes {
    border: none;
    outline: none;
    background-color: #F5F5F5;
    width:100%;
    height:80px;
    border-radius: 10px;
    text-align: right;
    padding: 1.5rem;
    font-size: 16px;
    font-weight: bold;
    color:#45C4AE;
    padding: 1.1rem;
    text-align:right;
}
.questions{
  margin-top:6rem;
}
.questions h4{
  font-size: 20px;
  color: #45C4AE;
  text-align: center;
  margin-top: 1rem; 
}
.card {
border: none;
outline: none;
background-color: #F5F5F5;
color:#1F7364;
font-size:15px;
text-align: right;
height:10vh;
top: -20px;
}
.how-work{
  margin-top: 6rem;
}
.how-work h4{
  font-size: 20px;
  color: #45C4AE;
  text-align: center;
  margin-top: 1rem; 
}
.how-work-img{
  align-items: center;
  text-align: center;
} 
.how-work-img img{
  margin-top:2rem;
  align-items: center;
width:800px;
}
.nav-banner{
  background-image: url(../imges/Component\ 5.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
 height:60vh;
  position: relative;
  width: 100%;
  border-radius:18px;
}
.website h3{
  text-align: center;
margin-top:12rem;
  font-size:30px;
  color:#FFFFFF;
  font-weight: bold;
}
.website-p{
  width:40%;
  text-align: center;
  margin: auto;
}
.website p{
  text-align:center;
  font-size:16px;
  color:#FFFFFF;
  margin-top:1rem;
}
.service-features{
  margin-top: 6rem;
}
.service-features h4{
  font-size: 20px;
  color: #45C4AE;
  text-align: center;
  margin-top: 1rem;
}
.our-service-features{
  display: flex;
  justify-content: space-between;
}
.our-service-features-img{
margin-top: 4rem;
  }
.our-service-features-img img {
width:450px;
}
.our-service-features-details h3{
  font-size: 25px;
  color: #1F7364;
  font-weight: bold;
  text-align: right;
  margin-bottom: 1.5rem;
}
.our-service-features-details{
  margin-top:6rem;
  width: 48%;
}
.img-details-features{
  display: flex;
}
.details-features{
  text-align: right;
  }
.details-features p{
font-size:14px;
color: #000000;
text-align: right;
margin-right: .5rem;
}
.web-our-servises h4{
  font-size:20px;
  color: #45C4AE;
  text-align: center; 
}
.website-our-servise{
  display: flex;
  justify-content: center;
}
.website-our-servise img{
 width:60px;
}
.website-our-servise-details{
  width:50%;
}
.website-our-servise-details h3{
  font-size:15px;
  color:#45C4AE;
  text-align: right;
  margin-right:1.5rem;
}
.website-our-servise-details p{
  font-size:12px;
  color:#1F7364;
  text-align: right;
  margin-right:1.5rem;
}
.web-our-servises{
  margin-top:6rem;
}
.overview-our-work {
margin-top: 6rem;
}
.overview-our-work h4{
  font-size:20px;
  color: #45C4AE;
  text-align: center;  
}
.carousel-indicators li{
margin-top:15rem;
width:15px;
height:15px;
border-radius:50%;
background-color: #45C1AF;
}
.carousel-control-prev img{
margin-right:15rem;
}
.carousel-control-next img{
  margin-left:15rem;
  }
  .packages{
    margin-top:6rem;
  }
  .our-packages{
    border: 3px solid #1F7364;
    border-radius: 20px;
    padding:2rem;
    max-height:130vh;
  width:420px;
  text-align: right;
  }
  .packages h4{
    font-size:20px;
    color: #45C4AE;
    text-align: center; 
  }
  .our-packages h3{
   font-size:20px;
   color: #1F7364;
   text-align: center;
  }
  .our-packages h2{
    font-size:30px;
    color: #1F7364;
    text-align: center;
    font-weight: bold;
   }
   .button-buy{
    margin-top:1.2rem;
   } 
   .button-buy button {
    background-color: #1F7364;
    width:100%;
    height: 40px;
    color: #F5F5F5;
    border-radius: 22px;
    border: none;
    font-size:25px;
}
.all-our-packages img{
  width:22px;
}
.all-our-packages{
  margin-top: 2rem;
}
.all-our-packages p{
  font-size:16px;
  color:#1F7364;
  margin-bottom:0;
}
.main{
  margin-top:9rem;
}
.secand{
  margin-top:6rem;
}
.manbuy button{
  margin-top:6.5rem;
}
.secbuy button{
  margin-top:5rem;
}
.website-ask-now{
  text-align: right;
}
.website-ask-now p{
font-size: 20px;
color: #000000;
}
.website-ask-now a{
  font-size: 20px;
  color:#45C1AF;
  }
  .nav-banner2{
    background-image: url(../imges/Component\ 9.svg);
  }
  .platinuom{
  height:45vh;
  }
  .nav-banner3{
    background-image: url(../imges/Component\ 7.svg); 
  }
  .nav-banner4{
    background-image: url(../imges/Component\ 12.svg); 
  }
  .nav-banner5{
    background-image: url(../imges/Component\ 7\ \(1\).svg);  
  }
  .seo-main{
    margin-top: 6.5rem;
  }
  .seo-mai{
    margin-top:4.8rem;
  }
  .navbar-light .second .nav-link {
    padding-right: 3rem;
    font-size: 15px;
    color:white;
}
.carousel-inner img {
  width: 75rem;
  height: 45rem;
  border-radius: 25px;
}
  @media (max-width:1030px){
    .banner-img {
      width: 51%;
      height: 445px;
  }
  .headd {
    margin: 1.5rem -1rem 0 -4rem;
}
.services-for {
  margin-right: .1rem;
}
.our-packages {
  width:312px;
}
.banner-img img {
  width: 400px;
  height: 542px;
  justify-content: right;
  padding-right: 6rem;
}
.banner-details {
  margin-top: 10rem;
  width: 71%;
  text-align: center;
}
.all-services {
width: 105%;
}
.all-services-2 {
  width: 105%;  
}
.all-services-3{
  width: 105%;  
}
.content-form {
  width:35%;
}
.carousel-inner img {
  width: 57rem;
  height: 39rem;
  border-radius: 25px;
}
.carousel-control-prev img {
  margin-right: 10rem;
}
.carousel-control-next img {
  margin-left: 11rem;
}
.secand {
  margin-top: 8rem;
}
.main {
  margin-top: 13rem;
}
.manbuy button{
  margin-top:4.5rem;
}
.secbuy button{
  margin-top:3rem;
}
.seo-mai {
  margin-top: 10.8rem;
}
.seo-main {
  margin-top: 13.8rem;
}
.soci{
 margin-top:7rem; 
}
.soci2{
  margin-top:10rem; 
 }
 .soci4{
  max-height:140vh;
 }
 .webbuy{
  margin-top: 3rem;
 }
 .webbuy2{
  margin-top:3rem;
 }
 .navbar-light .navbar-nav .nav-link {
  padding-right: 2rem;
}
  }
  @media (max-width:790px){
   /* .headd{
    position: relative;
   } */
   .headd {
    margin: 1.5rem -1rem 0 -13rem;
}
    .navbar-toggler{
      display: none;
    }
.navbar-nav {
  display: flex;
  padding-left: 0;
flex-direction:row;
  list-style: none;
  margin:-4rem 8rem 3rem 1rem;
}
    .banner-img {
      border-radius: 100px 218px 15px  89px;
      width: 51%;
      height: 296px;
      margin-top: 15rem;
      margin-left: 2rem;
  }
  .mmmmm:not(.show){
    display: none;
    display: flex;  
  }
  .header-nav {
    width: 100%;
}
.navvbbar {
  position: absolute;
width: 100%;
}
.banner-details {
  margin-top: 16rem;
  width: 71%;
  text-align: center;
}
.banner-details p {
  font-size:17px;
}
.banner-details h2 {
  font-size: 23px;
}
.banner-img img {
  width: 365px;
  height: 345px;
}
.how-work-img img {
  width: 605px;
}
.content-form {
  width: 46%;
}
.we-area-details h3 {
  font-size: 19px;
}
.we-area-details {
  width: 48%;
  margin-top: 0rem;
}
.we-area-img img {
  width: 330px;
}
.all-services {
  width: 100%;
}
.all-services-2 {
  width: 100%;
}
.all-services-3 {
  width: 100%;
}
.website h3 {
  margin-top: 0rem;
}
.website{
  margin-top: 5rem;
}
.website-p {
  width: 43%;
}
.website p {
  font-size: 13px;
  margin-top:2rem;
}
.our-service-features-img img {
  width: 323px;
}
.our-service-features-details h3 {
  font-size: 20px;
}
.details-features p {
  font-size: 15px;
}
.carousel-inner img {
  width: 43rem;
  height: 43rem;
}
.carousel-control-prev img {
  margin-right: 9rem;
}
.carousel-control-next img {
  margin-left: 9rem;
}
.our-packages {
  width: 357px;
  margin-right:1.2rem;
}
.secand {
  margin-top:0rem;
}
.main {
  margin-top:3.5rem;
}
.platinuom {
  height:75vh;
}
.blitbuy{
  margin-top:9rem;
}
.seo-mai {
  margin-top:.8rem;
}
.seo-main {
  margin-top:3.8rem;
}
.sewfor{
  margin-right: -0.5rem;
}
.soci2 {
  margin-top: -1rem;
}
.soci {
  margin-top: -2rem;
}
.soci4 {
  max-height: 153vh;
}
.socs33{
  max-height: 140vh;
}
.soci3 {
  margin-top: 19rem;
}
.navbar-nav .dropdown-menu {
  position: static;
float: left;
}
  }
  @media (max-width:450px){
    .navbar-toggler{
      display:block;
    }
.navbar-nav {
  display: flex;
  padding-left: 0;
  flex-direction: column;
  list-style: none;
  margin-top: 2rem;
}
.banner-img {
  border-radius: 183px 440px 190px  269px;
  width: 103%;
  height: 336px;
  align-items: center;
  top:-7rem;
  text-align: center;
}
  .mmmmm:not(.show){
display: none; 
  }
  .navvbbar{
    position: absolute;
    width:100%;
}
.dropdown-menu{
  margin-left:5rem;
}
.banner-details h2 {
  font-size:27px;
  text-align: center;
}
.banner-details p {
  font-size:24px;
}
.banner-details {
  margin-top:30rem;
  width: 88%;
  text-align: center;
  /* flex-direction: column; */
  display: inline-block;
  position: absolute;
  left:2rem;
}
.trusted-from-h4 {
  text-align: center;
  margin-top:13rem;
  text-align: center;
}
.banner-button {
  margin-top:2rem;
text-align: center;
}
.services-for {
  margin-top: 0rem;
}
.trusted-from-imgs img {
  width: 160px;
  height: 110px;
}
.all-we-area {
flex-direction: column;
}
.we-area-img {
  width: 92%;
}
.we-area-details {
  width:98%;
  margin-top: 2rem;
  text-align: center;
}
.how-work-img img {
  width:405px;
}
.all-services-img{
  text-align: center;
  align-items: center;
}
.all-services {
  width: 85%;
  margin-right:1.3rem;
}
.all-services-2 {
  width: 85%;
  margin-right:1.3rem;
}
.all-services-3 {
  width: 85%;
  margin-right:1.3rem;
}
.content-form {
  width: 80%;
}
.content-form {
  top: -67px;
}
.addres {
  margin-top: 15rem;
}
.vvv{
  font-size: 10px;
}
.address-details{
  width: 50%;
}
.navbar-light .navbar-toggler {
  border: none;
}
.navbar-toggler-icon {
  font-size: 28px; 
}
.collapsnav{
  background-color:#45C1AF;
  position: fixed;
  z-index: 999;
  top: 1rem;
  width:60%;
  height:400px;
  border-radius: 8px;
  text-align: center;
  margin-top: 4rem;
  margin-right: 9rem;
}
.navbar-light .navbar-nav .nav-link {
  color: white;
  font-size: 19px;
  font-weight: bold;
  margin:2rem -16rem 0 -6rem ;
}
.carousel-inner img {
  width: 27rem;
  height: 25rem;
}
.carousel-control-prev img {
  margin-right: 3rem;
}
.carousel-control-next img {
  margin-left:3rem;
}
.our-service-features {
flex-direction: column;
}
.our-service-features-img img {
  width: 390px;
}
.our-service-features-details {
  width: 100%;
}
.our-service-features-details h3 {
  font-size: 23px;
}
.details-features p {
  font-size: 14px;
}
.card {
  height: 14vh;
}
.our-packages {
  margin-right:0rem;
}
  }
  @media (max-width:390px){
    .how-work-img img {
      width: 335px;
  }
  .banner-img {
    border-radius: 127px 282px 143px  183px;
    width: 95%;
    height: 336px;
    margin-left: 1rem;
    align-items: center;
    top: -7rem;
    text-align: center;
}
.banner-img img {
  padding-right: 3rem;
}
.banner-details p {
  font-size: 23px;
}
.banner-details h2 {
  font-size: 23px;
  text-align: center;
}
.all-services {
  width: 96%;
  margin-right:.3rem;
}
.all-services-2 {
  width: 96%;
  margin-right: .3rem;
}
.all-services-3 {
  width: 96%;
  margin-right:.3rem;
}
.our-service-features-img img {
  width: 340px;
}
.our-service-features-details h3 {
  font-size: 21px;
}
.carousel-inner img {
  width: 22rem;
  height: 21rem;
}
.website-ask-now p {
  font-size: 18px;
}
.soci3 {
  margin-top: 1rem;
}
.website-our-servise-details {
  width: 89%;
}
  }
  @media (max-width:350px){
    .banner-img img {
      width: 290px;
      height: 171px;
  }
  .banner-img img {
    padding-right: 3rem;
}
.banner-img {
  border-radius: 258px 282px 239px  252px;
  width: 95%;
  height: 336px;
  margin-left: 1rem;
  align-items: center;
  top: -7rem;
  text-align: center;
}
.banner-details p {
  font-size: 18px;
}
.banner-details h2 {
  font-size: 19px;
  text-align: center;
}
.we-area-img img {
  width: 246px;
}
.all-services {
  width:116%;
  margin-right:-1.4rem;
}
.all-services-2 {
  width:116%;
  margin-right:-1.4rem;
}
.all-services-3 {
  width:116%;
  margin-right:-1.4rem;
}
.how-work-img img {
  width: 291px;
}
.content-form {
  width: 95%;
  margin-right:.5rem;
}
.askes {
  font-size: 13px;
}
.card {
  font-size: 12px;
  text-align: right;
  height: 12vh;
  top: -20px;
}
.collapsnav {
  width: 73%;
  margin-right: 5rem;
}
.address h4 {
  font-size: 16px;
}
.our-packages {
  width: 302px;
}
.our-service-features-img img {
  width: 292px;
}
.our-service-features-details h3 {
  font-size: 17px;
}
.carousel-inner img {
  width: 19rem;
  height: 15rem;
}
.website-p {
  width: 95%;
}
.website p {
  font-size: 12px;
  margin-top:3rem;
}
.website h3 {
  font-size: 21px;
}
.soci4 {
  max-height: 174vh;
}
  }