.footerlogospecial {
    margin-left: -11px;
  }
    /* Navigation Item Styles */

    @media screen and (min-width: 991.98px) {
    .header {
        height: 80px !important;
        transition: all 0.4s ease-in-out !important; /* Smooth transition for all properties */
        transform: translateY(0) !important; /* Default position */
    }
}

.header {
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 1000 !important;
  transition: all 0.3s ease-in-out !important; /* Smooth transition */
}

.header--unpinned {
  transform: translateY(-100%) !important; /* Smoothly hide when scrolling down */
  transition: transform 0.8s ease-in-out !important; /* Smooth sliding */
}

.footer-text {
    font-size: 16px;
  }





/* MOBILE-SPECIFIC NAVIGATION */
@media (max-width: 768px) {
  /* Offcanvas Navigation (Mobile Menu) */
  .header_offcanvas {
    position: fixed !important;
    top: 0 !important;
    right: -100% !important; /* Hidden initially */
    width: 80% !important; /* Menu width for mobile */
    background: #fff !important; /* White background */
    box-shadow: -5px 0 15px rgba(0, 0, 0, 0.1) !important;
    z-index: 1050 !important;
    overflow-y: auto !important;
    transition: all 0.4s ease-in-out !important; /* Smooth sliding */
  }

  .header {
    height: 70px !important;
  }

  .header.sticky {
    height: 70px !important;
  }

  /* Show Offcanvas */
  .header_offcanvas.show {
    right: 0 !important; /* Slide into view */
  }


  /* Close Button */
  .header_offcanvas-header .close {
    font-size: 24px !important;
    color: #235784 !important;
    cursor: pointer !important;
    transition: transform 0.3s ease !important;
  }

  .header_offcanvas-header .close:hover {
    transform: rotate(90deg) !important; /* Rotate on hover */
  }

  /* Navigation Links */
  .header_nav-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
    padding: 30px 20px !important; /* Padding inside menu */
  }

  .header_nav-list_item {
    list-style: none !important;
  }

  .header_nav-list_item .nav-item {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #2c3c4a !important;
    text-transform: capitalize !important;
    position: relative !important;
    padding: 5px 0 !important;
    transition: all 0.3s ease-in-out !important; /* Smooth hover animation */
  }

  /* Hover Effects for Links */
  .header_nav-list_item .nav-item:hover {
    color: #28a3d8 !important; /* Highlight text color */
  }

  .header_nav-list_item .nav-item::after {
    content: '' !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 0% !important;
    height: 2px !important;
    background-color: #28a3d8 !important; /* Underline color */
    transition: width 0.3s ease-in-out !important; /* Smooth underline animation */
  }

  .header_nav-list_item .nav-item:hover::after {
    width: 100% !important;
  }

  /* Flag Selector (Language Switch) */
  .flagposition form input {
    width: 40px !important;
    height: 25px !important;
    border-radius: 4px !important;
    background-size: cover !important;
    transition: transform 0.3s ease !important;
  }

  .flagposition form input:hover {
    transform: scale(1.2) !important; /* Slight zoom on hover */
  }

  /* Header Trigger Button (Mobile Menu Icon) */
  .header_trigger {
    right: 20px !important;
    cursor: pointer !important;
    transition: transform 0.3s ease-in-out !important;
  }

  .header_trigger:hover {
    transform: rotate(201deg) translateX(70px) !important; /* Rotate to the left and move slightly left */
    transition: transform 0.3s ease-in-out !important; /* Smooth animation */
  }

  .footerlogospecial {
    max-width: 80% !important;
    margin-bottom: 10px;
    margin-left: -11px !important;
  }

}

@media (max-width: 768px) {
  /* Dark overlay styling */
/* Dark Overlay */
.dark-overlay {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100vh !important; /* Covers full screen */
  background: rgb(0 0 0 / 65%) !important; /* Semi-transparent black */
  z-index: 1045 !important; /* Below navigation menu */
  visibility: hidden; /* Hidden by default */
  opacity: 0; /* Transparent by default */
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out !important;
}

/* Show the overlay when the menu is open */
.header_offcanvas.show + .dark-overlay {
  visibility: visible !important;
  opacity: 1 !important;
}

}

/* CSS Media Query */
@media (max-width: 768px) {
    .pc-logo {
      display: none !important; /* Hide PC logo on mobile */
    }
/*    .mobile-logo {
 /*     display: block !important; /* Show mobile logo on mobile */
/*    }   */
  } 

  
  @media (min-width: 769px) {
    .pc-logo {
      display: block !important; /* Show PC logo on PC */
    }
    .mobile-logo {
      display: none !important; /* Hide mobile logo on PC */
    }
  }

  @media (max-width: 768px) {
    .mobile-logo {
        display: flex;
        align-items: center;
    }

    .flagposition{
      display: none;
  }

    .brand_logo {
      padding: 5px !important;
      margin-left: 10px;
    }

    .mobile-logo form {
        margin-right: 10px; /* Space between flag and logo */
    }

    .mobile-logo input[type="submit"] {
      width: 33px !important;
      height: 24px !important;
      border-radius: 4px !important;
      background-size: cover !important;
      transition: transform 0.3s ease !important;
    }
}