.elementor-4476 .elementor-element.elementor-element-166f6d6:not(.elementor-motion-effects-element-type-background), .elementor-4476 .elementor-element.elementor-element-166f6d6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://afa.group/wp-content/uploads/2026/08/DSC03672.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-4476 .elementor-element.elementor-element-166f6d6 > .elementor-background-overlay{background-color:transparent;background-image:linear-gradient(253deg, #000000 41%, #000000 48%);opacity:0.35;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4476 .elementor-element.elementor-element-166f6d6 > .elementor-container{min-height:400px;}.elementor-4476 .elementor-element.elementor-element-166f6d6{border-style:solid;border-width:0px 0px 4px 0px;border-color:#E05829;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-4476 .elementor-element.elementor-element-adce960 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4476 .elementor-element.elementor-element-adce960{text-align:center;}.elementor-4476 .elementor-element.elementor-element-adce960 .elementor-heading-title{font-family:"Mulish", Sans-serif;font-size:57px;font-weight:900;color:#FFFFFF;}.elementor-4476 .elementor-element.elementor-element-9e3e1e9 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-4476 .elementor-element.elementor-element-9e3e1e9:not(.elementor-motion-effects-element-type-background), .elementor-4476 .elementor-element.elementor-element-9e3e1e9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://afa.group/wp-content/uploads/2026/08/DSC03672.jpg");background-position:bottom center;}.elementor-4476 .elementor-element.elementor-element-9e3e1e9 > .elementor-background-overlay{background-color:#000000;opacity:0.59;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4476 .elementor-element.elementor-element-9e3e1e9{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-widget-image .widget-image-caption{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 );}.elementor-bc-flex-widget .elementor-4476 .elementor-element.elementor-element-b00b87a.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-4476 .elementor-element.elementor-element-b00b87a.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-4476 .elementor-element.elementor-element-b00b87a.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-4476 .elementor-element.elementor-element-b00b87a > .elementor-element-populated, .elementor-4476 .elementor-element.elementor-element-b00b87a > .elementor-element-populated > .elementor-background-overlay, .elementor-4476 .elementor-element.elementor-element-b00b87a > .elementor-background-slideshow{border-radius:0px 0px 0px 0px;}.elementor-4476 .elementor-element.elementor-element-b00b87a > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:40px 40px 40px 40px;}.elementor-4476 .elementor-element.elementor-element-b00b87a > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4476 .elementor-element.elementor-element-fbd36be .elementor-heading-title{font-family:"Mulish", Sans-serif;font-size:40px;font-weight:900;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-bc-flex-widget .elementor-4476 .elementor-element.elementor-element-3f39902.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-4476 .elementor-element.elementor-element-3f39902.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-4476 .elementor-element.elementor-element-3f39902.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-4476 .elementor-element.elementor-element-3f39902 > .elementor-element-populated, .elementor-4476 .elementor-element.elementor-element-3f39902 > .elementor-element-populated > .elementor-background-overlay, .elementor-4476 .elementor-element.elementor-element-3f39902 > .elementor-background-slideshow{border-radius:0px 0px 0px 0px;}.elementor-4476 .elementor-element.elementor-element-3f39902 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:40px 40px 40px 40px;}.elementor-4476 .elementor-element.elementor-element-3f39902 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4476 .elementor-element.elementor-element-41954cf .elementor-heading-title{font-family:"Mulish", Sans-serif;font-size:40px;font-weight:900;color:#FFFFFF;}.elementor-bc-flex-widget .elementor-4476 .elementor-element.elementor-element-c6018d5.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-4476 .elementor-element.elementor-element-c6018d5.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-4476 .elementor-element.elementor-element-c6018d5.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-4476 .elementor-element.elementor-element-c6018d5 > .elementor-element-populated, .elementor-4476 .elementor-element.elementor-element-c6018d5 > .elementor-element-populated > .elementor-background-overlay, .elementor-4476 .elementor-element.elementor-element-c6018d5 > .elementor-background-slideshow{border-radius:0px 0px 0px 0px;}.elementor-4476 .elementor-element.elementor-element-c6018d5 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:40px 40px 40px 40px;}.elementor-4476 .elementor-element.elementor-element-c6018d5 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4476 .elementor-element.elementor-element-0be8c39 .elementor-heading-title{font-family:"Mulish", Sans-serif;font-size:40px;font-weight:900;color:#FFFFFF;}.elementor-bc-flex-widget .elementor-4476 .elementor-element.elementor-element-4ea71db.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-4476 .elementor-element.elementor-element-4ea71db.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-4476 .elementor-element.elementor-element-4ea71db.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-4476 .elementor-element.elementor-element-4ea71db > .elementor-element-populated, .elementor-4476 .elementor-element.elementor-element-4ea71db > .elementor-element-populated > .elementor-background-overlay, .elementor-4476 .elementor-element.elementor-element-4ea71db > .elementor-background-slideshow{border-radius:0px 0px 0px 0px;}.elementor-4476 .elementor-element.elementor-element-4ea71db > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:40px 40px 40px 40px;}.elementor-4476 .elementor-element.elementor-element-4ea71db > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4476 .elementor-element.elementor-element-284e787 .elementor-heading-title{font-family:"Mulish", Sans-serif;font-size:40px;font-weight:900;color:#FFFFFF;}.elementor-bc-flex-widget .elementor-4476 .elementor-element.elementor-element-1067751.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-4476 .elementor-element.elementor-element-1067751.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-4476 .elementor-element.elementor-element-1067751.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-4476 .elementor-element.elementor-element-1067751 > .elementor-element-populated, .elementor-4476 .elementor-element.elementor-element-1067751 > .elementor-element-populated > .elementor-background-overlay, .elementor-4476 .elementor-element.elementor-element-1067751 > .elementor-background-slideshow{border-radius:0px 0px 0px 0px;}.elementor-4476 .elementor-element.elementor-element-1067751 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:40px 40px 40px 40px;}.elementor-4476 .elementor-element.elementor-element-1067751 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4476 .elementor-element.elementor-element-190269c .elementor-heading-title{font-family:"Mulish", Sans-serif;font-size:40px;font-weight:900;color:#FFFFFF;}.elementor-bc-flex-widget .elementor-4476 .elementor-element.elementor-element-9053c16.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-4476 .elementor-element.elementor-element-9053c16.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-4476 .elementor-element.elementor-element-9053c16.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-4476 .elementor-element.elementor-element-9053c16 > .elementor-element-populated, .elementor-4476 .elementor-element.elementor-element-9053c16 > .elementor-element-populated > .elementor-background-overlay, .elementor-4476 .elementor-element.elementor-element-9053c16 > .elementor-background-slideshow{border-radius:0px 0px 0px 0px;}.elementor-4476 .elementor-element.elementor-element-9053c16 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:60px 60px 60px 60px;}.elementor-4476 .elementor-element.elementor-element-9053c16 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4476 .elementor-element.elementor-element-365420d .elementor-heading-title{font-family:"Mulish", Sans-serif;font-size:40px;font-weight:900;color:#FFFFFF;}.elementor-bc-flex-widget .elementor-4476 .elementor-element.elementor-element-964d51e.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-4476 .elementor-element.elementor-element-964d51e.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-4476 .elementor-element.elementor-element-964d51e.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-4476 .elementor-element.elementor-element-964d51e > .elementor-element-populated, .elementor-4476 .elementor-element.elementor-element-964d51e > .elementor-element-populated > .elementor-background-overlay, .elementor-4476 .elementor-element.elementor-element-964d51e > .elementor-background-slideshow{border-radius:0px 0px 0px 0px;}.elementor-4476 .elementor-element.elementor-element-964d51e > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:60px 60px 60px 60px;}.elementor-4476 .elementor-element.elementor-element-964d51e > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4476 .elementor-element.elementor-element-8a97780 .elementor-heading-title{font-family:"Mulish", Sans-serif;font-size:40px;font-weight:900;color:#FFFFFF;}.elementor-bc-flex-widget .elementor-4476 .elementor-element.elementor-element-eaceca8.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-4476 .elementor-element.elementor-element-eaceca8.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-4476 .elementor-element.elementor-element-eaceca8.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-4476 .elementor-element.elementor-element-eaceca8 > .elementor-element-populated, .elementor-4476 .elementor-element.elementor-element-eaceca8 > .elementor-element-populated > .elementor-background-overlay, .elementor-4476 .elementor-element.elementor-element-eaceca8 > .elementor-background-slideshow{border-radius:0px 0px 0px 0px;}.elementor-4476 .elementor-element.elementor-element-eaceca8 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:40px 40px 40px 40px;}.elementor-4476 .elementor-element.elementor-element-eaceca8 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4476 .elementor-element.elementor-element-b5a7697 .elementor-heading-title{font-family:"Mulish", Sans-serif;font-size:40px;font-weight:900;color:#FFFFFF;}@media(max-width:767px){.elementor-4476 .elementor-element.elementor-element-166f6d6 > .elementor-container{min-height:150px;}.elementor-4476 .elementor-element.elementor-element-adce960 .elementor-heading-title{font-size:30px;}.elementor-4476 .elementor-element.elementor-element-11a8066{width:50%;}.elementor-4476 .elementor-element.elementor-element-005bf7f{width:100%;}.elementor-bc-flex-widget .elementor-4476 .elementor-element.elementor-element-005bf7f.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-4476 .elementor-element.elementor-element-005bf7f.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-4476 .elementor-element.elementor-element-b00b87a{width:44%;}.elementor-bc-flex-widget .elementor-4476 .elementor-element.elementor-element-b00b87a.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-4476 .elementor-element.elementor-element-b00b87a.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-4476 .elementor-element.elementor-element-b00b87a.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-4476 .elementor-element.elementor-element-b00b87a > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-4476 .elementor-element.elementor-element-fbd36be > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-4476 .elementor-element.elementor-element-fbd36be{text-align:center;}.elementor-4476 .elementor-element.elementor-element-fbd36be .elementor-heading-title{font-size:20px;}.elementor-4476 .elementor-element.elementor-element-1e26628{text-align:center;}.elementor-4476 .elementor-element.elementor-element-41954cf{text-align:center;}.elementor-4476 .elementor-element.elementor-element-1b474b0{text-align:center;}.elementor-4476 .elementor-element.elementor-element-0be8c39{text-align:center;}.elementor-4476 .elementor-element.elementor-element-041bf57{text-align:center;}.elementor-4476 .elementor-element.elementor-element-284e787{text-align:center;}.elementor-4476 .elementor-element.elementor-element-892f23f{text-align:center;}.elementor-4476 .elementor-element.elementor-element-190269c{text-align:center;}.elementor-4476 .elementor-element.elementor-element-79212ec{text-align:center;}.elementor-4476 .elementor-element.elementor-element-365420d{text-align:center;}.elementor-4476 .elementor-element.elementor-element-9e1b4d9{text-align:center;}.elementor-4476 .elementor-element.elementor-element-8a97780{text-align:center;}.elementor-4476 .elementor-element.elementor-element-c1c4592{text-align:center;}.elementor-4476 .elementor-element.elementor-element-b5a7697{text-align:center;}.elementor-4476 .elementor-element.elementor-element-d0838a0{text-align:center;}}/* Start custom CSS for section, class: .elementor-element-a88520d */.board-card{
    width: 555px !important;
    max-width: 42vw;
    max-height: calc(100vh - 120px);
    padding: 30
    px !important;
    overflow-y: auto;

    background: rgba(25,32,27,.94) !important;
    border: 1px solid rgba(255,255,255,.25);
    border-radius: 16px;

    box-shadow: 0 15px 40px rgba(0,0,0,.20);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
}
.board-card{
    width: 470px !important;
    max-width: 470px !important;
    overflow-x: hidden !important;
}

/* Nama */
.board-card .elementor-heading-title{
    margin: 0;
    color: #ffffff !important;
    font-size: clamp(27px, 2vw, 32px);
    font-weight: 700;
    line-height: 1.15;
    text-transform: uppercase;
}

/* Bullet list */
.board-card .elementor-icon-list-items{
    margin: 0;
}

.board-card .elementor-icon-list-item{
    align-items: flex-start !important;
    padding: 0 !important;
}

.board-card .elementor-icon-list-icon{
    margin-top: 8px;
}

.board-card .elementor-icon-list-icon i{
    color: #ffffff !important;
    font-size: 5px !important;
}

.board-card .elementor-icon-list-text{
    color: #ffffff !important;
    font-size: 14px;
    line-height: 1.4;
}

/* Divider */
.board-card .elementor-divider{
    padding-block: 22px !important;
}

.board-card .elementor-divider-separator{
    width: 100% !important;
    border-color: rgba(255,255,255,.25) !important;
    border-width: 1px !important;
}

/* Description */
.board-card .elementor-widget-text-editor{
    color: #ffffff !important;
    font-size: 14px;
    line-height: 1.45;
}

.board-card .elementor-widget-text-editor p{
    margin: 0 0 16px;
}

.board-card .elementor-widget-text-editor p:last-child{
    margin-bottom: 0;
}

/* Tablet */
@media (max-width: 1024px){
    .board-card{
        width: 500px !important;
        max-width: 50vw;
        padding: 42px !important;
    }
}

/* Mobile */
@media (max-width: 767px){
    .board-card{
        width: 100% !important;
        max-width: 100%;
        max-height: 52vh;
        padding: 28px 24px !important;
        border-radius: 12px;
    }

    .board-card .elementor-heading-title{
        font-size: 25px;
    }

    .board-card .elementor-icon-list-text,
    .board-card .elementor-widget-text-editor{
        font-size: 13px;
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-42556a7 */.board-card{
    width: 555px !important;
    max-width: 42vw;
    max-height: calc(100vh - 120px);
    padding: 30
    px !important;
    overflow-y: auto;

    background: rgba(25,32,27,.94) !important;
    border: 1px solid rgba(255,255,255,.25);
    border-radius: 16px;

    box-shadow: 0 15px 40px rgba(0,0,0,.20);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
}
.board-card{
    width: 470px !important;
    max-width: 470px !important;
    overflow-x: hidden !important;
}

/* Nama */
.board-card .elementor-heading-title{
    margin: 0;
    color: #ffffff !important;
    font-size: clamp(27px, 2vw, 32px);
    font-weight: 700;
    line-height: 1.15;
    text-transform: uppercase;
}

/* Bullet list */
.board-card .elementor-icon-list-items{
    margin: 0;
}

.board-card .elementor-icon-list-item{
    align-items: flex-start !important;
    padding: 0 !important;
}

.board-card .elementor-icon-list-icon{
    margin-top: 8px;
}

.board-card .elementor-icon-list-icon i{
    color: #ffffff !important;
    font-size: 5px !important;
}

.board-card .elementor-icon-list-text{
    color: #ffffff !important;
    font-size: 14px;
    line-height: 1.4;
}

/* Divider */
.board-card .elementor-divider{
    padding-block: 22px !important;
}

.board-card .elementor-divider-separator{
    width: 100% !important;
    border-color: rgba(255,255,255,.25) !important;
    border-width: 1px !important;
}

/* Description */
.board-card .elementor-widget-text-editor{
    color: #ffffff !important;
    font-size: 14px;
    line-height: 1.45;
}

.board-card .elementor-widget-text-editor p{
    margin: 0 0 16px;
}

.board-card .elementor-widget-text-editor p:last-child{
    margin-bottom: 0;
}

/* Tablet */
@media (max-width: 1024px){
    .board-card{
        width: 500px !important;
        max-width: 50vw;
        padding: 42px !important;
    }
}

/* Mobile */
@media (max-width: 767px){
    .board-card{
        width: 100% !important;
        max-width: 100%;
        max-height: 52vh;
        padding: 28px 24px !important;
        border-radius: 12px;
    }

    .board-card .elementor-heading-title{
        font-size: 25px;
    }

    .board-card .elementor-icon-list-text,
    .board-card .elementor-widget-text-editor{
        font-size: 13px;
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-2fb647d */.board-card{
    width: 555px !important;
    max-width: 42vw;
    max-height: calc(100vh - 120px);
    padding: 30
    px !important;
    overflow-y: auto;

    background: rgba(25,32,27,.94) !important;
    border: 1px solid rgba(255,255,255,.25);
    border-radius: 16px;

    box-shadow: 0 15px 40px rgba(0,0,0,.20);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
}
.board-card{
    width: 470px !important;
    max-width: 470px !important;
    overflow-x: hidden !important;
}

/* Nama */
.board-card .elementor-heading-title{
    margin: 0;
    color: #ffffff !important;
    font-size: clamp(27px, 2vw, 32px);
    font-weight: 700;
    line-height: 1.15;
    text-transform: uppercase;
}

/* Bullet list */
.board-card .elementor-icon-list-items{
    margin: 0;
}

.board-card .elementor-icon-list-item{
    align-items: flex-start !important;
    padding: 0 !important;
}

.board-card .elementor-icon-list-icon{
    margin-top: 8px;
}

.board-card .elementor-icon-list-icon i{
    color: #ffffff !important;
    font-size: 5px !important;
}

.board-card .elementor-icon-list-text{
    color: #ffffff !important;
    font-size: 14px;
    line-height: 1.4;
}

/* Divider */
.board-card .elementor-divider{
    padding-block: 22px !important;
}

.board-card .elementor-divider-separator{
    width: 100% !important;
    border-color: rgba(255,255,255,.25) !important;
    border-width: 1px !important;
}

/* Description */
.board-card .elementor-widget-text-editor{
    color: #ffffff !important;
    font-size: 14px;
    line-height: 1.45;
}

.board-card .elementor-widget-text-editor p{
    margin: 0 0 16px;
}

.board-card .elementor-widget-text-editor p:last-child{
    margin-bottom: 0;
}

/* Tablet */
@media (max-width: 1024px){
    .board-card{
        width: 500px !important;
        max-width: 50vw;
        padding: 42px !important;
    }
}

/* Mobile */
@media (max-width: 767px){
    .board-card{
        width: 100% !important;
        max-width: 100%;
        max-height: 52vh;
        padding: 28px 24px !important;
        border-radius: 12px;
    }

    .board-card .elementor-heading-title{
        font-size: 25px;
    }

    .board-card .elementor-icon-list-text,
    .board-card .elementor-widget-text-editor{
        font-size: 13px;
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-d6a4bf0 */.board-card{
    width: 555px !important;
    max-width: 42vw;
    max-height: calc(100vh - 120px);
    padding: 30
    px !important;
    overflow-y: auto;

    background: rgba(25,32,27,.94) !important;
    border: 1px solid rgba(255,255,255,.25);
    border-radius: 16px;

    box-shadow: 0 15px 40px rgba(0,0,0,.20);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
}
.board-card{
    width: 470px !important;
    max-width: 470px !important;
    overflow-x: hidden !important;
}

/* Nama */
.board-card .elementor-heading-title{
    margin: 0;
    color: #ffffff !important;
    font-size: clamp(27px, 2vw, 32px);
    font-weight: 700;
    line-height: 1.15;
    text-transform: uppercase;
}

/* Bullet list */
.board-card .elementor-icon-list-items{
    margin: 0;
}

.board-card .elementor-icon-list-item{
    align-items: flex-start !important;
    padding: 0 !important;
}

.board-card .elementor-icon-list-icon{
    margin-top: 8px;
}

.board-card .elementor-icon-list-icon i{
    color: #ffffff !important;
    font-size: 5px !important;
}

.board-card .elementor-icon-list-text{
    color: #ffffff !important;
    font-size: 14px;
    line-height: 1.4;
}

/* Divider */
.board-card .elementor-divider{
    padding-block: 22px !important;
}

.board-card .elementor-divider-separator{
    width: 100% !important;
    border-color: rgba(255,255,255,.25) !important;
    border-width: 1px !important;
}

/* Description */
.board-card .elementor-widget-text-editor{
    color: #ffffff !important;
    font-size: 14px;
    line-height: 1.45;
}

.board-card .elementor-widget-text-editor p{
    margin: 0 0 16px;
}

.board-card .elementor-widget-text-editor p:last-child{
    margin-bottom: 0;
}

/* Tablet */
@media (max-width: 1024px){
    .board-card{
        width: 500px !important;
        max-width: 50vw;
        padding: 42px !important;
    }
}

/* Mobile */
@media (max-width: 767px){
    .board-card{
        width: 100% !important;
        max-width: 100%;
        max-height: 52vh;
        padding: 28px 24px !important;
        border-radius: 12px;
    }

    .board-card .elementor-heading-title{
        font-size: 25px;
    }

    .board-card .elementor-icon-list-text,
    .board-card .elementor-widget-text-editor{
        font-size: 13px;
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-731af0c */.board-card{
    width: 555px !important;
    max-width: 42vw;
    max-height: calc(100vh - 120px);
    padding: 30
    px !important;
    overflow-y: auto;

    background: rgba(25,32,27,.94) !important;
    border: 1px solid rgba(255,255,255,.25);
    border-radius: 16px;

    box-shadow: 0 15px 40px rgba(0,0,0,.20);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
}
.board-card{
    width: 470px !important;
    max-width: 470px !important;
    overflow-x: hidden !important;
}

/* Nama */
.board-card .elementor-heading-title{
    margin: 0;
    color: #ffffff !important;
    font-size: clamp(27px, 2vw, 32px);
    font-weight: 700;
    line-height: 1.15;
    text-transform: uppercase;
}

/* Bullet list */
.board-card .elementor-icon-list-items{
    margin: 0;
}

.board-card .elementor-icon-list-item{
    align-items: flex-start !important;
    padding: 0 !important;
}

.board-card .elementor-icon-list-icon{
    margin-top: 8px;
}

.board-card .elementor-icon-list-icon i{
    color: #ffffff !important;
    font-size: 5px !important;
}

.board-card .elementor-icon-list-text{
    color: #ffffff !important;
    font-size: 14px;
    line-height: 1.4;
}

/* Divider */
.board-card .elementor-divider{
    padding-block: 22px !important;
}

.board-card .elementor-divider-separator{
    width: 100% !important;
    border-color: rgba(255,255,255,.25) !important;
    border-width: 1px !important;
}

/* Description */
.board-card .elementor-widget-text-editor{
    color: #ffffff !important;
    font-size: 14px;
    line-height: 1.45;
}

.board-card .elementor-widget-text-editor p{
    margin: 0 0 16px;
}

.board-card .elementor-widget-text-editor p:last-child{
    margin-bottom: 0;
}

/* Tablet */
@media (max-width: 1024px){
    .board-card{
        width: 500px !important;
        max-width: 50vw;
        padding: 42px !important;
    }
}

/* Mobile */
@media (max-width: 767px){
    .board-card{
        width: 100% !important;
        max-width: 100%;
        max-height: 52vh;
        padding: 28px 24px !important;
        border-radius: 12px;
    }

    .board-card .elementor-heading-title{
        font-size: 25px;
    }

    .board-card .elementor-icon-list-text,
    .board-card .elementor-widget-text-editor{
        font-size: 13px;
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-4566dc2 */.board-card{
    width: 555px !important;
    max-width: 42vw;
    max-height: calc(100vh - 120px);
    padding: 30
    px !important;
    overflow-y: auto;

    background: rgba(25,32,27,.94) !important;
    border: 1px solid rgba(255,255,255,.25);
    border-radius: 16px;

    box-shadow: 0 15px 40px rgba(0,0,0,.20);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
}
.board-card{
    width: 470px !important;
    max-width: 470px !important;
    overflow-x: hidden !important;
}

/* Nama */
.board-card .elementor-heading-title{
    margin: 0;
    color: #ffffff !important;
    font-size: clamp(27px, 2vw, 32px);
    font-weight: 700;
    line-height: 1.15;
    text-transform: uppercase;
}

/* Bullet list */
.board-card .elementor-icon-list-items{
    margin: 0;
}

.board-card .elementor-icon-list-item{
    align-items: flex-start !important;
    padding: 0 !important;
}

.board-card .elementor-icon-list-icon{
    margin-top: 8px;
}

.board-card .elementor-icon-list-icon i{
    color: #ffffff !important;
    font-size: 5px !important;
}

.board-card .elementor-icon-list-text{
    color: #ffffff !important;
    font-size: 14px;
    line-height: 1.4;
}

/* Divider */
.board-card .elementor-divider{
    padding-block: 22px !important;
}

.board-card .elementor-divider-separator{
    width: 100% !important;
    border-color: rgba(255,255,255,.25) !important;
    border-width: 1px !important;
}

/* Description */
.board-card .elementor-widget-text-editor{
    color: #ffffff !important;
    font-size: 14px;
    line-height: 1.45;
}

.board-card .elementor-widget-text-editor p{
    margin: 0 0 16px;
}

.board-card .elementor-widget-text-editor p:last-child{
    margin-bottom: 0;
}

/* Tablet */
@media (max-width: 1024px){
    .board-card{
        width: 500px !important;
        max-width: 50vw;
        padding: 42px !important;
    }
}

/* Mobile */
@media (max-width: 767px){
    .board-card{
        width: 100% !important;
        max-width: 100%;
        max-height: 52vh;
        padding: 28px 24px !important;
        border-radius: 12px;
    }

    .board-card .elementor-heading-title{
        font-size: 25px;
    }

    .board-card .elementor-icon-list-text,
    .board-card .elementor-widget-text-editor{
        font-size: 13px;
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-83484a3 */.board-card{
    width: 555px !important;
    max-width: 42vw;
    max-height: calc(100vh - 120px);
    padding: 30
    px !important;
    overflow-y: auto;

    background: rgba(25,32,27,.94) !important;
    border: 1px solid rgba(255,255,255,.25);
    border-radius: 16px;

    box-shadow: 0 15px 40px rgba(0,0,0,.20);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
}
.board-card{
    width: 470px !important;
    max-width: 470px !important;
    overflow-x: hidden !important;
}

/* Nama */
.board-card .elementor-heading-title{
    margin: 0;
    color: #ffffff !important;
    font-size: clamp(27px, 2vw, 32px);
    font-weight: 700;
    line-height: 1.15;
    text-transform: uppercase;
}

/* Bullet list */
.board-card .elementor-icon-list-items{
    margin: 0;
}

.board-card .elementor-icon-list-item{
    align-items: flex-start !important;
    padding: 0 !important;
}

.board-card .elementor-icon-list-icon{
    margin-top: 8px;
}

.board-card .elementor-icon-list-icon i{
    color: #ffffff !important;
    font-size: 5px !important;
}

.board-card .elementor-icon-list-text{
    color: #ffffff !important;
    font-size: 14px;
    line-height: 1.4;
}

/* Divider */
.board-card .elementor-divider{
    padding-block: 22px !important;
}

.board-card .elementor-divider-separator{
    width: 100% !important;
    border-color: rgba(255,255,255,.25) !important;
    border-width: 1px !important;
}

/* Description */
.board-card .elementor-widget-text-editor{
    color: #ffffff !important;
    font-size: 14px;
    line-height: 1.45;
}

.board-card .elementor-widget-text-editor p{
    margin: 0 0 16px;
}

.board-card .elementor-widget-text-editor p:last-child{
    margin-bottom: 0;
}

/* Tablet */
@media (max-width: 1024px){
    .board-card{
        width: 500px !important;
        max-width: 50vw;
        padding: 42px !important;
    }
}

/* Mobile */
@media (max-width: 767px){
    .board-card{
        width: 100% !important;
        max-width: 100%;
        max-height: 52vh;
        padding: 28px 24px !important;
        border-radius: 12px;
    }

    .board-card .elementor-heading-title{
        font-size: 25px;
    }

    .board-card .elementor-icon-list-text,
    .board-card .elementor-widget-text-editor{
        font-size: 13px;
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-c946c49 */.board-card{
    width: 555px !important;
    max-width: 42vw;
    max-height: calc(100vh - 120px);
    padding: 30
    px !important;
    overflow-y: auto;

    background: rgba(25,32,27,.94) !important;
    border: 1px solid rgba(255,255,255,.25);
    border-radius: 16px;

    box-shadow: 0 15px 40px rgba(0,0,0,.20);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
}
.board-card{
    width: 470px !important;
    max-width: 470px !important;
    overflow-x: hidden !important;
}

/* Nama */
.board-card .elementor-heading-title{
    margin: 0;
    color: #ffffff !important;
    font-size: clamp(27px, 2vw, 32px);
    font-weight: 700;
    line-height: 1.15;
    text-transform: uppercase;
}

/* Bullet list */
.board-card .elementor-icon-list-items{
    margin: 0;
}

.board-card .elementor-icon-list-item{
    align-items: flex-start !important;
    padding: 0 !important;
}

.board-card .elementor-icon-list-icon{
    margin-top: 8px;
}

.board-card .elementor-icon-list-icon i{
    color: #ffffff !important;
    font-size: 5px !important;
}

.board-card .elementor-icon-list-text{
    color: #ffffff !important;
    font-size: 14px;
    line-height: 1.4;
}

/* Divider */
.board-card .elementor-divider{
    padding-block: 22px !important;
}

.board-card .elementor-divider-separator{
    width: 100% !important;
    border-color: rgba(255,255,255,.25) !important;
    border-width: 1px !important;
}

/* Description */
.board-card .elementor-widget-text-editor{
    color: #ffffff !important;
    font-size: 14px;
    line-height: 1.45;
}

.board-card .elementor-widget-text-editor p{
    margin: 0 0 16px;
}

.board-card .elementor-widget-text-editor p:last-child{
    margin-bottom: 0;
}

/* Tablet */
@media (max-width: 1024px){
    .board-card{
        width: 500px !important;
        max-width: 50vw;
        padding: 42px !important;
    }
}

/* Mobile */
@media (max-width: 767px){
    .board-card{
        width: 100% !important;
        max-width: 100%;
        max-height: 52vh;
        padding: 28px 24px !important;
        border-radius: 12px;
    }

    .board-card .elementor-heading-title{
        font-size: 25px;
    }

    .board-card .elementor-icon-list-text,
    .board-card .elementor-widget-text-editor{
        font-size: 13px;
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-9e3e1e9 *//* =====================================
   BOARD OF DIRECTORS — MOBILE FINAL
===================================== */

@media only screen and (max-width: 767px) {

    /* Kawasan slider */
    .board-slider {
        position: relative !important;
        width: 100% !important;
        height: 100% !important;
        overflow: hidden !important;
    }

    .board-slider .board-slide {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        margin: 0 !important;
        overflow: hidden !important;
    }

    .board-slider
    .board-slide > .elementor-container {
        position: relative !important;
        width: 100% !important;
        max-width: none !important;
        height: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        display: block !important;
    }


    /* =====================================
       GAMBAR DIRECTOR
    ===================================== */

    .board-slider .board-photo {
        width: 100% !important;
        height: 100% !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    .board-slider
    .board-photo > .elementor-column-wrap,
    .board-slider
    .board-photo > .elementor-widget-wrap,
    .board-slider
    .board-photo .elementor-widget-container {
        width: 100% !important;
        height: 100% !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    .board-slider .board-photo img {
        display: block !important;

        width: 100% !important;
        height: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        object-fit: cover !important;
        object-position: center top !important;
    }


    /* =====================================
       KOTAK NAMA DIRECTOR
    ===================================== */

    .board-slider
    .board-slide
    .board-card {
        position: absolute !important;
        z-index: 30 !important;

        top: auto !important;
        right: 16px !important;
        bottom: 42px !important;
        left: 16px !important;

        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;

        height: 105px !important;
        min-height: 105px !important;
        max-height: 105px !important;

        margin: 0 !important;
        padding: 0 !important;

        border-radius: 12px !important;

        transform: none !important;
        overflow: hidden !important;

        box-sizing: border-box !important;
    }

    /* Wrapper dalam kotak */
    .board-slider
    .board-card > .elementor-column-wrap,
    .board-slider
    .board-card > .elementor-widget-wrap,
    .board-slider
    .board-card >
    .elementor-column-wrap >
    .elementor-widget-wrap {
        width: 100% !important;

        height: 105px !important;
        min-height: 105px !important;
        max-height: 105px !important;

        margin: 0 !important;

        /* Kurangkan ruang kosong atas nama */
        padding: 20px 16px 10px !important;

        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: center !important;

        box-sizing: border-box !important;
    }


    /* =====================================
       NAMA DIRECTOR
    ===================================== */

    .board-slider
    .board-card
    .elementor-widget-heading {
        width: 100% !important;
        margin: 0 0 3px !important;
        padding: 0 !important;
    }

    .board-slider
    .board-card
    .elementor-heading-title {
        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        font-size: 19px !important;
        line-height: 1.5 !important;
        font-weight: 700 !important;

        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
    }


    /* =====================================
       POSITION / JAWATAN
    ===================================== */

    .board-slider
    .board-card
    .elementor-widget-text-editor {
        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        color: rgba(255, 255, 255, 0.68) !important;

        font-size: 10px !important;
        font-weight: 500 !important;
        font-style: normal !important;
        line-height: 1.2 !important;

        letter-spacing: 0.25px !important;
        text-transform: uppercase !important;
    }

    .board-slider
    .board-card
    .elementor-widget-text-editor
    .elementor-widget-container {
        margin: 0 !important;
        padding: 0 !important;
    }

    .board-slider
    .board-card
    .elementor-widget-text-editor p {
        margin: 0 !important;
        padding: 0 !important;

        color: rgba(255, 255, 255, 0.68) !important;
    }


    /* =====================================
       DOT INDICATOR
    ===================================== */

.board-indicator {
    position: absolute !important;
    z-index: 60 !important;

    top: auto !important;
    right: auto !important;
    bottom: 18px !important;
    left: 50% !important;

    transform: translateX(-50%) !important;

    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 11px !important;
}

    .board-indicator::before {
        top: 50% !important;
        right: 8px !important;
        bottom: auto !important;
        left: 8px !important;

        width: auto !important;
        height: 1px !important;

        transform: translateY(-50%) !important;
    }

    .board-dot {
        width: 8px !important;
        height: 8px !important;
    }

    .board-dot.active {
        width: 13px !important;
        height: 13px !important;
    }
}/* End custom CSS */
/* Start custom CSS *//* SATU SECTION SAHAJA, TIADA 800VH */
.board-scroll-section{
    position: relative !important;
    width: 100% !important;
    height: calc(100vh - 77px) !important;
    min-height: calc(100vh - 77px) !important;

    padding: 0 !important;
    overflow: hidden !important;
}


.board-scroll-section > .elementor-container{
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
}

/* COLUMN YANG MEMEGANG SEMUA PROFILE */
.board-slider{
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    overflow: hidden !important;
}

.board-slider > .elementor-widget-wrap,
.board-slider > .elementor-column-wrap,
.board-slider > .elementor-column-wrap > .elementor-widget-wrap{
    position: relative !important;
    display: block !important;

    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;

    padding: 0 !important;
    overflow: hidden !important;
}

/* SEMUA INNER SECTION BERTINDIH */
.board-slider .board-slide{
    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;

    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: scale(1.02);

    transition:
        opacity .55s ease,
        visibility .55s ease,
        transform .8s ease;
}

.board-slider .board-slide > .elementor-container{
    width: 100% !important;
    max-width: 1200px !important;
    height: 100% !important;
    margin: 0 auto !important;

    display: flex !important;
    align-items: center !important;
}

/* PROFILE SEMASA */
.board-slider .board-slide.active{
    z-index: 5;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: scale(1);
}

/* CARD ANIMATION */
.board-slider .board-card{
    opacity: 0;
    transform: translateX(-35px);

    transition:
        opacity .5s ease .15s,
        transform .5s ease .15s;
}

.board-slider .board-slide.active .board-card{
    opacity: 1;
    transform: translateX(0);
}

/* HTML SCRIPT TAK GANGGU LAYOUT */
.board-slider .elementor-widget-html{
    position: absolute !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}

html.board-wheel-locked{
    overscroll-behavior: none;
}

/* Pastikan indicator ikut sticky board area */
.board-slider{
    position: relative;
}


/* =========================
   VERTICAL DOT INDICATOR
========================= */

.board-indicator{
    position: absolute;
    z-index: 50;

    top: 50%;
    right: 32px;
    transform: translateY(-50%);

    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
}


/* Garisan menegak */
.board-indicator::before{
    content: "";
    position: absolute;
    z-index: -1;

    top: 8px;
    bottom: 8px;
    left: 50%;
    transform: translateX(-50%);

    width: 1px;
    background: rgba(255,255,255,.3);
}


/* Dot biasa */
.board-dot{
    width: 9px;
    height: 9px;
    padding: 0;

    border: 1px solid rgba(255,255,255,.85);
    border-radius: 50%;

    background: rgba(15,20,17,.8);
    cursor: pointer;

    transition:
        width .3s ease,
        height .3s ease,
        background .3s ease,
        border-color .3s ease,
        box-shadow .3s ease;
}


/* Dot profile aktif */
.board-dot.active{
    width: 15px;
    height: 15px;

    background: #e05829;
    border-color: #e05829;

    box-shadow:
        0 0 0 4px rgba(224,88,41,.22),
        0 0 14px rgba(224,88,41,.55);
}


/* Hover */
.board-dot:hover{
    background: #e05829;
    border-color: #e05829;
}


/* Tablet */
@media (max-width: 1024px){
    .board-indicator{
        right: 18px;
    }
}/* End custom CSS */