/* Footer */



.wrapper>* {
     flex: 0 0 auto;
 }

 a {
     text-decoration: none;
     background-color: transparent;
 }

 .py-8 {
     padding-top: 3.5rem !important;
     padding-bottom: 3.5rem !important;
 }

 .footer-link-01 li+li {
     padding-top: 0.8rem;
 }

 .footer-title-01 {
     font-size: 16px;
     margin: 0 0 20px;
     font-weight: 600;
 }

 .footer-title-01 {
     font-size: 16px;
     margin: 0 0 20px;
     font-weight: 600
 }

 .footer-link-01 li+li {
     padding-top: .8rem
 }

 @media (max-width: 991.98px) {
     .footer-link-01 li+li {
         padding-top: .6rem
     }
 }

 .footer-link-01 a {
     position: relative;
     display: inline-block;
     vertical-align: top
 }

 .footer-link-01 a:after {
     content: "";
     position: absolute;
     bottom: 0;
     left: auto;
     right: 0;
     width: 0;
     height: 1px;
     transition: ease all .35s;
     background: currentColor
 }

 .footer-link-01 a:hover:after {
     left: 0;
     right: auto;
     width: 100%
 }

 .footer {
    background-color: #1a1a1a !important;
}



 /* Header */



header {
  position: relative;
  background-color: black;
  height: 65vh;
  min-height: 30rem;
  width: 100%;
  overflow: visible;
}

header video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}

header .container {
  position: relative;
  z-index: 2;
}

header .header_content {
  position: absolute;
  z-index: 2;
  left: 0;
  bottom: 0;
}

header .nour_icon {
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 0;
}

header .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: black;
  opacity: 0.35;
  z-index: 1;
}

#mobileHeader {
  will-change: transform, opacity;

  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10;
  transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
}

.dropdown {
    z-index: 10;
}

/* Show dropdown on hover */
.nav-item.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; /* Optional: aligns dropdown better */
}

.dropdown-item:active {
  background-color: #7a7a7a;
}

.nav-item.dropdown {
  position: relative;
}



/* Other */

/* Fade-in effect CSS */
.fade-in-on-scroll {
  opacity: 0;
  transition: opacity 1.5s ease-out;
}

.fade-in-on-scroll.is-visible {
  opacity: 1;
}

/* Optional: Add a subtle slide-up effect for a smoother animation */
.fade-up-on-scroll {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 1.5s ease-out, transform 1.5s ease-out;
}

.fade-up-on-scroll.is-visible {
  opacity: 1;
  transform: translateY(0);
}