.elementor-widget-section .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-section .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-549 .elementor-element.elementor-element-7f51c56{margin-top:150px;margin-bottom:150px;}.elementor-widget-accordion .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-accordion .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-accordion .elementor-accordion-icon, .elementor-widget-accordion .elementor-accordion-title{color:var( --e-global-color-primary );}.elementor-widget-accordion .elementor-accordion-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-accordion .elementor-active .elementor-accordion-icon, .elementor-widget-accordion .elementor-active .elementor-accordion-title{color:var( --e-global-color-accent );}.elementor-widget-accordion .elementor-active .elementor-accordion-icon svg{fill:var( --e-global-color-accent );}.elementor-widget-accordion .elementor-accordion-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-accordion .elementor-tab-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}:root{--page-title-display:none;}/* Start custom CSS for accordion, class: .elementor-element-afa233b *//* =========================================
   EVENT ACCORDION
   ========================================= */

.event-accordion {
    counter-reset: event-number;
}


/* =========================================
   SETIAP ITEM
   ========================================= */

.event-accordion .elementor-accordion-item {
    counter-increment: event-number;
    border-left: none !important;
    border-right: none !important;
}


/* =========================================
   HEADER / JUDUL
   ========================================= */

.event-accordion .elementor-tab-title {
    position: relative !important;

    display: block !important;

    min-height: 72px;

    padding: 24px 60px 24px 65px !important;

    border-left: none !important;
    border-right: none !important;

    box-sizing: border-box;
}


/* =========================================
   NOMOR 01 02 03 04
   ========================================= */

.event-accordion .elementor-tab-title::before {

    content: counter(event-number, decimal-leading-zero);

    position: absolute;

    left: 20px;
    top: 50%;

    transform: translateY(-50%);

    color: #d8d8d8;

    font-size: 20px;
    font-weight: 400;

    line-height: 1;

    z-index: 2;
}


/* =========================================
   JUDUL EVENT
   ========================================= */

.event-accordion .elementor-tab-title a.elementor-accordion-title {

    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #64264f !important;

    font-size: 24px !important;
    font-weight: 600 !important;

    line-height: 1.3 !important;

    text-align: left !important;
}


/* =========================================
   JUDUL SAAT AKTIF
   ========================================= */

.event-accordion
.elementor-tab-title.elementor-active
a.elementor-accordion-title {

    color: #64264f !important;
}


/* =========================================
   ICON PLUS
   ========================================= */

.event-accordion .elementor-accordion-icon {

    position: absolute !important;

    right: 20px;
    top: 50%;

    transform: translateY(-50%);

    margin: 0 !important;

    width: 34px;
    height: 34px;

    display: flex !important;

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

    border-radius: 50%;

    background: #f4efe8;

    color: #64264f !important;

    z-index: 5;
}


/* icon */
.event-accordion .elementor-accordion-icon i {

    color: #64264f !important;

    font-size: 18px !important;

    line-height: 1;
}


/* =========================================
   CONTENT
   ========================================= */

.event-accordion .elementor-tab-content {

    padding: 0 60px 40px 65px !important;

    border: none !important;
}


/* =========================================
   DESKRIPSI
   ========================================= */

.event-accordion .elementor-tab-content p {

    max-width: 520px;

    margin: 0 0 28px 0 !important;

    color: #666666;

    font-size: 17px;

    line-height: 1.55;
}


/* =========================================
   LIHAT DETAIL
   ========================================= */

.event-accordion .elementor-tab-content a {

    color: #64264f !important;

    font-size: 14px;

    text-decoration: underline;
}


/* =========================================
   HOVER
   ========================================= */

.event-accordion
.elementor-tab-title:hover
a.elementor-accordion-title {

    color: #64264f !important;
}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 767px) {

    .event-accordion .elementor-tab-title {

        min-height: 65px;

        padding: 20px 50px 20px 50px !important;
    }


    .event-accordion .elementor-tab-title::before {

        left: 15px;

        font-size: 15px;
    }


    .event-accordion
    .elementor-tab-title
    a.elementor-accordion-title {

        font-size: 18px !important;

        line-height: 1.3 !important;
    }


    .event-accordion .elementor-accordion-icon {

        right: 12px;

        width: 30px;
        height: 30px;
    }


    .event-accordion .elementor-tab-content {

        padding: 0 25px 30px 50px !important;
    }


    .event-accordion .elementor-tab-content p {

        font-size: 15px;

        line-height: 1.5;
    }

}/* End custom CSS */