@font-face {
    font-family: 'Avenir LT Std';
    src: url('fonts/avenirltstd-regular.woff2') format('woff2'),
         url('fonts/avenirltstd-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'Avenir LT Std';
    src: url('fonts/avenirltstd-bold.woff2') format('woff2'),
         url('fonts/avenirltstd-bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
  }
  
  /* Apply the font */
  body {
    font-family: 'Avenir LT Std', sans-serif;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    width: 100%;
  }
  

  .pl-65{
    padding-left: 59px !important;

  }

/* banner section start */



.banner {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 100%;
}

.banner img {
    display: block;
    width: 100%;
    /* height: 525px; */
}

.banner .text-area {
    position: absolute;
    top: 35%;
    left: 80px;
    transform: translateY(-50%);
    color: white;
    /* background-color: rgba(0, 0, 0, 0.5);  */
    padding: 10px 20px;
    /* left: 80px; */
}

.banner .text-area h1 {
    font-size: 32px;
    font-weight: 500;
    line-height: 39px;
    border-left: 10px solid #1381FB;
    padding-left: 25px;
    letter-spacing: 2px;
    /* line-height: 70px; */
}

.banner .text-area p {
    width: 300px;
}

/* banner section end */

/* header navbar start */

/* Make the header fixed */
.bg-light {
    background-color: #2C3062 !important;
    height: 70px;
}
header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    background-color: #003366;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}


body {
    padding-top: 70px; 
}


.nav-link {
    color: white !important;
}

.nav-item {
    padding-right: 20px !important;
}

.logo {
height: 55px;
}

.navbar{
    height: 70px;
}

.mar-lft-50 {
    margin-left: 50px;
}

.navbar-nav .nav-link {
    position: relative;
    color: white;
    /* Adjust based on your theme */
    text-decoration: none;
    padding: 10px 15px;
    transition: color 0.3s ease;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active {
    color: white;
    /* Optional for hover color change */
}

.navbar-nav .nav-link:hover::after,
.navbar-nav .nav-link.active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    /* Adjust thickness */
    background-color: white;
    /* Bottom underline color */
    transition: width 0.3s ease;
}

.navbar-nav .nav-link::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background-color: white;
    /* Bottom underline color */
    transition: width 0.3s ease;
}

/* header navbar end */


.center {
    text-align: center;
}

.title-btn {
    border: 1px solid #2C3062;
    padding: 12px 50px;
    border-radius: 30px;
    color: #2C3062;
}

.pad-all-40 {
    padding: 25px 10px 15px 10px;

}

.mar-10 {
    margin: 10px;
}

.box img {
    width: 98%;
    /* height: 320px; */
}

.width-98 {
    width: 98%;
}

.mar-20 {
    margin: 20px;
}

.image-container {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 400px;
}

.image-container img {
    display: block;
    width: 100%;
    height: 400px;
    cursor: pointer;
}

.image-container1 {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 823px;
}

.image-container1 img {
    display: block;
    width: 100%;
    height: 400px;
    cursor: pointer;
}

.image-container1 {
    position: relative;
    overflow: hidden;
  }

.overlay-text {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    /* background-color: rgba(0, 0, 0, 0.6);  */
    color: #FFFFFF;
    padding: 10px;
    font-size: 35px;
    text-align: center;
    font-weight: 700;
}

.shadowed-image {
    display: block;
    width: 100%;
    max-width: 400px;
    height: auto;
    box-shadow: #000000;
    border-radius: 5px;
    transition: transform 2s ease, box-shadow 2s ease;
}

.shadowed-image1 {
    display: block;
    width: 100%;
    max-width: 823px;
    height: auto;
    box-shadow: #000000;
    border-radius: 5px;
    transition: transform 2s ease, box-shadow 2s ease;
}


.shadowed-image:hover {
    transform: scale(1.1);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.7);
}

.shadowed-image1:hover {
    transform: scale(1.1);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.7);
}

.mt-20{
    margin-top: 20px;
}

.bg-pink{
    background-color: pink;
    background: linear-gradient(45deg, #E7C2FF, #DAD3FF);
    padding: 30px;
}

.pad-all-30{
padding: 30px;
}

.enquiry{
    background-color: white;
    border-radius: 8px; 
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); 
}

.width-93{
    width: 93%;
}

.width-97{
    width: 97%;
}

.pl-60 {
    padding-left: 60px;
}

.footer{
    background-color: #2C3062;
    padding: 30px 25px 20px 25px;
}

.ml-50 {
    margin-left: 50px !important;
  }

.footer p{
    color: white;
    /* width: 350px; */
    margin: 0;
    font-size: 15px;
}

.mtop-10{
    margin-top: 10px;
}

.service-offer p a:hover{
    color: #58ACE3;
    }

.footer-title{
    color: white;
    font-size: 17px;
    font-weight: 600;
}

.pt-20{
    padding-top: 20px;
}

.pt-10{
    padding-top: 10px;
}

.ptop-5{
    padding-top: 5px;
}

.pt-47{
    padding-top: 47px;
}
.size-adjust{
    width: 200px;
    height: 125px;
    border-radius: 6px;
    margin-left: 20px;
}

/* .footer .col-md-3{
    flex: 0 0 auto;
    width: 19.333333%;
} */

.ml-20{
    margin-left: 20px;
}

.pl-40{
    padding-left: 40px;
}

.pl-20{
    padding-left: 20px;
}

.line{
    color: white;
    width: 96%;
    margin-left: 10px;
}

.enquiry h4{
    color: #231B53;
}

.width-90{
    width: 90%;
}

.d-flex{
    display: flex;
}

.lft{
    float: left;
}

.rgt{
    float: right;
    margin-left: auto;
}


.btn-sub{
    border: 1px solid gray;
    padding: 10px 30px;
    border-radius: 20px;
    background: linear-gradient(45deg, #261C63, #2C3062);
    /* background-color: blue; */
    color: white;
}

.mt-40{
    margin-top: 40px;
}

.d-flx{
display: flex;
gap: 20px;
}

.d-flx span i{
    color: white;
    font-size: 28px;
}


.chart{
    width: 45px;
    height: 45px;
}

/* .form-control{
   
    background-color: #E7C2FF;
    border: 1px solid #E7C2FF;
} */
/* .col-md-4 {
    flex: 0 0 auto;
    width: 31.333333%;
} */
/* .mt-30{
    margin-top: 30px;
  } */


  .image-container {
    position: relative;
    overflow: hidden;
  }
  .shadowed-image {
    width: 100%;
    height: auto;
    display: block;
  }

  .shadowed-image1{
    width: 823px;
    height: auto;
    display: block;
  }
  
  .overlay-text {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    text-align: center;
    padding: 10px;
    font-size: 22px;
  }
 

  .mar-rl{
    margin: 20px 61px;

  }
  .mt-20 {
    margin-top: 20px;
  }
  

  .bg-light-blue{
    background-color: #58ACE3;
    padding: 10px;
  }

  .intrest{
    text-align: center;
    padding: 20px;
    color: white;
    font-size: 32px;
    font-weight: 700;
  }

  .contact-us{
    color: white;
    border: 1px solid gray;
    padding: 10px 25px;
    border-radius: 25px;
    background: linear-gradient(45deg, #261C63, #2C3062);
    display: inline-flex;
  }
  .contact-us:hover{
    color: white;
      }

  .flex-box{
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .chart-bot{
    position: fixed;
    left: 1265px;
    top: 515px;
  }

  .pad-lft100{
    padding-left: 100px;

  }

  .pad-lft110{
    padding-left: 110px;

  }
  .service-offer p a{
      text-decoration: none !important;
      cursor: pointer;
      color: white;
      
  }

  .service-offer p{
    margin-top: 5px;
  }

  /* About us page css start*/
  .inner-title{
    color: #231B53;
    font-size: 30px;
    font-weight: 600;
   }

  .bg-ligt{
    background-color: #F0F6FB;
    }

    .about-content h4{
        font-size: 34px;
        padding: 30px 20px;
        /* font-weight: 600; */
    }

    .font-stl{
        font-size: 22px;
        padding: 30px 20px;
    }

    .pb-40{
        padding-bottom: 40px;
    }
     /* About us page css end*/


     /* contact us page css start*/

     .circle{
        display: flex;
        align-items: center;
        gap: 20px;
        /* justify-content: space-evenly; */
     }

     .circle i{
        border: 1px solid gray;
        padding: 20px;
        border-radius: 50%;
        width: 60px;
        height: 60px;
        display: flex;
        align-items: center;
        font-size: 20px;
        justify-content: center;
        color: #1381FB;
     }

     .sub-title{
        font-size: 25px;
        color: #000000;
        line-height: 1;
     }

     .bg-light-pink{
        background: linear-gradient(45deg, #E7C2FF, #DAD3FF);
        height: 500px;
        position: relative;
        top: 200px;
     }

     .Enquire-now{
        background-color: white;
        position: absolute;
        width: 95%;
        top: -190px;
        left: 32px;
        height: 313px;
        box-shadow: 1px solid gray;
        background-color: white;
        border: 1px solid #ddd;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
        border-radius: 8px;
        height: 600px;
     }
     
     .success-message {
        color: green;
        background-color: #e7f7e3;  /* Light green background */
        border: 1px solid #4CAF50;   /* Dark green border */
        padding: 15px;
        border-radius: 5px;
        font-weight: bold;           /* Thicker font */
        font-size: 16px;             /* Set a suitable font size */
        text-align: center;          /* Center text alignment */
        box-shadow: 0 4px 8px rgba(0, 128, 0, 0.3); /* Subtle shadow for a polished look */
        margin-top: 5px;             /* Space above the message */
    }

     /* Expanded height class */
    .Enquire-now.expanded {
        height: 680px; /* Increased height on form submission */
    }

     .enquiry-title{
        color: #231B53;
        font-size: 32px;
        font-weight: 700;
     }

     .contact-footer{
        position: relative;
        top: 200px;
     }

     .mar-all-20{
        margin: 20px;
     }

     iframe{
        width: 100%;
        height: 400px;
     }

     .map-loaction{
        margin: 30px 20px;
     }

     .grid-section{
        display: grid;
        gap: 20px;
     }

     .hide{
        visibility: hidden;
     }
     .form-group input{
        background-color: #f3f3f3;
     }

     .align-wh{
        height: 70px;
     }


       /* contact us page css end*/


       .dropdown-menu{
        background-color: white !important;
        padding: 0 !important;
        
       }

       .dropdown-item:hover {
        background-color: #ebebeb;
        width: 190px;
        color: #2C3062;
        border-left: 6px solid #58ACE3;
        padding: 10px;
        
       }

    



/* responsive design css */
       /* Global Styles */
       /* @media (max-width: 576px) {
        .navbar-brand img {
          max-width: 80px;
        }
      
        .nav-link {
          font-size: 14px;
        }
      
        .about-content h4 {
          font-size: 14px;
        }
      
        .font-stl {
          font-size: 12px;
        }
      
        .footer .col-md-4 {
          padding-left: 10px;
          padding-right: 10px;
        }
      
        .d-flx span {
          font-size: 18px;
        }
    }  */
    
    /* @media (min-width: 320px) and (max-width: 767px) {
        body{
            padding: 0;
            margin: 0;
            width: 100%;
        }
        .banner .text-area h1 {
            font-size: 12px;
            line-height: 12px;
        }

        .banner .text-area {
            left: 0;
        }
        .banner img {
            width: 100%;
        }

    } */

    /* For mobile (480px and below) */
    @media (min-width: 320px) and (max-width: 768px) {
        /* about us */
    .banner img {
      max-width: 100%;
      height: 240px;
    }
    .pl-60 {
        padding-left: 0;
    }
    .pad-lft100 {
        padding-left: 0;
    }
    .footer p {
        width: 100%;
        margin: 0;
        /* font-size: 15px; */
    }
    .footer div{
        padding: 0;
    }

    .navbar-nav{
        background-color: #2C3062;

    }
    .mar-lft-50 {
        margin-left: 0;
    }
    .navbar-toggler{
        background-color: white !important;
    }
    .intrest {
        font-size: 20px !important;
    }
   

    .footer .row{
        gap: 30px;
    }

    .d-flx{
        margin-top: 10px;
    }

    .footer-title {
        margin: 0;
        font-size: 14px;
    }


  
  /* about us */
    /* contact us*/

    .Enquire-now {
        height: 975px;
        width: 85%;
    }

    .contact-footer {
        position: relative;
        top: 200px;
    }

    .bg-light-pink {
        height: 805px;
    }

    .form-control {
        width: 85%;
    }
    .map-loaction {
        width: 85%;
        margin: 0;
    }
    .sub-title {
        font-size: 22px;
    }

    .ml-50 {
        margin-left: 0 !important;
    }

    .mt-20-mb{
        margin-top: 20px;
    }

    .logo {
        height: 50px;
        margin: -3px;
    }

     /* contact us*/

     /* home page */
     .banner .text-area {
        width: 80%;
        left: 0;
        
     }

     .pl-65{
        padding-left: 0 !important;
     }

     .banner .text-area h1 {
        font-size: 15px;
        line-height: 18px;
        letter-spacing: 0px;
     }

     .mar-rl {
        margin: 20px 20px;
    }

    .ml-50 {
        margin-left: 0;
    }

    .enquiry-title {
        font-size: 20px !important;
      }

     /* home page */
  }

   
    
    .grid-section {
        display: grid;
        gap: 20px;
    }