/* Transparent header styling */


    /* loader css */



    body.loading {
      overflow: hidden; /* Prevent scrolling issues */
       -webkit-overflow-scrolling: touch; /* iOS scrolling fix */
   }
   
   .loader-container {
       position: fixed;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       background: #fff !important;
       display: flex;
       justify-content: center;
       overflow: hidden;
       align-items: center;
       z-index: 9999;
       -webkit-overflow-scrolling: touch; /* For iOS smooth scrolling fix */
       -webkit-transform: translate3d(0, 0, 0); /* Forces hardware acceleration */
   }
   
   
   
   .loader-container::before {
       content: "";
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       background: #fff !important;
       z-index: -1;
   }
   
   #loader-video {
       width: 100%;
       height: 100%;
       object-fit: cover;
       background: #fff;
       position: relative;
       z-index: 1;
       -webkit-object-fit: cover;
   }
   @supports (-webkit-touch-callout: none) {
    .loader-container {
      background: #fff !important;
      /* iOS-specific white background */
    }

    #loader-video {
      background: #fff;
      -webkit-object-fit: cover;
      /* For iOS Safari */
    }
  }







/* loader css end */


.dropdown-submenu > .dropdown-menu {
  top: 100%;
  border: none;
  left: 0;
  position: relative !important;
  margin-top: 0.1rem;
  display: none;
}

.dropdown-submenu.show > .dropdown-menu {
  display: block;
}



    .navbar {

        /* padding: 10px 0; */
        position: fixed !important;
        z-index: 1000;
        width: 100%;
        height: 80px;
        background-color: transparent;
      }
      .navbar.scrolled {
              /*background-color: #aad1b7 !important; */
              /*backdrop-filter: blur(7px) !important;*/
    background: #00000020 !important;
    background-color: unset !important;
          }
          .offcanvas-start {
            background-color: #aad1b7 !important;
            color: white;
        }
        .dropdown-item{
          font-weight: 700 !important;
          font-size: 20px;
          text-shadow: 0px 0px 4px #000;
        }
      .navbar-nav .nav-link {
        color: #fff;
        text-decoration: none;
        font-size: 20px;
        font-weight: 700;
        padding: 9px 15px;
        border-radius: 5px;
        transition: all .3s ease;
        text-shadow: 0px 0px 4px #000;
        margin: 0 20px;
      }
  
      .navbar-nav .nav-link:hover {
        color: #3da4c9 !important;
      }
  
      /* Logo styling */
      .navbar-brand img {
        height: 100px;
        PADDING-TOP:10PX;
      }
  
      /* Dropdown menu styling */
      .dropdown-menu {
        background-color: rgba(0, 0, 0, 0.8);
      }
  
      .dropdown-item {
        color: #fff !important;
      }
  
      .dropdown-item:hover {
      background-color: transparent !important;
        color: #3da4c9 !important;
      }
  
      /* Offcanvas menu custom styling */
      .offcanvas-start {
        background-color: rgba(0, 0, 0, 0.9);
        color: white;
      }
  
      .offcanvas-header .btn-close {
        color: white;
      }
  
      @media only screen and (max-device-width: 768px) {
        .navbar-brand img {
          height: 75px;
          PADDING-TOP:0PX;
        }
      }