/* =========================================================
   THEME FIORI ANNIVERSARY 22
   BURGUNDY + GOLD
   ========================================================= */

    :root {
        --burgundy: #6B1E2B;
        --burgundy-dark: #3A1018;
        --burgundy-deep: #250A10;
        --gold: #D4AF37;
        --gold-light: #F1D77A;
        --gold-soft: #E6C766;
        --cream: #FFF8E7;
        --white: #ffffff;
    }

    /* =========================
   BODY
   ========================= */
    body {
        color: #333;
        background: #fff;
    }

    a {
        color: var(--burgundy);
    }

    a:hover {
        color: var(--gold);
    }

    /* =========================
   HEADER
   ========================= */
    .main-header {
        background: var(--burgundy-dark);
    }

    .header-upper {
        background: linear-gradient(135deg,
                #3A1018 0%,
                #5A1724 50%,
                #6B1E2B 100%);
        border-bottom: 1px solid rgba(212, 175, 55, .5);
    }

    .main-header .navigation>li>a {
        color: #fff !important;
    }

    .main-header .navigation>li:hover>a,
    .main-header .navigation>li.current>a {
        color: var(--gold-light) !important;
    }

    /* Mobile menu */
    .mobile-menu .menu-box {
        background: var(--burgundy-dark);
    }

    .mobile-menu .navigation li a {
        color: #fff;
    }

    .mobile-menu .navigation li a:hover {
        color: var(--gold);
    }

    /* =========================
   SLIDER
   ========================= */
    .main-slider {
        background: var(--burgundy-dark);
    }

    .tp-caption h2,
    .main-slider h2 {
        color: var(--gold-light);
    }

    .main-slider .theme-btn {
        border-color: var(--gold);
    }

    /* =========================
   BUTTON
   ========================= */
    .theme-btn.btn-style-one {
        background: linear-gradient(135deg,
                var(--gold) 0%,
                var(--gold-light) 50%,
                var(--gold) 100%);
        color: var(--burgundy-dark) !important;
        border: 1px solid var(--gold);
        font-weight: 700;
    }

    .theme-btn.btn-style-one:hover {
        background: var(--burgundy);
        color: var(--gold-light) !important;
        border-color: var(--gold);
    }

    .theme-btn.btn-style-two {
        background: var(--burgundy);
        color: var(--gold-light) !important;
        border: 1px solid var(--gold);
    }

    .theme-btn.btn-style-two:hover {
        background: var(--gold);
        color: var(--burgundy-dark) !important;
    }

    .theme-btn.btn-style-four {
        background: var(--burgundy);
        color: var(--gold-light) !important;
        border: 1px solid var(--gold);
    }

    .theme-btn.btn-style-four:hover {
        background: var(--gold);
        color: var(--burgundy-dark) !important;
    }

    /* =========================
   COUNTDOWN
   ========================= */
    .coming-soon-section-two {
        background: linear-gradient(135deg,
                var(--burgundy-dark),
                var(--burgundy));
    }

    .coming-soon-section-two .title-column h3 {
        color: var(--gold-light);
    }

    .time-countdown .counter-column {
        color: #fff;
    }

    .time-countdown .count {
        color: var(--gold-light);
    }

    .time-countdown .count-text {
        color: #fff;
    }

    /* =========================
   SECTION TITLE
   ========================= */
    .sec-title .title {
        color: var(--gold) !important;
    }

    .sec-title h2 {
        color: var(--burgundy-dark);
    }

    .sec-title.light h2 {
        color: var(--gold-light);
    }

    .sec-title.light .title {
        color: var(--gold) !important;
    }

    /* =========================
   ABOUT
   ========================= */
    .about-section {
        background: var(--cream);
    }

    .about-section .sec-title h2 {
        color: var(--burgundy-dark);
    }

    .about-section .text {
        color: #4b3438;
    }

    /* =========================
   DARK SECTIONS
   ========================= */
    .clients-section,
    .speakers-section,
    .fun-fact-section {
        background:
            radial-gradient(circle at top right,
                rgba(212, 175, 55, .15),
                transparent 35%),
            linear-gradient(135deg,
                #250A10 0%,
                #3A1018 45%,
                #5A1724 100%) !important;
    }

    /* =========================
   LIST PESERTA
   ========================= */
    .platinum-sponsors h4 {
        color: var(--gold-light);
    }

    .platinum-carousel .slide-item a {
        color: #fff;
    }

    .platinum-carousel .slide-item a:hover {
        color: var(--gold);
    }

    .platinum-carousel img {
        border: 3px solid var(--gold);
        padding: 3px;
    }

    /* =========================
   VIDEO
   ========================= */
    .video-box {
        border: 2px solid rgba(212, 175, 55, .6);
    }

    .video-box .link {
        background: var(--burgundy);
        border: 2px solid var(--gold);
    }

    .video-box .link:hover {
        background: var(--gold);
        color: var(--burgundy-dark);
    }

    /* =========================
   SCHEDULE
   ========================= */
    .shedule-section {
        background: var(--cream);
    }

    .shedule-section .sec-title h2 {
        color: var(--burgundy-dark);
    }

    .tab-buttons li {
        background: var(--burgundy);
        color: #fff;
        border-color: var(--gold);
    }

    .tab-buttons li span {
        color: var(--gold-light);
    }

    .tab-buttons li.active-btn,
    .tab-buttons li:hover {
        background: var(--gold);
        color: var(--burgundy-dark);
    }

    .tab-buttons li.active-btn span,
    .tab-buttons li:hover span {
        color: var(--burgundy-dark);
    }

    .shedule-block .date {
        color: var(--burgundy);
    }

    .shedule-block h4 a {
        color: var(--burgundy-dark);
    }

    .shedule-block h4 a:hover {
        color: var(--gold);
    }

    .shedule-info li {
        color: #555;
    }

    .shedule-info li a {
        color: var(--burgundy);
    }

    /* =========================
   BENEFIT / SPEAKERS
   ========================= */
    .speakers-section .sec-title h2 {
        color: var(--gold-light);
    }

    .speaker-block .caption-box {
        background: var(--burgundy-dark);
        border-top: 2px solid var(--gold);
    }

    .speaker-block .name a {
        color: var(--gold-light);
    }

    .speaker-block .designation {
        color: #fff;
    }

    .speaker-block .image-box img {
        border-color: var(--gold);
    }

    /* =========================
   GALLERY
   ========================= */
    .gallery-section {
        background: var(--cream);
    }

    .gallery-item .image-box {
        border: 1px solid rgba(107, 30, 43, .2);
    }

    .gallery-item .overlay-box {
        background: rgba(58, 16, 24, .82);
    }

    .gallery-item .overlay-box .icon {
        color: var(--gold-light);
    }

    /* =========================
   COUNTER
   ========================= */
    .fun-fact-section {
        border-top: 1px solid rgba(212, 175, 55, .35);
        border-bottom: 1px solid rgba(212, 175, 55, .35);
    }

    .fun-fact-section .count-text {
        color: var(--gold-light);
    }

    .fun-fact-section .counter-title {
        color: #fff;
    }

    .fun-fact-section .icon {
        color: var(--gold);
    }

    /* =========================
   TESTIMONIAL
   ========================= */
    .testimonial-section {
        background: #fff;
    }

    .testimonial-section .sec-title h2 {
        color: var(--burgundy-dark);
    }

    .testimonial-section .sec-title .title {
        color: #555345 !important;
    }

    .testimonial-block .inner {
     
    }

    .testimonial-block .text {
        color: #4b3438;
    }

    .testimonial-block .name {
        color: var(--burgundy);
        font-weight: 700;
    }

    .testimonial-block .quote-icon {
        color: var(--gold);
    }

    /* =========================
   FORM
   ========================= */
    .checkout-form {
        border-top: 3px solid var(--gold);
    }

    .field-label {
        color: var(--burgundy-dark);
        font-weight: 600;
    }

    .contact-form input,
    .contact-form textarea {
        border: 1px solid #d9c7a0;
    }

    .contact-form input:focus,
    .contact-form textarea:focus {
        border-color: var(--gold);
        box-shadow: 0 0 0 2px rgba(212, 175, 55, .15);
    }

    /* =========================
   FOOTER
   ========================= */
    .main-footer {
        background:
            radial-gradient(circle at top center,
                rgba(212, 175, 55, .12),
                transparent 40%),
            linear-gradient(135deg,
                #250A10 0%,
                #3A1018 50%,
                #5A1724 100%) !important;
        border-top: 2px solid var(--gold);
    }

    .main-footer h3 {
        color: var(--gold-light);
    }

    .main-footer .text {
        color: #eee;
    }

    .main-footer .social-icon-colored li a {
        color: var(--gold-light);
    }

    .main-footer .social-icon-colored li a:hover {
        color: #fff;
    }

    .main-footer .copyright-text {
        color: #ddd;
    }

    .main-footer .copyright-text a {
        color: var(--gold-light);
    }

    /* =========================
   SCROLL TOP
   ========================= */
    .scroll-to-top {
        background: var(--burgundy);
        color: var(--gold-light);
        border: 1px solid var(--gold);
    }

    .scroll-to-top:hover {
        background: var(--gold);
        color: var(--burgundy-dark);
    }

    /* =========================
   MOBILE
   ========================= */
    @media only screen and (max-width: 767px) {

        .main-header {
            background: var(--burgundy-dark);
        }

        .logo img {
            max-width: 80px;
        }

        .coming-soon-section-two .title-column h3 {
            font-size: 24px;
        }

        .sec-title h2 {
            font-size: 28px;
        }

        .tab-buttons li {
            margin-bottom: 5px;
        }

    }

    /* =========================
   GOLD LINE ACCENT
   ========================= */
    .sec-title:after {
        background: var(--gold) !important;
    }

    .sec-title:before {
        background: var(--burgundy) !important;
    }

    /* =========================
   SELECTION
   ========================= */
    ::selection {
        background: var(--gold);
        color: var(--burgundy-dark);
    }

    /* COUNTDOWN - SEMUA PUTIH */
.timer-column .time-countdown .counter-column {
    color: #ffffff !important;
}

.timer-column .time-countdown .counter-column .count {
    color: #ffffff !important;
}

.timer-column .time-countdown .counter-column .count-text {
    color: #ffffff !important;
}

/* Jika angka menggunakan span */
.timer-column .time-countdown span {
    color: #ffffff !important;
}

/* Jika countdown menggunakan pseudo element */
.timer-column .time-countdown .counter-column:before,
.timer-column .time-countdown .counter-column:after {
    color: #ffffff !important;
}
/* =========================================
   FULLSCREEN BANNER ANIMATION
   ========================================= */

.main-slider {
    position: relative;
    overflow: hidden;
}

/* Menu / header */
.main-header {
    transition: all 0.5s ease;
    z-index: 9999;
}

/* Saat banner fullscreen */
body.banner-fullscreen .main-header {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-100%);
    pointer-events: none;
}

/* Banner diperbesar */
body.banner-fullscreen .main-slider {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100vh;
    z-index: 9998;
}

/* Isi banner mengikuti ukuran layar */
body.banner-fullscreen .main-slider .rev_slider_wrapper,
body.banner-fullscreen .main-slider .rev_slider {
    width: 100% !important;
    height: 100vh !important;
}

/* Animasi transisi */
.main-slider {
    transition: all 0.6s ease;
}