@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&display=swap');

body::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background: #0840aa;
}

body{
 font-family: 'Josefin Sans', sans-serif !important;
}

h1{
   font-family: 'Josefin Sans', sans-serif !important;
}


h2{
  font-family: 'Josefin Sans', sans-serif !important; 
         font-weight: 500;
    font-size: 30px;
}


h3{
    font-family: 'Josefin Sans', sans-serif !important;
         font-weight: 500;
    font-size: 30px;
}

h4{
  font-family: 'Josefin Sans', sans-serif !important;
}


h5{
   font-family: 'Josefin Sans', sans-serif !important; 
}


h6{
    font-family: 'Josefin Sans', sans-serif !important; 
}


p{
   font-family: 'Josefin Sans', sans-serif !important;
   font-size: 17px;
    color: #858585;
}


span{
 font-family: 'Josefin Sans', sans-serif !important;
}

a{
  font-family: 'Josefin Sans', sans-serif !important;
}

.about-section .about-image img{
    border-radius:335px 335px 0px 0px;
}
.banner-text h1 {
    font-size: 45px;
    font-weight: 800;
}

.banner_s{
    font-size: 17px;
    margin-bottom: 10px;
    margin-top: 10px;
    color: #525252;
}

.banner_p{
    font-size: 17px;
    color: #757575;
}


.hero-banner .banner-wrapper .banner-text {
      padding-top: 13% !important;
}

.hero-banner .banner-wrapper .banner-text h1 span::after {
    content: "";
    position: absolute;
    top: 40px;
    left: 0;
    display: block;
    width: 200px;
    height: 30px;
    background-image: none !important;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.section_bg {
    background: #fff;
    padding: 50px 0;
}


.brand-section .brand-container .brand-block {
    background: #ffffff !important;
    border-radius: clamp(8px, 0.625vw, 24px) !important;
    border: 1px solid #e64e3b;
    display: grid;
    align-items: center;
    box-shadow: 0px 0px 13px #cfcfcf;
    justify-content: center;
    width: 16.979vw;
    height: 7.5vw;
    transition: all 0.3s ease-in-out;
}
.benefit-section {
    padding: 50px 0;
    background: #f8fcff;
}
.gallery-item {
    break-inside: avoid;
    margin-bottom: 15px;
}

.gallery-grid {
    column-count: 4;
    column-gap: 15px;
}

.gallery-section img{
    width:100%;
        border-radius: 10px;
}
 
    /* Internal CSS */
    .step-box {
      position: relative;
      padding: 10px 15px;
      transition: transform 0.3s, box-shadow 0.3s;
    }

   

    .icon-circle {
      width: 80px;
      height: 80px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto;
      color: #fff;
      box-shadow: 0 5px 15px rgba(0,0,0,0.1);
      transition: transform 0.3s;
    }

    .step-box:hover .icon-circle {
      transform: scale(1.1);
    }

    .connecting-line {
      position: absolute;
      top: 40px;
      left: 12%;
      right: 12%;
      height: 3px;
      background-color: #e5e7eb;
      z-index: 0;
    }

    @media (max-width: 768px) {
      .connecting-line {
        display: none;
      }
    }
    

    /* Background Gradient */
.pricing-section {
    background: linear-gradient(135deg, #f8fcff 0%, #f8fcff 100%);
    padding: 50px 0 70px 0px !important;
}

.gallery-section {
    background: #f8fcff;
    padding: 50px 0px;
}
.book{
    font-size: 15px;
    border-bottom: 1px dashed #ccc9ca;
    color: #646464;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

    /* Wave SVG positioning */
    .wave-top {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
    }

    .wave-bottom {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
    }

    /* Card Styling */
    .price-card {
      background: #fff;
      border-radius: 20px;
      padding: 40px 20px;
      box-shadow: 0 10px 25px rgba(0,0,0,0.1);
      transition: all 0.4s ease;
      position: relative;
      overflow: hidden;
          border: 2px solid #001c5173
    }

.price {
    font-size: 28px;
    font-weight: 700;
    color: #222;
    margin-bottom: 15px;
}

.price span {
    font-size: 14px;
    color: #777;
}

.price-card h5 {
    color: #5188ef !important;
    font-size: 20px;
}

    .price-card:hover {
      transform: translateY(-10px);
      box-shadow: 0 15px 35px rgba(0,0,0,0.2);
    }

  .featured {
/*    transform: scale(1.1);*/
    z-index: 2;
    margin: 0 0px;
    background: linear-gradient(135deg, #ffffff, #ffffff);
    color: #0e0e0e;
    box-shadow: 0 15px 35px rgba(0,0,0,0.25);
    border: 2px solid #001c5173;
}

    .featured ul li {
      color: #0e0e0e;
    }

    /* Ribbon */
.ribbon {
    position: absolute;
    top: 15px;
    right: -35px;
    background: #e64e3b;
    color: #ffffff;
    padding: 5px 50px;
    font-size: 13px;
    font-weight: 600;
    transform: rotate(45deg);
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
}

   .price-card ul li {
       padding: 6px 0;
    color: #4d4c4c;
    font-size: 17px;
    }

.price-card ul li span {
    color: #194dad;
    margin-right: 4px;
}
  
  .benefit-section .benefit-block {
    padding: 10px 10px;
}

.benefit-block h4 {
    font-size: 20px;
    color: #d8781b;
    font-weight: 500;
    padding-bottom: 10px;
}
.footer_bg{
        background: #001c51 !important;
            padding: 40px 0 10px 0;
}

.chose p{
    text-align: justify;
}

.chose_img{
        border: 1px solid #dc890078;
    border-radius: 20px;
    box-shadow: 0px 0px 4px #ebe9e9;
}

.gallery-section img {
    overflow: hidden;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    object-fit: cover;
}


.gall_box{
        height: 180px;
}
.color-sec {
    color: #1f1f1f !important;
}

.content-box h5{
    font-size: 20px;
    color: #1a1919;
    font-weight: 500;
}

.footer_bg p{
    color:#e6e6e6;
}

.footer_bg img{
        background: #fff;
    border-radius: 10px;
}

.footer_bg a{
    color:#e6e6e6;
}


.footer_bg ul{
  list-style:none;
}

.footer_social_icon{
    background: #436bb9;
    padding: 5px 6px;
    border-radius: 5px;
}

.testimonial-section .testimonials-slider .testimonial-block {
    width: auto;
    margin0: 0;
    margin: 23px 4px;
    background: #ffffff;
    border-radius: clamp(8px, 0.625vw, 24px) !important;
   padding: 20px 30px;
    margin: 14px 12px;
    box-shadow: 0px 0px 12px #e2dfdf;
    border: 1px solid #e2e2e2;
}

.slider-arrows .arrow-btn {
    background: #001c51;
    transition: all 0.3s ease-in-out;
    border: 1px solid #001c51;
}


.service-section .service-block:hover {
    background: #ffffff;
    transition: all 0.3s ease-in-out;
    box-shadow: 0px 0px 20px #c9c8c8;
}

/*.service-section .service-block {
    background: #fff;
    transition: all 0.3s ease-in-out;
    padding: clamp(12px, 1.25vw, 40px);
    border-radius: clamp(8px, 0.625vw, 24px) !important;
    box-shadow: 0px 3px 8px #d6d6d6;
}*/


/*.icon-box{
    
    text-align: center;
    margin-bottom: 0px !important;
}*/
.service-section {
    padding: 50px 0px;
    background: #f8fcff;
}

.about-us-page .about-image-container img {
    border-radius: 10px;
}

.hero-banner {
    position: relative;
    background: #fefcf5;
}

.hero-banner .customer-wrapper {
    margin-top: -12.4%;
    padding: 0px 0px 85px 0px;
    background: #fefcf5;
}

.header {
    position: relative;
    left: 0;
    top: 0;
    z-index: 50;
    padding: 2px 0;
    width: 100%;
    background: #ffffff;
    border-bottom: 0px solid #f3f3f3;
    box-shadow: 0px 0px 3px #e1e1e1;
}

.about-us-page .about-image-container {
    border-radius: 0px;
    border: none !important;
    border-right: 0;
    padding: 0 !important;
    padding-right: 0;
    margin-top: -2px;
}

.service-section .service-block {
    width: 100%;
    height: 100%;
    background: #fff !important;
    transition: all 0.3s ease-in-out;
    border-radius: clamp(8px, 0.625vw, 24px) !important;
    box-shadow: 0px 0px 10px #ebebebeb;
    border: 1px solid #e7e7e7;
}

/*.service-section .service-block .icon-box svg {
    width: 95px !important;
    height: 75px !important;
    background: #e64e3b;
    width: 75px;
    height: 75px;
    border-radius: 0px 0px 50px 50px;
    padding: 1px;
}*/

/*.service-section .service-block:hover .icon-box svg  {
    background: #e64e3b94;
}*/

.content-box h5 {
        color: #1b1a1a !important;
}


.content-box p {
        color: #92949f !important;
}

.service-section .service-block:hover .icon-box svg path {
    fill: black;
    transition: all 0.3s ease-in-out;
}

.mobile-nav__wrapper .mobile-nav__content .logo-box {
    margin-bottom: 10px;
    display: flex;
}

.phonenumbers {
    display: flex;
    gap: 10px;
}

.whatsapp {
    border: 1px solid #29ad17;
    background: #29ad17;
    box-shadow: 0px 10px 25px -10px hsl(112.8deg 76.53% 38.43% / 54.9%);
}

.sw-btn {
    font-size: 15px;
    font-weight: 500;
    color: #ffffff;
    height: 45px;
    border-radius: 3px;
    padding: 0 10px;
    display: flex;
    line-height: 50px;
    align-content: center;
    align-items: center;
    width: max-content;
    grid-gap: 10px;
    overflow: hidden;
}


.whatsapp:hover {
    background: #ffffff;
    color: #29ad17;
    border: 1px solid #29ad17;
}

.sw-btn-1 {
    border: 1px solid #001c51;
    background: #001c51;
    -webkit-box-shadow: 0px 10px 25px -10px hwb(0deg 0% 100% / 50%);
    box-shadow: 0px 10px 25px -10px hwb(0deg 0% 100% / 50%);
}

.sw-btn-1:hover {
background: #ffffff;
    color: #001c51;
    border: 1px solid #001c51;
}

  .banner-image img{
    width: 80%;
    }



@media (min-width: 1200px) and (max-width: 1600px) {
    .banner-image img{
    width: 85%;
    }
    
    img.harrow {
    position: absolute;
    top: 15px;
    /* left: 76px; */
    left: 175px !important;
    text-align: center;
}
    
    .how-works-block h5 {
    color: #101010;
    font-size: 18px !important;
    font-weight: 500;
    display: inline-block;
    /* vertical-align: bottom; */
    padding-left: 13px;
    line-height: 1.5;
    width: 200px;
    position: relative;
    top: 35px;
}
    
}
    
    
    @media (min-width: 992px) and (max-width: 1199px) {}


@media (min-width: 768px) and (max-width: 991px) {
    
              .fexcopy{
    display:block !important;
    align-items:center;
        justify-content: space-between;
}
    
        .tx {
        text-align: center !important;
        margin: 5px 0px;
    }
       
    
       .title-banner {
    background: url('images/Waterbanner.jpg') !important;
    background-position: center;
    background-size: cover !important;
    /* width: 100%; */
    background-attachment: scroll;
    background-repeat: no-repeat;
    height: auto;
    padding: 70px 0px !important;
    display: grid;
    align-items: center;
    justify-content: start !important;
}

.sect {
    width: 90% !important;
    margin: auto;
    background: white;
    padding: 25px 25px;
    box-shadow: 0px 4px 10px 2px #e7e4e4;
}
}



@media only screen and (min-width: 600px) and (max-width: 767px) {
              .fexcopy{
    display:block !important;
    align-items:center;
        justify-content: space-between;
}
    
          .tx {
        text-align: center !important;
        margin: 5px 0px;
    }
       
    
       .title-banner {
    background: url('images/Waterbanner.jpg') !important;
    background-position: center;
    background-size: cover !important;
    /* width: 100%; */
    background-attachment: scroll;
    background-repeat: no-repeat;
    height: auto;
    padding: 70px 0px !important;
    display: grid;
    align-items: center;
    justify-content: start !important;
}

.sect {
    width: 90% !important;
    margin: auto;
    background: white;
    padding: 25px 25px;
    box-shadow: 0px 4px 10px 2px #e7e4e4;
}
    
     .col-12{
            width:50% !important;
        } 
    
         
               
            .hero-banner {
    height: 350px !important;
    
  }
  
  .hero-banner .banner-img
 {
    width: 100%;
    height: 100%;
    object-fit: none !important;
}

.hero-banner .banner-content {
    position: absolute;
    text-align: center;
    color: #fff;
    width: 550px !important;
    z-index: 2;
    padding: 0px 20px;
    /*top: 90px !important;*/
}

  .hero-banner .banner-content h1 {
    font-size: 30px !important;
  }

.hero-banner .banner-content p {
        font-size: 15px !important;
        margin-bottom: 7px !important;
    }
      .tx {
        text-align: center !important;
        margin: 5px 0px;
    }
    .floating-label {
    position: relative;
    margin-bottom: 0px !important;
    overflow: hidden;
}
    
     img.harrow{
                display:none;
                
            }
}
    
    
    @media only screen and (min-width: 480px) and (max-width: 599px) {
                  .fexcopy{
    display:block !important;
    align-items:center;
        justify-content: space-between;
}
        
         .tx {
        text-align: center !important;
        margin: 5px 0px;
    }
       
        
       .title-banner {
    background: url('images/Waterbanner.jpg') !important;
    background-position: center;
    background-size: cover !important;
    /* width: 100%; */
    background-attachment: scroll;
    background-repeat: no-repeat;
    height: auto;
    padding: 70px 0px !important;
    display: grid;
    align-items: center;
    justify-content: center !important;
}

.sect {
    width: 90% !important;
    margin: auto;
    background: white;
    padding: 25px 25px;
    box-shadow: 0px 4px 10px 2px #e7e4e4;
}
        .col-12{
            width:50% !important;
        }        

               
            .hero-banner {
    height: 350px !important;
    
  }
  
  .hero-banner .banner-img
 {
    width: 100%;
    height: 100%;
    object-fit: none !important;
}

.hero-banner .banner-content {
    position: absolute;
    text-align: center;
    color: #fff;
    width: 450px !important;
    z-index: 2;
    padding: 0px 20px;
    /*top: 90px !important;*/
}

  .hero-banner .banner-content h1 {
    font-size: 26px !important;
  }

.hero-banner .banner-content p {
        font-size: 13px !important;
        margin-bottom: 7px !important;
    }
      .tx {
        text-align: center !important;
        margin: 5px 0px;
    }
        
        .floating-label {
    position: relative;
    margin-bottom: 0px !important;
    overflow: hidden;
}
        
        .booking-section .form-wrapper {
    padding: 0 !important;
}
        
        .ribbon {
    position: absolute;
    top: 16px !important;
    right: -60px !important;
    background: #e64e3b;
    color: #ffffff;
    padding: 5px 50px;
    font-size: 13px;
    font-weight: 600;
    transform: rotate(45deg);
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
}
        
        .price-card {
    background: #fff;
    border-radius: 20px;
    padding: 30px 5px !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
    transition: all 0.4s ease;
    position: relative;
    overflow: hidden;
    border: 2px solid #e5af68;
}
        
        .featured {
    transform: scale(1.1);
    z-index: 2;
          margin: 10px 12px !important;
    background: linear-gradient(135deg, #ffffff, #ffffff);
    color: #0e0e0e;
    box-shadow: 0 2px 10px rgb(0 0 0 / 18%) !important;
    border: 2px solid #e5af68;
}
        
        .how-works-block h5 {
    color: #101010;
    font-size: 16px !important;
    font-weight: 500;
    display: inline-block;
    /* vertical-align: bottom; */
    padding-left: 13px;
    line-height: 1.5;
    width: 180px !important;
    position: relative;
    top: 10px !important;
}

.how-works-block h5 span {
    color: #0a9a69;
    font-weight: 400;
    font-size: 14px !important;
}
        
         img.harrow{
                display:none;
                
            }
        
    .hero-banner .banner-wrapper {
        padding-top: 12% !important;
    }

.banner-text h1 {
    font-size: 35px;
    margin-bottom: 0px;
}



    .hero-banner .banner-wrapper .banner-image {
        width: 30%;
        margin: auto;
    }
    .hero-banner .customer-wrapper{
        margin-top: 0;
        padding: 10px 4px;
    }
        .hero-banner .customer-wrapper .customer-container {
        gap: clamp(24px, 1.667vw, 64px);
        justify-content: center;
    }
    .section_bg{
  
    padding: 30px 0;
}
.about-text-container h3{
    margin-bottom: 0 !important;
}
.service-section{
    padding: 30px 0px;
}
.service-section h2{
        margin-bottom: 0 !important;
}
.benefit-block h4{
        margin-bottom: 8px;
    
}
.chose_img{
      margin-bottom: 0 !important;
}

.benefit-section {
    padding: 30px 0;
}

.howp{
        margin-bottom: 20px;
}
        
    }
        
        @media only screen and (min-width: 320px) and (max-width: 479px) {
            .fexcopy{
    display:block !important;
    align-items:center;
        justify-content: space-between;
}
            
       .title-banner {
    background: url('images/Waterbanner.jpg') !important;
    background-position: center;
    background-size: cover !important;
    /* width: 100%; */
    background-attachment: scroll;
    background-repeat: no-repeat;
    height: auto;
    padding: 70px 0px !important;
    display: grid;
    align-items: center;
    justify-content: center !important;
}

.sect {
    width: 90% !important;
    margin: auto;
    background: white;
    padding: 25px 25px;
    box-shadow: 0px 4px 10px 2px #e7e4e4;
}
            
            .hero-banner {
    height: 350px !important;
    
  }
  
  .hero-banner .banner-img
 {
    width: 100%;
    height: 100%;
    object-fit: none !important;
}

.hero-banner .banner-content {
    position: absolute;
    text-align: center;
    color: #fff;
    width: 400px !important;
    z-index: 2;
    padding: 0px 20px;
    /*top: 90px !important;*/
}

  .hero-banner .banner-content h1 {
    font-size: 26px !important;
  }

.hero-banner .banner-content p {
        font-size: 13px !important;
        margin-bottom: 7px !important;
    }
     .tx {
        text-align: center !important;
        margin: 5px 0px;
    }
            
            .floating-label {
    position: relative;
    margin-bottom: 0px !important;
    overflow: hidden;
}
            
            .booking-section .form-wrapper {
    padding: 0 !important;
}
            
             .ribbon {
    position: absolute;
    top: 16px !important;
    right: -60px !important;
    background: #e64e3b;
    color: #ffffff;
    padding: 5px 50px;
    font-size: 13px;
    font-weight: 600;
    transform: rotate(45deg);
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
}
            
            .price-card {
    background: #fff;
    border-radius: 20px;
    padding: 30px 5px !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
    transition: all 0.4s ease;
    position: relative;
    overflow: hidden;
    border: 2px solid #96b8f9;
}
            
            .featured {
    transform: scale(1.1);
    z-index: 2;
         margin: 10px 12px !important;
    background: linear-gradient(135deg, #ffffff, #ffffff);
    color: #0e0e0e;
    box-shadow: 0 2px 10px rgb(0 0 0 / 18%) !important;
    border: 2px solid #96b8f9;
}
            
     .how-works-block h5 {
    color: #101010;
    font-size: 16px !important;
    font-weight: 500;
    display: inline-block;
    /* vertical-align: bottom; */
    padding-left: 13px;
    line-height: 1.5;
    width: 180px !important;
    position: relative;
    top: 10px !important;
}

.how-works-block h5 span {
    color: #0a9a69;
    font-weight: 400;
    font-size: 14px !important;
}
            
            img.harrow{
                display:none;
                
            }
            .hero-banner .banner-wrapper .banner-text {
    padding-top: 10% !important;
}

.banner-text h1 {
    font-size: 35px;
    margin-bottom: 0px;
}


    .hero-banner .banner-wrapper .banner-image {
        width: 30%;
        margin: auto;
    }
    .hero-banner .customer-wrapper{
        margin-top: 0;
        padding: 10px 4px;
    }
        .hero-banner .customer-wrapper .customer-container {
        gap: clamp(24px, 1.667vw, 64px);
        justify-content: center;
    }
    .section_bg{
  
    padding: 30px 0;
}
.about-text-container h3{
    margin-bottom: 0 !important;
}
.service-section{
    padding: 30px 0px;
}
.service-section h2{
        margin-bottom: 0 !important;
}
.benefit-block h4{
        margin-bottom: 8px;
    
}
.chose_img{
      margin-bottom: 0 !important;
}

.benefit-section {
    padding: 30px 0;
}

.howp{
        margin-bottom: 20px;
}

        }
        
.chosebox i {
    background: #ffffff;
    color: #e64e3b;
    padding: 7px 10px;
    font-size: 30px;
    border: 2px solid #fff;
    box-shadow: 2px 2px 0px #e64e3bb0;
}
        
   .chosebox {
    display: flex;
    align-items: start;
    gap: 15px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #cccccc;
    margin-bottom: 10px;
}
        
        
    .chosebox h5 {
    font-size: 19px;
    color: #e97f00;
    text-transform: capitalize;
}
        
        
    .chosebox p    {
       color: #727171;
    font-size: 15px;
        }
        
        
         .section-boxbenf{
                 position: relative;
         }
        
        
        .how-works-block {
      position: relative;
}
img.harrow {
    position: absolute;
    top: 15px;
    /* left: 76px; */
    left: 235px;
    text-align: center;
}
.how-works-block .img {
    display: inline-block;
    border-radius: 8px;
    filter: drop-shadow(0px 10px 15px rgba(0,60,40,0.08));
    background-color: #ffffff;
    padding: 19px;
}


.how-works-block .img img {
    max-width: 115px;
}


.how-works-block h5 {
    color: #101010;
    font-size: 20px;
    font-weight: 500;
    display: inline-block;
    /* vertical-align: bottom; */
    padding-left: 13px;
    line-height: 1.5;
    width: 200px;
    position: relative;
    top: 35px;
}

.how-works-block h5 span {
    color: #0a9a69;
    font-weight: 400;
    font-size: 17px;
}


.icon-box{
        width: 80px;
    margin: auto;
    height: 80px;
}

.content-box{
        text-align: center;
    margin-top: 10px;
}


.content-box h5{
        font-size: 18px;
}

.col-20 {
  width: 20%;
/*  float: left;*/
}


.cus-btn-2 {
    background-color: #001c51 ;

    border: 1px solid #001c51 ;
}

.cus-btn-2:hover {
    color: #001c51;
    border: 1px solid #001c51;
}

.cus-btn {
    background-color: #001c51 ;

    border: 1px solid #001c51 ;
}

.cus-btn:hover {
    color: #001c51;
    border: 1px solid #001c51;
}

.header .navigation .menu-button-right .main-menu__nav .main-menu__list > li.current a, .header .navigation .menu-button-right .main-menu__nav .main-menu__list > li:hover a, .header .navigation .menu-button-right .main-menu__nav .stricky-header .main-menu__list > li.current a, .header .navigation .menu-button-right .main-menu__nav .stricky-header .main-menu__list > li:hover a {
color: #215fd4;
}




/* contact from*/
.custom-checkbox input[type=checkbox] {
    width: 20px;
    height: 20px;
    margin: 0;
  }
  .custom-control label {
    text-indent: 0;
    padding: 0;
  }
  .customcheck{
    display: flex;
    grid-gap: 10px;
  }
  .form-title{
      text-align: center;
      color: var(--sw-text-1);
      padding-bottom: 40px;
  }
  .form-title h2{
      padding: 50px 0 10px 0px;
      font-weight: 700;
  }
  .form-title p{
      font-size: 18px;
      line-height: 28px;
  }
  .ctmlabl{
      font-size: 15px;
      line-height: 20px;
  }
  .custom-control-label::before, .custom-control-label::after {
      top: 0px;
  }
  .form-block input, .form-block select {
      height: 50px;
      padding: 0px 15px;
      border-width: 0px 0px 2px;
      border-image: initial;
      border-bottom: 2px solid rgb(230, 230, 230);
      border-radius: 0px;
  }
  .form-block textarea {
      height: 100px;
      padding: 15px;
      border-width: 0px 0px 2px;
      border-image: initial;
      border-bottom: 2px solid rgb(230, 230, 230);
      border-radius: 0px;
  }
  .form-block input, .form-block select, .form-block textarea {
      color: rgb(23, 43, 67);
      font-size: 18px;
      width: 100%;
      margin: 0px 0px 15px;
      background: rgb(255, 255, 255);
      outline: 0px;
  }
  .floating-label { position: relative; margin-bottom: 20px; overflow: hidden;}
  .floating-input, .floating-select {
      font-size: 14px;
      padding: 4px 4px;
      display: block;
      width: 100%;
      height: 45px;
      background-color: transparent;
      border: none;
      border-bottom: 1px solid #C5C5C5;
  }
  .floating-input:focus, .floating-select:focus {   outline: none;   border-bottom: 1px solid #001c51;}
.floating-label label {
    color: #353535;
    font-size: 16px;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 30px;
    top: 12px;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
    margin-bottom: 0;
}
  .floating-input:focus~label, .floating-input:not(:placeholder-shown)~label, .floating-select:focus~label, .floating-select:not([value=""]):valid~label {
    top: 0px;
    font-size: 12px;
    line-height: 1;
    color:#494e5e;
    background: #fff;
    width: 50%
  }
  #contactform .error-label .error {
    color:var(--bs-form-invalid-color);
    display: block;
    margin: 0;
    font-size: 12px;
    line-height: 1;
    bottom: 8px;
    top: inherit;
    background: #fff;
    padding: 0 8px 0 8px;
    margin: 0 0 0 -8px;
  }
   .formicon{
       position: absolute;
       top: 12px;
       left: 20px;
  }
   .iconin .form-block input, .iconin .form-block select{
       padding: 0px 25px 0px 35px;
  }
   .iconin .form-block textarea {
       padding: 15px 15px 15px 35px;
       margin-top: 1px;
  }
   .iconin .floating-label label {
       left:48px;
  }
  .loader-icon{
      display: flex;
      height: 100%;
      width: 100%;
      position: absolute;
      background:  var(--sw-dark-1);
      justify-content: center;
      align-items: center;
  }
  .loader-icon:before {
      content: '';
      box-sizing: border-box;
      position: absolute;
      left: 0;
      right: 0;
      margin: 0 auto;
      width: 30px;
      height: 30px;
      border-radius: 50%;
      border: 3px solid rgb(255 255 255 / 20%);
      border-top-color: var(--sw-white);
      animation: spinner .6s linear infinite;
    }
    @keyframes spinner {
      to {transform: rotate(360deg);}
    }
  .swform input.error, .swform select.error, .swform textarea.error { border-bottom: 1px solid #dc3545;;}
  .swform input.valid, .swform select.valid, .swform textarea.valid { border-bottom: 1px solid #00a759;}
  .swform input.valid, .swform textarea.valid{
      background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2300a759' d='M18.71,7.21a1,1,0,0,0-1.42,0L9.84,14.67,6.71,11.53A1,1,0,1,0,5.29,13l3.84,3.84a1,1,0,0,0,1.42,0l8.16-8.16A1,1,0,0,0,18.71,7.21Z'/%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-position: right center;
      background-size: 20px;
  }
  .swform input.error, .swform textarea.error{
          background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ff0000' d='M12 2A10 10 0 1 0 22 12 10.01114 10.01114 0 0 0 12 2Zm0 18a8 8 0 1 1 8-8A8.00917 8.00917 0 0 1 12 20Zm0-8.5a1 1 0 0 0-1 1v3a1 1 0 0 0 2 0v-3A1 1 0 0 0 12 11.5Zm0-4a1.25 1.25 0 1 0 1.25 1.25A1.25 1.25 0 0 0 12 7.5Z'/%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-position: right center;
      background-size: 20px;
  }
  .swform textarea.error,.swform textarea.valid {
      background-position-x: 98%;
      background-position-y: 10px;
  }
  .btnnpair {
    display: flex;
    gap: 20px;
    align-items: center;
}
  .submit{
    position: relative;
    gap: 0;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .ctmlabl a{color: var(--sw-color-9);}


.inner_feature_area {
    display: flex;
    gap: 15px;
    border: 1px solid #1b308d0a;
    background: #fff;
    align-items: center;
    padding: 15px 15px;
    border-radius: 10px;
    box-shadow: 3px 4px 16px rgb(0 24 128 / 15%);
}


.inner_img_area {
    margin-bottom: 0px;
    width: 140px;
    /* border: 2px solid #061d83; */
    border-radius: 10px;
    padding: 6px 8px;
    text-align: start;
}


.inner_feature_area h3 {
    text-align: start;
    margin-bottom: 0px;
}

.inner_feature_area h3 a {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #0c4da2;
    line-height: 10px;
}
.txtcen p{
    font-size: 16px;
      color: #9a9b9b;
    text-align: justify;
}

#preloader {
    position: fixed;
    width: 100%;
    height: 100vh;
    text-align: center;
    background-color: #ffffff;
    z-index: 9999999;
    display: grid;
    align-content: center;
    -webkit-transition: all 500ms linear;
    transition: all 500ms linear;
}

.hero-banner {
  position: relative;
  width: 100%;
  height: 550px; 
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.hero-banner .banner-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hero-banner .banner-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(69 81 133 / 46%);
}

.hero-banner .banner-content {
    position: absolute;
    text-align: center;
    color: #fff;
    width: 820px;
    z-index: 2;
    padding: 0 20px;
}

.hero-banner .banner-content h1 {
    font-size: 45px;
    font-weight: 600;
    color: #ffff;
}

.hero-banner .banner-content p {
    font-size: 18px;
    margin: 10px 0 20px;
    text-align: center;
    color: #ebeced;
}

.btn-banner {
  padding: 12px 25px;
  background: #ffb400;
  color: #000;
  font-weight: 600;
  border-radius: 5px;
  display: inline-block;
  text-decoration: none;
}



.fixed-tabs-Whats .aba-whatsphone {
    padding: 6px 8px;
}

.fixed-tabs-Whats {
    position: fixed;
    right: 20px;
    bottom: 165px;
    z-index: 100;
}

.aba-whatsphone {
    background: #29ad17;
    height: 45px;
    width: 45px;
    outline: 4px solid #29ad1759;
    border-radius: 50%;
    transition: 0.7s 
ease;
}

.aba-whatsphone i{
    font-size: 33px;
    /* text-align: center; */
    color: #fff;
    font-weight: 500;
    background: #29ad17;
    border-radius: 50%;
    }


.aba-whatsphone2 {
    background: #f70119;
    height: 45px;
    width: 45px;
    padding: 9px 10px;
    outline: 4px solid #f7011952;
    border-radius: 50%;
    transition: 0.7s 
ease;
}

.aba-whatsphone2 i{
    font-size: 27px;
    /* text-align: center; */
    color: #fff;
    font-weight: 500;
    background: #f70119;
    border-radius: 50%;
    }



.fixed-tabs-mag {
    position: fixed;
    right: 20px;
    bottom: 102px;
    z-index: 100;
}

#preloader .loading07 span {
    position: relative;
    color: #082d93;
}

#preloader .loading07 span::after {
    position: absolute;
    top: 0;
    left: 0;
    content: attr(data-text);
    color: #1b4ead;
    opacity: 0;
    transform: scale(1.5);
    animation: loading07 3s infinite;
}


.slider-arrows .arrow-btn {
    width: 31px;
    height: 31px;
  
}

.scrollToTopBtn {
    background: #001c51;
    color: #ffffff;

    border: 1px solid #001c51;
}

.scrollToTopBtn:hover {
    background: #001c51;
    color: #ffffff;
    transition: all 0.3s ease-in-out;
    border: 1px solid #001c51;
}

.contect_form {
    border: 1px solid #f4f4f4;
    padding: 13px 15px 20px 15px;
    box-shadow: 0px 6px 21px -14px hwb(0deg 0% 100% / 50%);
    border-radius: 5px;
}

.contect_form h4 {
   font-size: 22px;
    color: #d11407;
    border-bottom: 1px dashed #c6c6c6c4;
    margin-bottom: 11px;
    padding-bottom: 5px;
}

.header .navigation .menu-button-right .main-menu__nav .main-menu__list > li > a.active, .header .navigation .menu-button-right .main-menu__nav .main-menu__list > li > a:hover, .header .navigation .menu-button-right .main-menu__nav .stricky-header .main-menu__list > li > a.active, .header .navigation .menu-button-right .main-menu__nav .stricky-header .main-menu__list > li > a:hover {
    color: #107dd7;
}


.fexcopy{
    display:flex;
    align-items:center;
        justify-content: space-between;
}


.gall_box {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 12px;
}

.gall_item {
    position: relative;
}

.gall_item img {
    width: 100%;
    display: block;
    transition: .4s ease;
    border-radius: 12px;
}

/* Overlay */
.gall_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .4s ease;
    border-radius: 12px;
}

.gall_overlay h3 {
    color: #fff;
    font-size: 22px;
    font-weight: 600;
    transform: translateY(20px);
    opacity: 0;
    transition: .4s ease;
}

/* Hover effect */
.gall_item:hover img {
    transform: scale(1.05);
}

.gall_item:hover .gall_overlay {
    opacity: 1;
    visibility: visible;
}

.gall_item:hover .gall_overlay h3 {
    transform: translateY(0px);
    opacity: 1;
}


.logos-block {
    margin: 7px 15px !important;
    border: 1px solid #b1b1b17d;
    border-radius: 10px;
    box-shadow: 0px 6px 12px #f4f4f4;
    padding: 6px 6px;
    background: white;
}


.accordion-button{
    padding: 6px 15px;
 font-size: 19px;
    font-weight: 500;
}


.counter {
    font-size: 35px !important;
    font-weight: 600 !important;
    color: #1a1a1b;
}

.counter-span1{
    color: #f69506 !important;
    font-size: 50px !important;
    margin-bottom: 6px;
}

.counter-span2{
    color: #f69506 !important;
  
}
.counter-span2{
    color: #f69506 !important;
   
}

.counter-span2{
    color: #f69506 !important;
   
}

.counter-icon {
    font-size: 40px;
    color: #0077ff;
    margin-bottom: 10px;
    display: block;
}



