.elementor-6201 .elementor-element.elementor-element-50b61ba5{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0;--margin-top:0px;--margin-bottom:-80px;--margin-left:0px;--margin-right:-0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;--z-index:20;}.elementor-6201 .elementor-element.elementor-element-50b61ba5:not(.elementor-motion-effects-element-type-background), .elementor-6201 .elementor-element.elementor-element-50b61ba5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-6201 .elementor-element.elementor-element-50b61ba5::before, .elementor-6201 .elementor-element.elementor-element-50b61ba5 > .elementor-background-video-container::before, .elementor-6201 .elementor-element.elementor-element-50b61ba5 > .e-con-inner > .elementor-background-video-container::before, .elementor-6201 .elementor-element.elementor-element-50b61ba5 > .elementor-background-slideshow::before, .elementor-6201 .elementor-element.elementor-element-50b61ba5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-6201 .elementor-element.elementor-element-50b61ba5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-6201 .elementor-element.elementor-element-d795fad{width:100%;max-width:100%;padding:0px 0px 1px 0px;}.elementor-6201:not(.elementor-motion-effects-element-type-background), .elementor-6201 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-6201 .elementor-element.elementor-element-50b61ba5{--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}}@media(max-width:767px){.elementor-6201 .elementor-element.elementor-element-50b61ba5{--width:100vw;--min-height:50px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}}/* Start custom CSS for html, class: .elementor-element-d795fad *//* ==============================
   STELLA MUNDI — HEADER (FULL CSS)
   Dropdown: vertical (1 column), hover to open
   Active link: underline
   ============================== */

/* ---------- Variables ---------- */
:root {
  --brand: #032854;           /* Stella Mundi Blue */
  --ink: #0f172a;             /* Body text */
  --muted: #6b7280;           /* Subtle text */
  --white: #ffffff;
  --border: #e8edf3;
  --font: "Work Sans", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

/* ---------- Header Shell ---------- */
.elegant-header {
  font-family: var(--font);
  width: 100%;
  box-shadow: 0 1px 6px rgba(0,0,0,.08);
  background: var(--white);
  position: relative;
  z-index: 20;
}

/* ---------- Topbar ---------- */
.topbar {
  background: var(--brand);
  padding: 6px 60px;
  display: flex;
  justify-content: flex-end;
}
.topbar-links a {
  color: var(--white);
  text-decoration: none;
  margin-left: 24px;
  font-size: 14px;
  transition: opacity .25s ease;
}
.topbar-links a:hover { opacity: .75; }
.topbar .arrow { font-size: 13px; }

/* ---------- Navbar Row ---------- */
.navbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 60px;
  background: var(--white);
  position: relative;
  z-index: 10;
}

/* Brand / Logo */
.brand { display: flex; align-items: center; }
.brand img { height: 55px; width: auto; display: block; }

/* ---------- Main Menu (level 1) ---------- */
.nav-menu ul {
  list-style: none;
  display: flex;
  gap: 36px;
  margin: 0;
  padding: 0;
}
.nav-menu ul li { position: relative; }
.nav-menu > ul > li > a {
  text-decoration: none;
  color: var(--brand);
  font-weight: 500;
  font-size: 16px;
  transition: color .25s ease;
}
.nav-menu > ul > li > a:hover { color: var(--ink); }

/* Active state (current page) => underline only */
.nav-menu li.current-menu-item > a,
.nav-menu li.current_page_item > a,
.nav-menu li.active > a,
.nav-menu > ul > li > a.is-active {
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 2px;
}

/* ---------- Dropdown caret (small chevron) ---------- */
.nav-menu > ul > li.dropdown > a {
  position: relative;
  padding-right: 18px;
}
.nav-menu > ul > li.dropdown > a::after {
  content: "";
  position: absolute; right: 0; top: 50%;
  width: 6px; height: 6px;
  border-right: 2px solid var(--brand);
  border-bottom: 2px solid var(--brand);
  transform: translateY(-50%) rotate(45deg);
  transition: transform .25s ease, border-color .25s ease;
}
.nav-menu > ul > li.dropdown:hover > a::after {
  transform: translateY(-50%) rotate(225deg);
  border-color: var(--ink);
}

/* ---------- Dropdown panel (vertical) ---------- */
.nav-menu li.dropdown { position: relative; }

/* Base state: hidden */
.nav-menu .dropdown .submenu {
  position: absolute;
  left: 0;
  top: calc(100% + 12px);        /* drop straight down */
  width: 260px;                  /* panel width */
  min-width: 240px;
  max-width: 280px;

  padding: 8px 0;
  background: #fff;
  border: 1px solid var(--border);
  border-radius: 10px;
  box-shadow: 0 16px 40px rgba(14,42,79,.12);

  /* vertical layout */
  display: block;
  column-count: 1;               /* force single column */

  /* show/hide animation hooks */
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition: opacity .22s ease, transform .22s ease, visibility 0s .22s;
  z-index: 1000;
}

/* Show on hover */
.nav-menu li.dropdown:hover > .submenu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition: opacity .22s ease, transform .22s ease, visibility 0s;
}

/* Dropdown items */
.nav-menu .dropdown .submenu li {
  display: block;
}
.nav-menu .dropdown .submenu a {
  display: block;
  padding: 11px 16px;
  font: 500 15px/1.35 var(--font);
  color: var(--brand);
  text-decoration: none;
  white-space: normal;
  transition: color .2s ease, background .2s ease, padding-left .2s ease;
}
/* Divider between items */
.nav-menu .dropdown .submenu li + li a {
  border-top: 1px solid #f3f6fa;
}
/* Hover on submenu link */
.nav-menu .dropdown .submenu a:hover {
  background: rgba(3,40,84,.06);
  color: var(--brand);
  padding-left: 20px;
}

/* If you use a label/header inside submenu */
.nav-menu .dropdown .submenu .label {
  padding: 8px 16px 6px;
  font: 700 12px/1 var(--font);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #8ba0b8;
}

/* ---------- Search box ---------- */
.search {
  display: flex;
  align-items: center;
  border: 1px solid #dcdfe4;
  border-radius: 25px;
  padding: 5px 14px;
  transition: box-shadow .25s ease;
}
.search input {
  border: none;
  outline: none;
  font-family: var(--font);
  padding: 6px;
}
.search button {
  background: none;
  border: none;
  cursor: pointer;
  color: var(--brand);
  font-size: 16px;
}
.search:focus-within {
  box-shadow: 0 0 0 2px var(--brand);
}

/* ---------- Responsive ---------- */
@media (max-width: 1024px) {
  /* Make submenu flow inline in mobile (no absolute) */
  .nav-menu .dropdown .submenu {
    position: static;
    width: 100%;
    min-width: 0;
    max-width: none;
    box-shadow: none;
    border: 0;
    border-radius: 0;
    padding: 6px 0 0;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
  .nav-menu .dropdown .submenu a { padding-left: 0; }
}

@media (max-width: 960px) {
  .navbar { flex-wrap: wrap; }
  .nav-menu ul { display: none; }              /* (optional) hide desktop menu */
  .search { margin-top: 10px; width: 100%; }   /* search full width */
}

/* ---------- Helpers (optional) ---------- */
/* If your theme adds underline globally, ensure hover-only here */
.nav-menu > ul > li > a { text-decoration-thickness: 2px; }

/* Hilangkan icon caret (panah bawah) di semua menu dropdown */
.nav-menu > ul > li.dropdown > a::after {
  display: none !important;
}

/* Pastikan anchor bisa menampung underline */
.nav-menu > ul > li > a{
  position: relative;
  display: inline-block;
  padding-bottom: 6px;            /* ruang kecil untuk garis bawah */
}

/* Garis bawah presisi selebar teks */
.nav-menu > ul > li > a {
  position: relative;
  display: inline-block;
  padding: 0 2px 6px; /* sedikit padding bawah biar nafas */
  text-decoration: none;
  color: var(--brand);
  font-weight: 500;
}


/* underline animasi */
.nav-menu > ul > li > a::before {
  content: "";
  position: absolute;
  bottom: -4px;       /* jarak garis */
  left: 0;
  width: 100%;        /* ← selebar teks! */
  height: 3px;
  background: var(--brand);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .25s ease;
  border-radius: 3px;
}

/* hover + active */
.nav-menu > ul > li:hover > a::before,
.nav-menu > ul > li.active > a::before,
.nav-menu > ul > li.current-menu-item > a::before,
.nav-menu > ul > li.current_page_item > a::before {
  transform: scaleX(1);
}

.nav-menu a{
  text-decoration: none !important;
}

/* ===== FINAL PATCH: underline width = text width ===== */
/* 1) Kill any pseudo-underline from older rules */
.elegant-header .nav-menu > ul > li > a::before,
.elegant-header .nav-menu > ul > li > a::after {
  content: none !important;
}

/* 2) No underline by default */
.elegant-header .nav-menu > ul > li > a {
  text-decoration: none !important;
  color: var(--brand);
  font-weight: 500;
}

/* 3) Show underline on hover / current page / active */
.elegant-header .nav-menu > ul > li:hover > a,
.elegant-header .nav-menu > ul > li.active > a,
.elegant-header .nav-menu > ul > li.current-menu-item > a,
.elegant-header .nav-menu > ul > li.current_page_item > a,
.elegant-header .nav-menu > ul > li > a.is-active {
  text-decoration: underline !important;
  text-underline-offset: 6px !important;     /* distance from text */
  text-decoration-thickness: 3px !important;  /* line thickness */
  text-decoration-color: var(--brand) !important;
}

/* SEARCH BOX */
.sm-search {
  display: flex;
  align-items: center;
  border: 1px solid #dcdfe4;
  border-radius: 25px;
  padding: 5px 14px;
  transition: box-shadow .25s ease;
}

.sm-search input {
  border: none;
  outline: none;
  font-family: 'Work Sans', sans-serif;
  padding: 6px;
  width: 140px; /* bisa kamu sesuaikan */
  font-size: 14px;
  color: #032854;
}

.sm-search button {
  background: none;
  border: none;
  cursor: pointer;
  color: #032854;
  font-size: 16px;
  padding: 4px 6px;
}

.sm-search:focus-within {
  box-shadow: 0 0 0 2px #032854;
  border-color: #032854;
}

#sm-back-top {
  font-size: 20px;
  line-height: 1;
}

/* ======================================
   ABSOLUTE KILL CLOSE BUTTON ON DESKTOP
   ELEMENTOR STICKY SAFE
====================================== */

/* 1. DEFAULT: HIDE TOTAL */
.mobile-menu-close {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* 2. HANYA MUNCUL DI MOBILE / TABLET + MENU OPEN */
@media (max-width: 768px) {
  .elegant-header.mobile-open .mobile-menu-close {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }
}

/* 3. HARD BLOCK DI DESKTOP (TERMASUK STICKY CLONE) */
@media (min-width: 769px) {
  .mobile-menu-close,
  header .mobile-menu-close,
  .elementor-location-header .mobile-menu-close,
  .elementor-sticky--active .mobile-menu-close {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }
}

/* DEFAULT: HILANG DI DESKTOP */
#sm-back-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 45px;
  height: 45px;
  background-color: #004B87;
  color: #fff;
  border: none;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease;
  z-index: 9999;
}

/* HILANG DI DESKTOP TOTAL */
/* ===============================
   BACK TO TOP – MOBILE ONLY
================================= */

#sm-back-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 45px;
  height: 45px;
  background-color: #004B87;
  color: #fff;
  border: none;
  border-radius: 50%;
  display: none; /* default hidden */
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 9999;
}

/* Muncul kalau ada class show */
#sm-back-top.show {
  display: flex;
}

/* Desktop mati total */
@media (min-width: 1025px) {
  #sm-back-top {
    display: none !important;
  }
}



/* ==============================
   TOPBAR FINAL OVERRIDE
============================== */

/* Default: tampil */
.elegant-header .topbar {
  display: block !important;
  background-color: #004B87;
  padding: 6px 60px;
  width: 100%;
}

/* Desktop: kanan */
.elegant-header .topbar .topbar-links {
  display: flex;
  justify-content: flex-end !important;
  align-items: center;
  gap: 24px;
}

.elegant-header .topbar .topbar-links a {
  font-size: 14px;
  color: #ffffff;
  text-decoration: none;
  font-weight: 500;
}

/* Mobile */
@media (max-width: 768px) {
  .elegant-header .topbar {
    padding: 6px 12px;
  }

  .elegant-header .topbar .topbar-links {
    justify-content: center !important;
    gap: 16px;
  }

  .elegant-header .topbar .topbar-links a {
    font-size: 12px
    
    /* Hide topbar only on mobile */
@media (max-width: 1024px) {
  html body .topbar,
  html body .topbar * {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-50b61ba5 *//* Transisi halus */
.elementor-6201 .elementor-element.elementor-element-50b61ba5 {
  transition: background-color .25s ease, box-shadow .25s ease;
}

/* ====== STATE: BELUM SCROLL (TOP) ====== */
.elementor-6201 .elementor-element.elementor-element-50b61ba5:not(.elementor-sticky--effects) {
  background: transparent;
  box-shadow: none;
}

/* Menu link di TOP */
.elementor-6201 .elementor-element.elementor-element-50b61ba5:not(.elementor-sticky--effects) .elementor-nav-menu a {
  color: #032854 !important;
}

/* Ikon search / hamburger di TOP */
.elementor-6201 .elementor-element.elementor-element-50b61ba5:not(.elementor-sticky--effects) .elementor-search-form__toggle,
.elementor-6201 .elementor-element.elementor-element-50b61ba5:not(.elementor-sticky--effects) .elementor-search-form__toggle i,
.elementor-6201 .elementor-element.elementor-element-50b61ba5:not(.elementor-sticky--effects) .elementor-search-form__toggle svg,
.elementor-6201 .elementor-element.elementor-element-50b61ba5:not(.elementor-sticky--effects) .elementor-search-form__toggle svg path,
.elementor-6201 .elementor-element.elementor-element-50b61ba5:not(.elementor-sticky--effects) .elementor-menu-toggle,
.elementor-6201 .elementor-element.elementor-element-50b61ba5:not(.elementor-sticky--effects) .elementor-menu-toggle i,
.elementor-6201 .elementor-element.elementor-element-50b61ba5:not(.elementor-sticky--effects) .elementor-menu-toggle svg,
.elementor-6201 .elementor-element.elementor-element-50b61ba5:not(.elementor-sticky--effects) .elementor-menu-toggle svg path {
  color: #032854 !important;
  fill: #032854 !important;
  stroke: #032854 !important;
}

/* Logo di TOP: tampilkan light, sembunyikan dark */
.elementor-6201 .elementor-element.elementor-element-50b61ba5:not(.elementor-sticky--effects) .logo-light { display: inline-block; }
.elementor-6201 .elementor-element.elementor-element-50b61ba5:not(.elementor-sticky--effects) .logo-dark  { display: none; }

/* ====== STATE: SUDAH SCROLL (STICKY) ====== */
.elementor-6201 .elementor-element.elementor-element-50b61ba5.elementor-sticky--effects {
  background: #ffffff;
  box-shadow: 0 6px 20px rgba(0,0,0,.06);
}

/* Menu link saat sticky */
.elementor-6201 .elementor-element.elementor-element-50b61ba5.elementor-sticky--effects .elementor-nav-menu a {
  color: #032854 !important;
}


/* Logo saat sticky: tampilkan dark, sembunyikan light */
.elementor-6201 .elementor-element.elementor-element-50b61ba5.elementor-sticky--effects .logo-light { display: none; }
.elementor-6201 .elementor-element.elementor-element-50b61ba5.elementor-sticky--effects .logo-dark  { display: inline-block; }

/* (Opsional) warna sub-menu dropdown */
.elementor-6201 .elementor-element.elementor-element-50b61ba5 .elementor-nav-menu--dropdown a { color: #032854; }
.elementor-6201 .elementor-element.elementor-element-50b61ba5 .elementor-nav-menu--dropdown { background:#ffffff; }

/* ===== TOP (belum discroll) ===== */
.elementor-6201 .elementor-element.elementor-element-50b61ba5:not(.elementor-sticky--effects) .elementor-heading-title,
.elementor-6201 .elementor-element.elementor-element-50b61ba5:not(.elementor-sticky--effects) .elementor-icon,
.elementor-6201 .elementor-element.elementor-element-50b61ba5:not(.elementor-sticky--effects) .elementor-icon i,
.elementor-6201 .elementor-element.elementor-element-50b61ba5:not(.elementor-sticky--effects) .elementor-icon svg,
.elementor-6201 .elementor-element.elementor-element-50b61ba5:not(.elementor-sticky--effects) .elementor-icon svg path,
.elementor-6201 .elementor-element.elementor-element-50b61ba5:not(.elementor-sticky--effects) .elementor-search-form__toggle,
.elementor-6201 .elementor-element.elementor-element-50b61ba5:not(.elementor-sticky--effects) .elementor-search-form__toggle i,
.elementor-6201 .elementor-element.elementor-element-50b61ba5:not(.elementor-sticky--effects) .elementor-search-form__toggle svg,
.elementor-6201 .elementor-element.elementor-element-50b61ba5:not(.elementor-sticky--effects) .elementor-search-form__toggle svg path,
.elementor-6201 .elementor-element.elementor-element-50b61ba5:not(.elementor-sticky--effects) .elementor-icon-list-icon i,
.elementor-6201 .elementor-element.elementor-element-50b61ba5:not(.elementor-sticky--effects) .elementor-icon-list-icon svg,
.elementor-6201 .elementor-element.elementor-element-50b61ba5:not(.elementor-sticky--effects) .elementor-icon-list-text {
  color: #032854 !important;
  fill:  #032854 !important;
  stroke:#032854 !important;
}

/* ===== STICKY (setelah discroll) ===== */
.elementor-6201 .elementor-element.elementor-element-50b61ba5.elementor-sticky--effects .elementor-heading-title,
.elementor-6201 .elementor-element.elementor-element-50b61ba5.elementor-sticky--effects .elementor-icon,
.elementor-6201 .elementor-element.elementor-element-50b61ba5.elementor-sticky--effects .elementor-icon i,
.elementor-6201 .elementor-element.elementor-element-50b61ba5.elementor-sticky--effects .elementor-icon svg,
.elementor-6201 .elementor-element.elementor-element-50b61ba5.elementor-sticky--effects .elementor-icon svg path,
.elementor-6201 .elementor-element.elementor-element-50b61ba5.elementor-sticky--effects .elementor-search-form__toggle,
.elementor-6201 .elementor-element.elementor-element-50b61ba5.elementor-sticky--effects .elementor-search-form__toggle i,
.elementor-6201 .elementor-element.elementor-element-50b61ba5.elementor-sticky--effects .elementor-search-form__toggle svg,
.elementor-6201 .elementor-element.elementor-element-50b61ba5.elementor-sticky--effects .elementor-search-form__toggle svg path,
.elementor-6201 .elementor-element.elementor-element-50b61ba5.elementor-sticky--effects .elementor-icon-list-icon i,
.elementor-6201 .elementor-element.elementor-element-50b61ba5.elementor-sticky--effects .elementor-icon-list-icon svg,
.elementor-6201 .elementor-element.elementor-element-50b61ba5.elementor-sticky--effects .elementor-icon-list-text {
  color: #032854 !important;       /* atau #032854 */
  fill:  #032854 !important;       /* atau #032854 */
  stroke:#032854 !important;       /* atau #032854 */
}

/* transisi halus (opsional) */
.elementor-6201 .elementor-element.elementor-element-50b61ba5 .elementor-heading-title,
.elementor-6201 .elementor-element.elementor-element-50b61ba5 .elementor-icon,
.elementor-6201 .elementor-element.elementor-element-50b61ba5 .elementor-search-form__toggle,
.elementor-6201 .elementor-element.elementor-element-50b61ba5 .elementor-icon-list-icon i,
.elementor-6201 .elementor-element.elementor-element-50b61ba5 .elementor-icon-list-text {
  transition: color .25s ease, fill .25s ease, stroke .25s ease;
}

/* === Default: sebelum scroll (tampilkan logo-light) === */
header.elementor-location-header .logo-light { display: inline-block; }
header.elementor-location-header .logo-dark  { display: none; }

/* === Saat sticky aktif (setelah scroll) === */
header.elementor-location-header .elementor-sticky--effects .logo-light { display: none; }
header.elementor-location-header .elementor-sticky--effects .logo-dark  { display: inline-block; }

/* Opsional: transisi halus */
header.elementor-location-header .logo-light,
header.elementor-location-header .logo-dark {
  transition: opacity .25s ease;
}

/* Drop shadow tipis untuk header */
.elegant-header .navbar{
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
  position: relative;
  z-index: 20;
}


/* ======================================
   ABSOLUTE KILL CLOSE BUTTON ON DESKTOP
   ELEMENTOR STICKY SAFE
====================================== */

/* 1. DEFAULT: HIDE TOTAL */
.mobile-menu-close {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* 2. HANYA MUNCUL DI MOBILE / TABLET + MENU OPEN */
@media (max-width: 768px) {
  .elegant-header.mobile-open .mobile-menu-close {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }
}

/* 3. HARD BLOCK DI DESKTOP (TERMASUK STICKY CLONE) */
@media (min-width: 769px) {
  .mobile-menu-close,
  header .mobile-menu-close,
  .elementor-location-header .mobile-menu-close,
  .elementor-sticky--active .mobile-menu-close {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }
}/* End custom CSS */
/* Start custom CSS *//* Default header transparan */
header.elementor-sticky--effects {
  background: #ffffff !important;   /* jadi putih saat sticky */
  box-shadow: 0 2px 15px rgba(0,0,0,0.08);  /* shadow halus */
  transition: all 0.3s ease;  /* smooth effect */
}

/* Saat awal (belum scroll) transparan */
header {
  background: transparent !important;
  box-shadow: none !important;
  transition: all 0.3s ease;
}/* End custom CSS */