/* Import Google Font */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap');
/* Semi-transparent white background on scroll */
.aheto-header--fixed.header-scroll .main-header--modern.transparent_dark {
    background: rgba(0, 0, 0, 0.85) !important;  /* 0.85 = 85% opacity */
    backdrop-filter: blur(6px); /* optional: adds a nice frosted-glass effect */
    -webkit-backdrop-filter: blur(6px); /* Safari support */
    transition: background 0.3s ease; /* smooth fade on scroll */
}
/* Apply to menu */
.transparent_dark .main-menu > li > a {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 500; /* adjust: 400=normal, 600=semi-bold */
  font-size: 16px;  /* tweak size as needed */
  letter-spacing: 0.5px; /* optional: adds some spacing */
  text-transform: uppercase; /* optional: ALL CAPS */
}

/* Desktop menu: default color */
.transparent_dark .main-menu > li > a {
  color: #ffffff !important;   /* change to your color */
}

/* Hover + active/current page */
.transparent_dark .main-menu > li:hover > a,
.transparent_dark .main-menu > li.current-menu-item > a,
.transparent_dark .main-menu > li.current-menu-ancestor > a {
  color: #ff9900 !important;   /* hover/active color */
}

/* If the header becomes sticky and changes classes, keep colors */
.main-header.is-sticked .main-menu > li > a {
  color: #ffffff !important;
}
.main-header.is-sticked .main-menu > li:hover > a,
.main-header.is-sticked .main-menu > li.current-menu-item > a {
  color: #ff9900 !important;
}

/* Mobile / hamburger panel (optional, if you use it) */
.main-header__menu-box .main-menu a {
  color: #ffffff !important;
}

/* make Swiper controls visible and clickable */
.home-hero-slider .swiper-button-prev,
.home-hero-slider .swiper-button-next {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 44px; height: 44px;
  color: #ff6a00 !important;
  opacity: 1 !important;
  z-index: 50 !important;
  pointer-events: auto !important;
}
.home-hero-slider .swiper-button-prev::after,
.home-hero-slider .swiper-button-next::after { font-size: 18px; text-shadow: 0 2px 8px rgba(0,0,0,.35); }

.home-hero-slider .swiper-pagination {
  display: block !important;
  bottom: 18px !important;
  z-index: 50 !important;
  pointer-events: auto !important;
}
.home-hero-slider .swiper-pagination-bullet {
  width: 10px; height: 10px;
  background: #ff6a00 !important;
  opacity: .5;
}
.home-hero-slider .swiper-pagination-bullet-active { opacity: 1; }