@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Montserrat:wght@400;500;600;700&display=swap");

/* Shared homepage slider design for every language. */
.page-home .header__main .main-menu ul li a,
.page-home .header__main .main-menu ul li a span {
  color: var(--black) !important;
}

.page-home .header-area .search-link img,
.page-home .header-area .lang-current .arrow-img {
  filter: brightness(0);
}

.page-home .header-area .hamburger-btn .fa-solid.fa-bars {
  color: var(--black);
}

.page-home .header-area .logo .normal-logo {
  display: none !important;
}

.page-home .header-area .logo .sticky-logo {
  display: block !important;
}

.banner__slider--localized .swiper-slide {
  position: relative;
  overflow: hidden;
}

.page-home .banner__dot-wrp {
  z-index: 10;
}

.page-home .banner__dot .swiper-pagination-bullet {
  cursor: pointer;
}

.banner__slider--localized .banner__content h1,
.banner__slider--localized .banner__content .banner-headline {
  font-family: "Inter", sans-serif !important;
  color: #ad0000 !important;
  font-size: 52px;
  line-height: 60px;
  font-weight: 700;
}

.banner__slider--localized .banner-subheadline,
.banner__slider--localized .banner-subheadline p,
.banner__slider--localized .title-desc {
  font-family: "Montserrat", sans-serif !important;
  color: #545454 !important;
  font-size: 18px;
  line-height: 1.6;
  font-weight: 500;
}

.banner__slider--localized .banner__content p,
.banner__slider--localized .banner-subheadline {
  max-width: 680px;
}

.banner__slider--localized .btn-explore,
.banner__slider--localized .banner-cta {
  padding: 12px 28px !important;
  border-radius: 50px !important;
  border: 1px solid #ad0000 !important;
  background: #ad0000 !important;
  font-family: "Inter", sans-serif !important;
  font-size: 18px !important;
  line-height: 130% !important;
  text-align: center !important;
  font-weight: 600 !important;
  color: #ffffff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center;
  gap: 12px !important;
  width: fit-content !important;
  transition: all 0.3s ease !important;
}

.banner__slider--localized .btn-explore *,
.banner__slider--localized .banner-cta * {
  color: #ffffff !important;
}

.banner__slider--localized .btn-explore:hover,
.banner__slider--localized .banner-cta:hover {
  background: #c32423 !important;
  border-color: #c32423 !important;
  color: #ffffff !important;
  opacity: 1 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(173, 0, 0, 0.4) !important;
}

.banner__slider--localized .slide-bg {
  z-index: 0;
  transform: none;
  height: 100%;
  min-height: 100%;
}

.banner__slider--localized .swiper-slide > .container {
  position: relative;
  z-index: 2;
}

.banner__slider--localized .download-info a,
.banner__slider--localized .download-info span,
.banner__slider--localized .banner-contact a {
  color: var(--black);
}

.banner__slider--localized .icon-email,
.banner__slider--localized .icon-phone {
  border-color: var(--black);
}

.banner__slider--localized .banner-contact img {
  filter: brightness(0);
}

.banner__slider--localized .banner-headline {
  overflow-wrap: anywhere;
}

/* Give Vietnamese diacritics more space between headline lines at every size. */
html:lang(vi) .banner__slider--localized .banner__content .banner-headline {
  line-height: 1.4;
}

.banner__slider--localized .banner-cta {
  max-width: 100%;
}

.banner__slider--localized .banner-cta img {
  flex-shrink: 0;
}

@media (max-width: 1439px) {
  .page-home .banner-area {
    height: auto !important;
    min-height: 100svh;
  }

  .banner__slider--localized,
  .banner__slider--localized .swiper-wrapper,
  .banner__slider--localized .swiper-slide {
    height: auto;
  }

  .banner__slider--localized .swiper-slide > .container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 48px;
    min-height: 100svh;
    padding: 120px 24px 96px !important;
  }

  .banner__slider--localized .banner__content,
  .banner__slider--localized .banner-inf {
    padding: 0;
    margin: 0;
  }

  .banner__slider--localized .banner__content .banner-headline {
    font-size: 40px;
    line-height: 1.25;
  }
}

@media (max-width: 767px) {
  .banner__slider--localized .swiper-slide > .container {
    gap: 32px;
    padding: 112px 16px 88px !important;
  }

  .banner__slider--localized .banner__content .banner-headline {
    font-size: clamp(26px, 7vw, 32px);
    line-height: 1.3;
  }

  .banner__slider--localized .banner-subheadline p {
    font-size: 16px;
  }

  .banner__slider--localized .banner-cta {
    padding: 12px 20px !important;
    font-size: 16px !important;
  }

  .banner__slider--localized .banner__content_container {
    max-width: 100%;
  }
}