.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#000000;--e-global-color-accent:#61CE70;--e-global-color-b5aeb33:#807c8f;--e-global-color-c58817e:#391e13;--e-global-color-5420d44:#984f33;--e-global-color-58be983:#ffffff;--e-global-color-09cc561:#0d141a;--e-global-color-a495fd4:#B8C0CC;--e-global-color-dff8941:#18171B;--e-global-color-a7b8c9d:#191615;--e-global-color-b1c2d3e:#f4f2f2;--e-global-typography-primary-font-family:"Cormorant Garamond";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Cormorant Garamond";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-weight:500;--e-global-typography-5535e8e-font-family:"Cormorant Garamond";--e-global-typography-5535e8e-font-size:3rem;--e-global-typography-5535e8e-font-weight:700;--e-global-typography-c83476d-font-family:"Cormorant Garamond";--e-global-typography-c83476d-font-size:2.5rem;--e-global-typography-c83476d-font-weight:bold;--e-global-typography-ff8f921-font-family:"Cormorant Garamond";--e-global-typography-ff8f921-font-size:2.3rem;--e-global-typography-ff8f921-font-weight:bold;--e-global-typography-887fca2-font-family:"Inter";--e-global-typography-887fca2-font-size:1rem;--e-global-typography-887fca2-font-weight:400;--e-global-typography-2142591-font-family:"Inter";--e-global-typography-2142591-font-size:1rem;--e-global-typography-2142591-font-weight:700;--e-global-typography-6e52843-font-family:"Inter";--e-global-typography-6e52843-font-size:1rem;--e-global-typography-6e52843-font-weight:500;font-family:"Manrope", Sans-serif;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 h1{font-family:"Manrope", Sans-serif;font-size:3rem;font-weight:700;}.elementor-kit-6 h2{font-family:"Manrope", Sans-serif;font-size:2.5rem;font-weight:bold;}.elementor-kit-6 h3{font-family:"Manrope", Sans-serif;}.elementor-kit-6 h4{font-family:"Manrope", Sans-serif;}.elementor-kit-6 h5{font-family:"Manrope", Sans-serif;}.elementor-kit-6 h6{font-family:"Manrope", Sans-serif;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{font-family:"Manrope", Sans-serif;}.elementor-kit-6 img{border-radius:8px 8px 8px 8px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6{--e-global-typography-c83476d-font-size:1.9rem;--e-global-typography-ff8f921-font-size:1.9rem;}.elementor-kit-6 h2{font-size:1.9rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;--container-default-padding-top:1rem;--container-default-padding-right:1rem;--container-default-padding-bottom:1rem;--container-default-padding-left:1rem;}}
/* Start custom CSS *//* =========================================
   ADITHWORKS — NUMBER SLIDER PAGINATION
   ========================================= */

/* Pagination wrapper */
.hero-slider-number .swiper-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    counter-reset: hero-slide-number;
}

/* Setiap item pagination */
.hero-slider-number .swiper-pagination-bullet {
    position: relative;
    display: block;

    flex: 0 0 52px;
    width: 52px;
    height: 28px;

    margin: 0 !important;
    padding: 0;

    border: 0;
    border-radius: 0;
    background: transparent !important;

    opacity: 1 !important;
    cursor: pointer;
}

/* Item terakhir tidak memerlukan garis */
.hero-slider-number
.swiper-pagination-bullet:last-child {
    flex-basis: 28px;
    width: 28px;
}

/* Nomor slide */
.hero-slider-number
.swiper-pagination-bullet::before {
    counter-increment: hero-slide-number;
    content: counter(hero-slide-number, decimal-leading-zero);

    position: absolute;
    top: 0;
    left: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 28px;
    height: 28px;

    color: rgba(255, 255, 255, 0.45);

    font-size: 12px;
    font-weight: 400;
    line-height: 1;

    transition:
        color 0.4s ease,
        font-weight 0.4s ease;
}

/* Nomor aktif */
.hero-slider-number
.swiper-pagination-bullet-active::before {
    color: #ffffff;
    font-weight: 600;
}

/* Garis dasar di antara angka */
.hero-slider-number
.swiper-pagination-bullet:not(:last-child)::after {
    content: "";

    position: absolute;
    top: 50%;
    left: 28px;

    width: 24px;
    height: 1px;

    background: rgba(255, 255, 255, 0.3);

    transform: translateY(-50%);
    pointer-events: none;
}

/* Garis progres animasi */
.hero-slider-number .hero-progress-line {
    position: absolute;
    top: 50%;
    left: 28px;

    display: block;

    width: 24px;
    height: 1px;

    background: #ffffff;

    transform: translateY(-50%) scaleX(0);
    transform-origin: left center;

    pointer-events: none;
}

/* Jalankan progres pada slide aktif */
.hero-slider-number
.swiper-pagination-bullet-active
.hero-progress-line.is-progressing {
    animation:
        heroSlideProgress
        var(--hero-progress-duration, 5s)
        linear forwards;
}

/* Animasi garis */
@keyframes heroSlideProgress {
    from {
        transform: translateY(-50%) scaleX(0);
    }

    to {
        transform: translateY(-50%) scaleX(1);
    }
}

/* Hover effect */
@media (hover: hover) and (pointer: fine) {
    .hero-slider-number
    .swiper-pagination-bullet:hover::before {
        color: #ffffff;
    }
}

/* Aksesibilitas: kurangi gerakan jika diminta pengguna */
@media (prefers-reduced-motion: reduce) {
    .hero-slider-number
    .swiper-pagination-bullet::before {
        transition: none;
    }

    .hero-slider-number
    .swiper-pagination-bullet-active
    .hero-progress-line.is-progressing {
        animation: none;
        transform: translateY(-50%) scaleX(1);
    }
}/* End custom CSS */