.text-indigo-600{
    color: #9A9A40 !important;
}

.text-indigo-700{
    color: #9A9A40 !important;
}

.bg-indigo-700{
    background-color: #383301 !important;
}

.bg-indigo-600{
    background-color: #9A9A40 !important;
}

.bg-indigo-100{
    background-color: #e9e9d7 !important;
}

.hover-text:hover{
    color: #9A9A40 !important;
}

.border-indigo-500{
    border: 2px #9A9A40 !important;
}

.color-dark{
    color: #383301 !important;
}

.color-light{
    color: #9A9A40 !important;
}

.hover:color-light{
    color: #9A9A40 !important;
}

.hover-border:hover{
    transition: 0.6s !important;
    border: 1px solid #9A9A40 !important;
}

.background-hover:hover{
    background-color: #383301 !important;
    color: white !important;
}

/* Public navbar */
.site-header { position: fixed; z-index: 50; top: 0; right: 0; left: 0; border-bottom: 1px solid rgba(233, 233, 215, .95); background: rgba(255, 255, 255, .94); box-shadow: 0 8px 25px rgba(56, 51, 1, .06); backdrop-filter: blur(16px); }
.site-nav-shell { display: flex; width: min(1180px, calc(100% - 48px)); min-height: 76px; margin: 0 auto; align-items: center; justify-content: space-between; gap: 28px; }
.site-brand { display: inline-flex; flex: 0 0 auto; align-items: center; text-decoration: none; }
.site-brand img { display: block; width: 137px; height: auto; }
.site-nav { display: flex; flex: 1 1 auto; align-items: center; justify-content: flex-end; gap: clamp(14px, 2vw, 27px); }
.site-nav a { position: relative; display: inline-flex; min-height: 76px; align-items: center; color: #60604f; font-size: 12px; font-weight: 700; text-decoration: none; transition: color .2s ease; }
.site-nav a::after { position: absolute; right: 0; bottom: 19px; left: 0; height: 2px; border-radius: 99px; background: #9A9A40; content: ''; opacity: 0; transform: scaleX(.35); transition: opacity .2s ease, transform .2s ease; }
.site-nav a:hover, .site-nav a:focus-visible, .site-nav a.is-active { color: #9A9A40; }
.site-nav a:hover::after, .site-nav a:focus-visible::after, .site-nav a.is-active::after { opacity: 1; transform: scaleX(1); }
.site-nav-actions { display: flex; flex: 0 0 auto; align-items: center; gap: 10px; }
.site-contact-cta { display: inline-flex; min-height: 40px; align-items: center; gap: 7px; padding: 0 15px; border-radius: 10px; background: #383301; color: #fff; font-size: 11px; font-weight: 800; text-decoration: none; box-shadow: 0 7px 16px rgba(56, 51, 1, .15); transition: background .2s ease, transform .2s ease, box-shadow .2s ease; }
.site-contact-cta i { font-size: 16px; }
.site-contact-cta:hover, .site-contact-cta:focus-visible { background: #9A9A40; color: #fff; transform: translateY(-1px); box-shadow: 0 10px 20px rgba(154, 154, 64, .22); }
.site-menu-toggle { display: none; width: 42px; height: 42px; padding: 0; border: 1px solid #dfdfca; border-radius: 11px; background: #fff; color: #383301; cursor: pointer; }
.site-menu-toggle i { font-size: 23px; line-height: 1; }
.site-mobile-menu { display: none; border-top: 1px solid #e9e9d7; background: rgba(255, 255, 255, .98); box-shadow: 0 16px 24px rgba(56, 51, 1, .08); }
.site-mobile-menu-inner { display: grid; width: min(1180px, calc(100% - 32px)); margin: 0 auto; padding: 10px 0 17px; gap: 3px; }
.site-mobile-menu a { display: flex; min-height: 45px; align-items: center; gap: 11px; padding: 0 13px; border-radius: 10px; color: #595943; font-size: 13px; font-weight: 700; text-decoration: none; }
.site-mobile-menu a i { width: 19px; color: #9A9A40; font-size: 18px; text-align: center; }
.site-mobile-menu a:hover, .site-mobile-menu a:focus-visible, .site-mobile-menu a.is-active { background: #e9e9d7; color: #383301; }
.site-mobile-menu .site-mobile-contact { margin-top: 7px; justify-content: center; background: #383301; color: #fff; }
.site-mobile-menu .site-mobile-contact i { color: #fff; }
.site-mobile-menu.is-open { display: block; }
@media (max-width: 1023px) {
    .site-nav-shell { width: min(100% - 32px, 760px); min-height: 68px; }
    .site-nav { display: none; }
    .site-contact-cta { display: none; }
    .site-menu-toggle { display: inline-grid; place-items: center; }
}
@media (max-width: 480px) {
    .site-nav-shell { width: calc(100% - 28px); }
    .site-brand img { width: 119px; }
}

/* Swiper pagination mengikuti palet WOVA. */
.swiper-pagination {
    position: static !important;
    display: flex !important;
    min-height: 10px;
    align-items: center;
    justify-content: center;
    gap: 7px;
}
.swiper-pagination-bullet {
    width: 7px !important;
    height: 7px !important;
    margin: 0 !important;
    border-radius: 999px !important;
    background: #d9d9c4 !important;
    opacity: 1 !important;
    transition: width .25s ease, background .25s ease, transform .25s ease, box-shadow .25s ease;
}
.swiper-pagination-bullet:hover {
    background: #706f55 !important;
    transform: scale(1.15);
}
.swiper-pagination-bullet-active {
    width: 24px !important;
    background: #9A9A40 !important;
    box-shadow: 0 4px 12px rgba(154, 154, 64, .26);
}
.swiper-pagination-bullet-active:hover {
    background: #383301 !important;
    transform: none;
}