/* ---------- Sector cards (menggantikan testimonial fiktif) ---------- */
.sector-single {
  background: #ffffff;
  border: 1px solid #eef1f6;
  border-radius: 14px;
  padding: 32px 26px;
  text-align: center;
  min-height: 100%;
  transition: all .4s ease;
  box-shadow: 0 2px 12px rgba(20, 26, 77, .04);
}
.sector-single:hover {
  transform: translateY(-6px);
  box-shadow: 0 14px 30px rgba(20, 26, 77, .10);
  border-color: rgba(0, 175, 239, .4);
}
.sector-single__icon {
  width: 72px;
  height: 72px;
  margin: 0 auto 20px;
  border-radius: 50%;
  background: linear-gradient(135deg, rgba(0, 175, 239, .12), rgba(0, 114, 208, .12));
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  color: #00afef;
  transition: all .4s ease;
}
.sector-single:hover .sector-single__icon {
  background: linear-gradient(135deg, #00afef, #0072d0);
  color: #fff;
}
.sector-single__title {
  font-size: 19px;
  font-weight: 700;
  color: var(--insur-black);
  margin: 0 0 10px;
  letter-spacing: var(--insur-letter-spacing);
}
.sector-single__text {
  font-size: 14px;
  line-height: 1.7;
  color: var(--insur-gray);
  margin: 0;
}
.sector-single--cta {
  background: linear-gradient(135deg, #1b2260, #141a4d);
  border-color: transparent;
}
.sector-single--cta .sector-single__icon {
  background: rgba(0, 175, 239, .18);
  color: #00afef;
}
.sector-single--cta .sector-single__title { color: #fff; }
.sector-single--cta .sector-single__text { color: #b9c0e0; }
.sector-single--cta:hover {
  transform: translateY(-6px);
  box-shadow: 0 14px 30px rgba(20, 26, 77, .25);
}

/* ============================================================
   JETS Insurance Brokers — Brand Override
   Template: Insur (Layerdrops) | Home Two
   Warna brand: navy #2b317a · cyan #00afef
   ============================================================ */
:root {
  --insur-base: #00afef;            /* primary cyan JETS (aksen, link, tombol) */
  --insur-base-rgb: 0, 175, 239;
  --insur-primary: #00c3f7;         /* cyan terang utk gradient */
  --insur-primary-rgb: 0, 195, 247;
  --insur-black: #1b2260;           /* navy JETS utk teks gelap */
  --insur-black-rgb: 27, 34, 96;
  --insur-deep-navy: #141a4d;       /* navy lebih tua utk footer/header */
  --insur-extra: #f2f5f9;
}

/* ---------- Header: area atas (top details) di-override ke navy JETS ---------- */
.main-header-two__top-details {
  background-color: #141a4d;
}
.main-header-two__top-details-list li .icon span {
  background: linear-gradient(90deg, #00afef 35%, #0072d0 71%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* ---------- Logo header: area gelap pakai logo light ---------- */
.main-header-two__logo img {
  height: 46px;
  width: auto;
}

/* ---------- Slider: base layer solid agar slide fade tidak tembus ---------- */
.main-slider-two .image-layer-two {
  background-color: #141a4d;
}
/* Overlay gradasi gelap utk keterbacaan teks — elemen terpisah, bukan blend */
.main-slider-two .swiper-slide::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(100deg, rgba(13, 17, 54, 0.82) 0%, rgba(13, 17, 54, 0.55) 45%, rgba(13, 17, 54, 0.15) 75%, rgba(13, 17, 54, 0) 100%);
  pointer-events: none;
  z-index: 1;
}
.main-slider-two .swiper-slide .container {
  position: relative;
  z-index: 2;
}

/* ---------- Tombol utama: gradient cyan (template sudah base) ---------- */
.thm-btn {
  background: linear-gradient(90deg, #00afef 0%, #0072d0 100%);
}
.thm-btn::before {
  background: linear-gradient(90deg, #0072d0 0%, #00afef 100%);
}

/* ---------- Section title icon/shape warna base sudah via var ---------- */

/* ---------- Services icon gradient konsisten brand ---------- */
.services-two__icon span {
  background: linear-gradient(90deg, #00afef 41%, #0072d0 67%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* ---------- Footer override navy JETS ---------- */
.site-footer, .site-footer__bottom {
  background-color: #141a4d;
}

/* ---------- Partner logo wall: kartu putih agar logo terbaca ---------- */
.brand-one__single {
  background-color: #ffffff;
  border-radius: 10px;
}
.partner-chip {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 90px;
  padding: 12px 18px;
  background: #fff;
  border: 1px solid #eef1f6;
  border-radius: 10px;
  transition: all .4s ease;
}
.partner-wall {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 16px;
}
.partner-wall .partner-chip {
  width: 100%;
}
@media (max-width: 1199px) {
  .partner-wall { grid-template-columns: repeat(5, 1fr); }
}
@media (max-width: 991px) {
  .partner-wall { grid-template-columns: repeat(4, 1fr); }
}
@media (max-width: 767px) {
  .partner-wall { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 479px) {
  .partner-wall { grid-template-columns: repeat(2, 1fr); }
}
.partner-chip img {
  max-height: 56px;
  width: auto;
  max-width: 100%;
  object-fit: contain;
  filter: grayscale(1);
  opacity: .75;
  transition: all .4s ease;
}
.partner-chip:hover img {
  filter: grayscale(0);
  opacity: 1;
}

/* ---------- Sticky header logo (navy area) pakai light ---------- */
.stricky-header .logo img,
.stricky-header .main-menu-two__logo img {
  height: 40px;
  width: auto;
}

/* ---------- Form quote: kontrol slider warna brand ---------- */
.noUi-connect {
  background: linear-gradient(90deg, #00afef 0%, #0072d0 100%);
}

/* ---------- Mobile: logo box ---------- */
.logo-box img {
  height: 42px;
  width: auto;
}

/* ---------- Penyesuaian topbar kecil ---------- */
.main-header-two__top-social-box {
  background-color: #0e1340;
}
.main-header-two__top-social-text span {
  color: #ffffff;
}
.topbar-text {
  font-size: 14px;
  color: #97a2b7;
}

/* ---------- News avatar fix ---------- */
.news-two__client-img img {
  width: 44px;
  height: 44px;
  object-fit: cover;
}

/* ---------- Page header h1 (menggantikan h2 template) ---------- */
.page-header__inner h1 {
  font-size: 46px;
  font-weight: 800;
  color: #fff;
  margin: 0;
  line-height: 1.2;
}
@media (max-width: 575px) {
  .page-header__inner h1 { font-size: 32px; }
}

/* ---------- Feature two: gambar seragam ---------- */
.feature-two__img {
  height: 300px;
}
.feature-two__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
@media (max-width: 991px) {
  .feature-two__img { height: 340px; }
}
@media (max-width: 575px) {
  .feature-two__img { height: 260px; }
}

/* ============ About-two layout baru: 2 kolom + 3 stats ============ */
.about-two__row-top {
  align-items: center;
}
.about-two__middle {
  padding-left: 20px;
}
.about-two__img-box {
  position: relative;
  max-width: 640px;
  margin-left: auto;
}
.about-two__img {
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 18px 40px rgba(20, 26, 77, .14);
}
.about-two__img img {
  width: 100%;
  height: 460px;
  object-fit: cover;
  display: block;
}

/* Stat cards 3 kolom */
.about-two__stats-row {
  margin-top: 60px;
}
.about-two__stat-card {
  background: #fff;
  border: 1px solid #eef1f6;
  border-radius: 14px;
  padding: 34px 30px 30px;
  text-align: center;
  height: 100%;
  box-shadow: 0 2px 14px rgba(20, 26, 77, .05);
  transition: all .4s ease;
  position: relative;
  overflow: hidden;
}
.about-two__stat-card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 4px;
  width: 100%;
  background: linear-gradient(90deg, #00afef, #0072d0);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .4s ease;
}
.about-two__stat-card:hover::before {
  transform: scaleX(1);
}
.about-two__stat-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 16px 34px rgba(20, 26, 77, .10);
}
.about-two__stat-count {
  font-size: 0;
  line-height: 1;
  margin-bottom: 8px;
}
.about-two__stat-count .count-text {
  font-size: 48px;
  font-weight: 800;
  color: #00afef;
  line-height: 1.1;
  display: inline-block;
}
.about-two__stat-suffix {
  font-size: 28px;
  font-weight: 800;
  color: #0072d0;
  margin-left: 2px;
}
.about-two__stat-title {
  font-size: 18px;
  font-weight: 700;
  color: #1b2260;
  margin-bottom: 8px;
  letter-spacing: -0.01em;
}
.about-two__stat-text {
  font-size: 14px;
  color: #696e77;
  line-height: 1.6;
  margin: 0;
}

/* Responsif */
@media (max-width: 991px) {
  .about-two__middle {
    padding-left: 0;
    margin-top: 40px;
  }
  .about-two__img-box {
    margin-left: 0;
    max-width: 100%;
  }
  .about-two__img img {
    height: 380px;
  }
  .about-two__stats-row {
    margin-top: 40px;
  }
  .about-two__stat-card {
    margin-bottom: 24px;
  }
}
@media (max-width: 575px) {
  .about-two__img img {
    height: 260px;
  }
}

/* ============ Hero slider: tinggi konsisten ============ */
.main-slider-two .swiper-slide {
  height: 805px;
  min-height: 805px;
}
.main-slider-two .swiper-slide .image-layer-two {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.main-slider-two__inner {
  min-height: 805px;
  display: flex;
  align-items: center;
}
.main-slider-two__inner .row {
  width: 100%;
}
/* Teks: batasi supaya semua slide muat & konsisten */
.main-slider-two__title {
  font-size: 54px;
  line-height: 1.15;
}
.main-slider-two__text {
  margin-left: 0;
  padding-bottom: 30px;
  max-width: 560px;
}

@media (max-width: 991px) {
  .main-slider-two .swiper-slide { height: 560px; min-height: 560px; }
  .main-slider-two__inner { min-height: 560px; }
  .main-slider-two__title { font-size: 36px; }
  .main-slider-two__text { font-size: 16px; line-height: 26px; }
}
@media (max-width: 575px) {
  .main-slider-two .swiper-slide { height: 480px; min-height: 480px; }
  .main-slider-two__inner { min-height: 480px; }
  .main-slider-two__title { font-size: 28px; }
}

/* ============ Work-together: gambar real lebih besar ============ */
.work-together__img {
  flex-shrink: 0;
  width: 300px;
}
.work-together__img img {
  width: 100%;
  height: 158px;
  object-fit: cover;
  border-radius: 10px;
  display: block;
}
@media (max-width: 575px) {
  .work-together__img {
    width: 100%;
  }
  .work-together__img img {
    height: 180px;
  }
}

/* ============================================================
   JETS CTA — komponen seragam di semua halaman
   ============================================================ */
.jets-cta {
  padding: 60px 0;
}
.jets-cta__box {
  position: relative;
  background: linear-gradient(120deg, #1b2260 0%, #141a4d 55%, #1b2260 100%);
  border: 1px solid rgba(0, 175, 239, 0.25);
  border-radius: 20px;
  padding: 42px 50px;
  min-height: 160px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  overflow: hidden;
  box-shadow: 0 18px 40px rgba(13, 17, 54, 0.22);
}
/* aksen dekoratif */
.jets-cta__box::before {
  content: "";
  position: absolute;
  width: 320px;
  height: 320px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(0, 175, 239, 0.18) 0%, transparent 70%);
  top: -140px;
  right: 180px;
  pointer-events: none;
}
.jets-cta__box::after {
  content: "";
  position: absolute;
  width: 260px;
  height: 260px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(0, 175, 239, 0.10) 0%, transparent 70%);
  bottom: -130px;
  left: 40%;
  pointer-events: none;
}
.jets-cta__left {
  position: relative;
  z-index: 1;
  flex: 1;
}
.jets-cta__title {
  font-size: 28px;
  font-weight: 700;
  color: #fff;
  line-height: 1.3;
  margin: 0 0 6px;
  letter-spacing: -0.01em;
}
.jets-cta__subtitle {
  font-size: 15px;
  color: #aab3d6;
  margin: 0;
}
.jets-cta__right {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 28px;
  flex-shrink: 0;
}
.jets-cta__phone {
  display: flex;
  align-items: center;
  gap: 14px;
}
.jets-cta__phone-icon {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background: linear-gradient(135deg, #00afef, #0072d0);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #fff;
  flex-shrink: 0;
}
.jets-cta__phone-icon i {
  color: #fff;
}
.jets-cta__phone-number {
  line-height: 1.35;
}
.jets-cta__phone-number a {
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  display: block;
  white-space: nowrap;
}
.jets-cta__phone-number p {
  font-size: 13px;
  color: #aab3d6;
  margin: 2px 0 0;
}
.jets-cta__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(90deg, #00afef, #0072d0);
  color: #fff;
  font-weight: 700;
  font-size: 15px;
  padding: 14px 30px;
  border-radius: 50px;
  transition: all .35s ease;
  white-space: nowrap;
  text-decoration: none;
  box-shadow: 0 8px 22px rgba(0, 175, 239, 0.30);
}
.jets-cta__btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(0, 175, 239, 0.42);
  color: #fff;
}
@media (max-width: 991px) {
  .jets-cta__box { flex-direction: column; text-align: center; padding: 36px 28px; }
  .jets-cta__right { flex-direction: column; gap: 18px; }
  .jets-cta__phone { justify-content: center; }
  .jets-cta__title { font-size: 24px; }
}
@media (max-width: 575px) {
  .jets-cta__box { padding: 30px 22px; }
  .jets-cta__title { font-size: 21px; }
  .jets-cta__phone { flex-direction: column; text-align: center; }
}

/* ============ Footer rapi ============ */
/* Logo lebih kecil */
.footer-widget__logo {
  margin-bottom: 24px;
  margin-top: 0;
}
.footer-widget__logo img {
  height: 40px;
  width: auto;
}
/* Menu layanan footer (menggantikan gallery) */
.footer-widget__services-list {
  margin: 0;
}
.footer-widget__services-list li {
  margin-bottom: 11px;
}
.footer-widget__services-list li a {
  color: #97a2b7;
  font-size: 15px;
  line-height: 1.5;
  transition: all .3s ease;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.footer-widget__services-list li a i {
  color: #00afef;
  font-size: 13px;
  transition: all .3s ease;
}
.footer-widget__services-list li a:hover {
  color: #ffffff;
  padding-left: 4px;
}
.footer-widget__services-list li a:hover i {
  transform: translateX(3px);
}
/* Rapikan title footer */
.footer-widget__title {
  font-size: 20px;
  margin-bottom: 24px;
}
/* About text lebih rapi */
.footer-widget__about-text {
  line-height: 1.75;
  color: #97a2b7;
}

/* ============ Footer: layout rapi & responsive ============ */
.site-footer__top {
  padding: 85px 0 60px;
}
.footer-col {
  margin-bottom: 40px;
}
.site-footer__bottom-inner {
  padding: 25px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
/* Logo */
.footer-widget__logo {
  margin-bottom: 22px;
}
.footer-widget__logo img {
  height: 40px;
  width: auto;
}
/* Sosial: icon lebih besar & terlihat */
.site-footer__social {
  display: flex;
  gap: 10px;
  margin-top: 22px;
}
.site-footer__social a {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 16px;
  transition: all .3s ease;
}
.site-footer__social a:hover {
  background: linear-gradient(135deg, #00afef, #0072d0);
  color: #fff;
  transform: translateY(-3px);
}
/* Kontak list: icon konsisten */
.footer-widget__contact-list li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 16px;
}
.footer-widget__contact-list li .icon {
  flex-shrink: 0;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: rgba(0, 175, 239, 0.12);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.footer-widget__contact-list li .icon span {
  font-size: 16px;
  color: #00afef;
  line-height: 1;
}
.footer-widget__contact-list li .text {
  padding-top: 2px;
}
.footer-widget__contact-list li .text p {
  color: #97a2b7;
  font-size: 14px;
  line-height: 1.6;
  margin: 0;
}
.footer-widget__contact-list li .text p a {
  color: #97a2b7;
}
.footer-widget__contact-list li .text p a:hover {
  color: #00afef;
}
/* Open hours */
.footer-widget__open-hour {
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.footer-widget__open-hour-title {
  font-size: 14px;
  color: #fff;
  font-weight: 700;
  margin-bottom: 8px;
}
.footer-widget__open-hour-text {
  font-size: 13px;
  color: #97a2b7;
  line-height: 1.6;
  font-weight: 400;
}
/* Layanan list */
.footer-widget__services-list li {
  margin-bottom: 12px;
}
.footer-widget__services-list li a {
  color: #97a2b7;
  font-size: 15px;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  transition: all .3s ease;
}
.footer-widget__services-list li a i {
  color: #00afef;
  font-size: 14px;
  width: 16px;
}
.footer-widget__services-list li a:hover {
  color: #fff;
  padding-left: 3px;
}
/* Title footer */
.footer-widget__title {
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 26px;
}
/* Buletin */
.footer-widget__newsletter-text {
  color: #97a2b7;
  font-size: 14px;
  line-height: 1.7;
  margin-bottom: 20px;
}
.footer-widget__newsletter-input-box {
  position: relative;
}
.footer-widget__newsletter-input-box input {
  width: 100%;
  background: rgba(255, 255, 255, 0.07);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 30px;
  padding: 13px 50px 13px 20px;
  color: #fff;
  font-size: 14px;
  outline: none;
  transition: all .3s ease;
}
.footer-widget__newsletter-input-box input::placeholder {
  color: #7d87a8;
}
.footer-widget__newsletter-input-box input:focus {
  border-color: #00afef;
  background: rgba(0, 175, 239, 0.08);
}
.footer-widget__newsletter-btn {
  position: absolute;
  right: 5px;
  top: 5px;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: linear-gradient(135deg, #00afef, #0072d0);
  border: none;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all .3s ease;
}
.footer-widget__newsletter-btn:hover {
  transform: scale(1.06);
}
/* About text */
.footer-widget__about-text {
  color: #97a2b7;
  font-size: 14px;
  line-height: 1.75;
}
/* Mobile: kolom rata kiri & icon muncul */
@media (max-width: 767px) {
  .footer-widget__contact-list li {
    align-items: flex-start;
  }
  .footer-widget__contact-list li .icon {
    width: 36px;
    height: 36px;
    flex-shrink: 0;
  }
  .footer-widget__contact-list li .icon span {
    font-size: 17px;
  }
  .site-footer__social a {
    width: 42px;
    height: 42px;
    font-size: 17px;
  }
  .footer-widget__services-list li a {
    font-size: 15px;
  }
  .site-footer__bottom-text {
    text-align: center;
    font-size: 13px;
  }
}
/* Pastikan font icon (icomoon & FA) termuat */
.footer-widget__contact-list li .icon span[class^="icon-"] {
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}

/* ============ Sektor: spacing rapi antar kartu ============ */
.sectors-grid {
  margin-top: 10px;
}
.sectors-grid > [class*="col-"] {
  margin-bottom: 30px;
}
.sectors-grid .sector-single {
  min-height: 280px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  height: 100%;
}
.sector-single__icon {
  flex-shrink: 0;
}
.sector-single__text {
  flex: 1;
}
/* Baris rata: buat kolom setinggi mungkin */
.sectors-grid {
  display: flex;
  flex-wrap: wrap;
}
.sectors-grid > [class*="col-"] {
  display: flex;
}
.sectors-grid > [class*="col-"] > .sector-single {
  width: 100%;
}


/* ============ Page Header: foto background + overlay navy transparan ============ */
.page-header {
  background:
    linear-gradient(105deg, rgba(16, 21, 61, 0.96) 0%, rgba(22, 28, 78, 0.88) 40%, rgba(23, 30, 90, 0.55) 70%, rgba(27, 35, 110, 0.30) 100%),
    url(../images/jets/corporate-collaboration.jpg) center center / cover no-repeat;
  padding: 110px 0 105px;
  position: relative;
  overflow: hidden;
}
/* Hapus gambar background template (watermark 1221x310) */
.page-header-bg {
  display: none !important;
}
/* Dekorasi: glow subtle cyan */
.page-header::before {
  content: "";
  position: absolute;
  width: 500px;
  height: 500px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(0, 175, 239, 0.15) 0%, transparent 70%);
  top: -220px;
  right: -100px;
  z-index: 0;
  pointer-events: none;
}
.page-header::after {
  content: "";
  position: absolute;
  width: 400px;
  height: 400px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(0, 175, 239, 0.08) 0%, transparent 70%);
  bottom: -200px;
  left: 30%;
  z-index: 0;
  pointer-events: none;
}
.page-header__inner {
  position: relative;
  z-index: 2;
}
/* Breadcrumb & judul putih */
.page-header .thm-breadcrumb li {
  color: #aab3d6;
}
.page-header .thm-breadcrumb li a {
  color: #aab3d6;
}
.page-header .thm-breadcrumb li a:hover {
  color: #00afef;
}
.page-header__inner h1,
.page-header__inner h2 {
  color: #ffffff;
}
/* Shape template yg mungkin tampak aneh di bg navy — sembunyikan */
.page-header-shape-1 {
  display: none;
}

/* ============ Halaman single service: fix tabrakan teks-gambar di mobile ============ */
@media (max-width: 991px) {
  /* Kolom teks produk turun dgn jarak bersih dari gambar */
  .prod-img + * ,
  section .col-xl-6 .section-title {
    margin-top: 0;
  }
  /* Section title dlm kolom kanan produk: beri jarak atas saat menumpuk di bawah gambar */
  section .row > .col-xl-6 + .col-xl-6 {
    margin-top: 40px;
  }
  /* Netralkan margin-top -7px template utk section-title yg menumpuk stlh gambar */
  .section-title {
    margin-top: 0 !important;
  }
}
/* Mobile kecil: pastikan gambar & teks tidak overlap */
@media (max-width: 575px) {
  section .row > .col-xl-6 + .col-xl-6 {
    margin-top: 34px;
  }
}

/* ============ Header: hilangkan gap di belakang kotak menu ============ */
/* Area nav diberi background navy yg sama dgn top-details (kontinu) */
nav.main-menu-two,
.main-menu-two__wrapper {
  background-color: #141a4d;
}
/* Kotak putih menu tetap dipertahankan */
.main-menu-two__wrapper-inner {
  background-color: #ffffff;
  border-radius: 12px;
  box-shadow: 0 8px 30px rgba(13, 17, 54, 0.12);
}
/* Bagian bawah nav yg melewati top-details juga navy (bukan body putih) */
.main-header-two {
  background-color: #141a4d;
}


/* ============================================================
   REV Sep-2026 — Kontras header (permintaan klien)
   Masalah: teks topbar #1b2260 di atas navy #141a4d = 1.12:1 (tak terbaca).
   Fix: teks/ikon dibuat terang (>4.5:1 WCAG AA).
   Logo header + drawer mobile memakai logo-light.png (putih, 16.35:1).
   ============================================================ */
.main-header-two__top-social-text {
  color: #e8eefc;
}
.main-header-two__top-social-text i {
  color: #7fdcff;
}
.main-header-two__top-social a i {
  color: #ffffff;
}
.main-header-two__top-social a:hover i {
  color: #00afef;
}
.main-header-two__top-details-list li .text h5 {
  color: #ffffff;
}
.main-header-two__top-details-list li .text p,
.main-header-two__top-details-list li .text a {
  color: #dfe6f5;
}
.main-header-two__top-details-list li .text a:hover {
  color: #00afef;
}
/* ikon sosmed topbar sedikit lebih besar agar jelas */
.main-header-two__top-social a {
  font-size: 15px;
}