/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.5.15,
* Autoprefixer: v10.5.0
* Browsers: last 4 version
*/

/*!
README - STYLEGUIDE BRIEFLY

Find the style by section component, using Find or CTRL + F
HEADER STYLE, BREADCRUMB STYLE, BANNER STYLE, CONTENT STYLE, LISTING STYLE, FOOTER STYLE

Make this stylesheet still readable and after using this file, dont forget to use beautify after development
Thankyou Whello Developer
*/

/* random */

.whbutton-wrapper:has(button.cta-whbutton) {
    display: none;
}

/* footer */

.footer-section {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
	-webkit-box-orient: horizontal !important;
	-webkit-box-direction: normal !important;
	-webkit-flex-direction: row !important;
	   -moz-box-orient: horizontal !important;
	   -moz-box-direction: normal !important;
	    -ms-flex-direction: row !important;
	        flex-direction: row !important;
}


.footer-section .footer-row-right,
.footer-section .footer-row-left {
    width: 100%;
}

.footer-row-right ul {
    list-style: none;
    padding-left: 0;
}

.footer-row-right .footer-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}


.footer-row-right .footer-menu .wpb_column.vc_col-sm-6:last-of-type {
    margin-left: 24px;
}

.footer-row-right .footer-menu .wpb_column.vc_col-sm-6:first-of-type {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 64px;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    width: 100%;
    max-width: 205px;
}

.footer-row-right .footer-submenu ul li:nth-child(n+7) {
    display: none;
}

.footer-row-right .footer-submenu.active ul li {
    display: list-item;
}

.footer-row-right .footer-submenu li,
.footer-row-right .footer-submenu li a,
.footer-row-right .footer-menu li a {
    font-size: var(--text-sm);
    font-weight: 700;
    line-height: var(--lineheight);
    color: var(--black-base);
}

.footer-row-right .footer-submenu li a,
.footer-row-right .footer-menu li a {
    position: relative;
    text-decoration: none;
}

.footer-row-right .footer-submenu li a:hover,
.footer-row-right .footer-menu li a:hover {
    color: var(--green-500);
}

.footer-row-right .footer-submenu li a::after,
.footer-row-right .footer-menu li a::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 2px;
    background-color: var(--green-500);
    
    -webkit-transform: scaleX(0);
    
        -ms-transform: scaleX(0);
    
            transform: scaleX(0);
    -webkit-transform-origin: left;
        -ms-transform-origin: left;
            transform-origin: left;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.footer-row-right .footer-submenu li a:hover::after,
.footer-row-right .footer-menu li a:hover::after {
    -webkit-transform: scaleX(1);
        -ms-transform: scaleX(1);
            transform: scaleX(1);
}




.footer-row-right .footer-submenu li,
.footer-row-right .footer-menu li {
    padding: 8px 0;
}

.footer-row-right .footer-submenu li+li,
.footer-row-right .footer-menu li+li {
    margin-top: 0;
}

.lees-meer-btn {
    margin-top: 8px;
    background: none;
    border: none;
    color: var(--green-500);
    cursor: pointer;
    padding: 0;
    font-weight: 700;
    font-size: var(--text-sm);
    font-family: var(--fontfamily-sans);
    text-decoration: underline;
}

.footer-content p a,
.copy-right-menu li a,
.copyright-left li a {
    color: var(--black-base);
    text-decoration: underline;
}

.footer-content p a:hover,
.copy-right-menu li a:hover,
.copyright-left li a:hover {
    color: var(--green-500);
}

.footer-row-left p {
    font-size: var(--text-sm);
    line-height: var(--lineheight);
}

.footer-content p:not(:has(strong)) {
    margin-top: 4px;
}

.copy-right-menu ul {
    list-style: none;
    padding-left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    gap: 24px;
}

.copy-right-menu ul li+li {
    margin-top: 0;
}

.copy-right-menu ul li {
    font-size: var(--text-sm);
    line-height: var(--lineheight);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.copyright-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}


/* banner */

.banner-content {
    position: relative;
    padding-bottom: 80px;
}

.bg-row .plyr--video .plyr__controls {
    display: none !important;
}

.section-banner {
    position: relative;
    height: 100%;
    min-height: 729px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.vc_row.bg-row {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.vc_row.bg-row .plyr-wrapper,
.vc_row.bg-row .plyr,
.vc_row.bg-row .plyr__video-wrapper {
    width: 100%;
    height: 100%;
}

.vc_row.bg-row .plyr__video-wrapper video {
    width: 100% !important;
    height: 100% !important;
    -o-object-fit: cover !important;
       object-fit: cover !important;
}

aside.questionnaire-result__sidebar h2 {
    color: #fff;
}

/* konten (banner-content) perlu di atas video */
.section-banner .banner-content {
    position: relative;
    z-index: 1;
}

.vc_row.bg-row .wpb_column,
.vc_row.bg-row .vc_column-inner,
.vc_row.bg-row .wpb_wrapper,
.vc_row.bg-row .media-label,
.vc_row.bg-row .media-label-wrapper,
.vc_row.bg-row .plyr-wrapper,
.vc_row.bg-row .plyr,
.vc_row.bg-row .plyr__video-wrapper {
    height: 100%;
}

/* ============================================= */
/* FIX: toggle video/image kosong di bg-row       */
/* ============================================= */

/* kalau source video kosong -> sembunyiin wrapper videonya */
.bg-row .wpb_wrapper > .media-label:has(video source[src=""]) {
    display: none;
}

/* kalau video ADA isinya -> gambar di-hide biar ga dobel muncul */
.bg-row .wpb_wrapper > .media-label:not(:has(video source[src=""])) + .wpb_single_image {
    display: none;
}

/* pas gambar yang aktif, bikin dia full-cover kayak video */
.bg-row .wpb_single_image,
.bg-row .vc_single_image-wrapper {
    position: absolute;
    inset: 0;
    margin: 0;
}

.bg-row .vc_single_image-img {
    width: 100% !important;
    height: 100% !important;
    -o-object-fit: cover !important;
       object-fit: cover !important;
}

/* wrapper gambar butuh relative biar overlay bisa nempel */
.bg-row .vc_single_image-wrapper {
    /* position: relative; */
    overflow: hidden;
}

/* turunin saturasi gambar aslinya */
.bg-row .vc_single_image-img {
    -webkit-filter: saturate(0);
            filter: saturate(0);
}

/* overlay gradient gelap dari kiri-bawah */
.bg-row .vc_single_image-wrapper::after {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(236deg, rgba(0, 0, 0, 0) 50.72%, rgba(0, 0, 0, 0.9) 76.27%),
        rgba(0, 0, 0, 0.2);
    opacity: 0.9;
}

/* ============================================= */


.col-users-count > .vc_column-inner > .wpb_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.col-users-count .wpb_single_image:nth-child(2),
.col-users-count .wpb_single_image:nth-child(3) {
    margin-left: -13px;
}

.col-users-count .wpb_text_column {
    margin-left: 16px;
    color: white;
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.col-users-count .wpb_text_column p strong {
    color: var(--green-200);
}

.row-user-count .col-users-count {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 16px;
    background: var(--white-200);
    border-radius: 48px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.row-user-count {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
}


.col-right-banner .col-right-text {
    color: white;
    margin-bottom: 24px;
}

.col-right-banner .col-right-text p {
    text-align: end;
    font-size: var(--text-md);
}

.col-right-banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
}

.col-right-banner > .vc_column-inner {
    width: 100%;
    max-width: 446px;
}

.col-right-banner .whbutton-wrapper {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
    margin-bottom: 24px;
}


.content-left-banner h1 {
    color: white;
    margin-bottom: 25px;
}

.content-left-banner h1 strong {
    color: var(--green-200);
}

.content-left-banner h3,
.content-left-banner h4 {
    font-family: var(--fontfamily-archivo);
    line-height: 110%;;
    letter-spacing: -4%;
    font-weight: 600;
    margin-bottom: 25px;
}


.content-left-banner h3 {
    color: white;
}

.content-left-banner h4 {
    color: #A3F029;
    font-size: 24px;
}

.content-left-banner p {
    color: white;
    position: relative;
    padding-left: 40px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.content-left-banner p::before {
    content: '';
    position: absolute;
    left: 5px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    
    width: 25px;  
    height: 25px;

    background-image: url('/wp-content/uploads/2026/06/logo-icon.svg');
    background-size: contain;
    background-repeat: no-repeat;
}


/* section over ons */

.over-ons-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.over-ons-content  .wpb_column.vc_col-sm-6:last-of-type {
    padding-left: 40px;
}

.vc_row.banner-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
}

 .over-ons-section .image-left img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover; 
    display: block;
    object-position: top;
}


.over-ons-section .image-left .wpb_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
}


.over-ons-section .image-left .vc_single_image-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.subheading-section p {
    position: relative;
    padding-left: 40px;
    padding-bottom: 5.5px;
    padding-top: 5.5px;
    padding-right: 17px;

    background-color:rgba(0, 0, 0, 0.05);
    border-radius: 54px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.subheading-section p strong {
    font-weight: 600 !important;
    line-height: 1.5;
}

.subheading-section p::before {
    content: '';
    position: absolute;
    left: 5px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    
    width: 25px;  
    height: 25px;

    background-image: url('/wp-content/uploads/2026/06/logo-icon.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.subheading-section h3 {
    margin-top: 16px;
    margin-bottom: 24px !important;
    font-weight: 600;
    letter-spacing: -0.48px;
    font-family: var(--fontfamily-archivo);

}

.green-list ul {
    list-style: none;
    margin: 0;
    padding: 0;

    margin-top: 32px;
}

.green-list ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 12px;
    padding-left: 0;
    margin-bottom: 16px;
}

.green-list ul li+li {
    margin-top: 0;
}

.green-list ul li::before {
    content: "";
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 24px;
    height: 24px;
    background-image: url('/wp-content/uploads/2026/07/ceklis.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}


.button-two-col > .wpb_column > .vc_column-inner > .wpb_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
}

.green-arrow .cta-whbutton {
    padding-bottom: 8px !important;
    padding-right: 10px !important;
}

.green-arrow .cta-whbutton .icon-cta {
    width: 32px;
    height: 32px;
}

.green-arrow .cta-whbutton .label-cta {
    margin-right: 10px;
    font-weight: 600;
}

.grey-btn .cta-whbutton {
    padding: 11.5px 24px;
}



/* SECTION - USP */

.row-usp.wpb_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}

.row-usp .vc_column_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.row-usp .vc_column-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
    width: 100%;
    max-width: 325px;
}

.row-usp .wpb_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

.row-usp .card-usp {
    padding: 32px 40px 40px 40px;
    background-color: #ffffff;
    border-radius: 16px;
    height: auto; 
    -webkit-box-sizing: border-box; 
            box-sizing: border-box;

    overflow: hidden;
}

.row-usp .card-usp:not(:last-of-type) {
    margin-right: 32px;
}

.row-usp .card-usp h4 {
    line-height: 120%;
    letter-spacing: -0.28px;
    font-size: 28px !important;
    padding-bottom: 24px;
    margin-bottom: 24px;
    position: relative;
}

.row-usp .card-usp h4::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(100% + 80px);
    height: 1px;
    background: rgba(0, 0, 0, 0.1);
    margin-left: -40px;
}

.row-usp .card-usp h4 strong {
    color: #84CA13;
}

.row-usp .card-usp p strong {
    font-size: 18px !important;
    line-height: 130%;
    letter-spacing: -0.18px;
    color: var(--black-base) !important;
}

.row-usp .card-usp p {
    line-height: 1.5;
    color: rgba(13, 12, 12, 0.6);
    margin-top: 16px;
}



/* SECTION - CALL OUT CTA */

.section-callout {
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
            background-color: #A3F029;
}



.section-callout .content-callout {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; 
    display: -webkit-box; 
    display: -ms-flexbox; 
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
            align-items: center;
}

.section-callout .content-callout .wpb_column,
.section-callout .content-callout .vc_column-inner,
.section-callout .content-callout > .wpb_column > .vc_column-inner > .wpb_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
            align-items: center;
}

.section-callout .cta-buttons {
    margin-top: auto;
}
/* 
.section-callout:before {
    content: "";
    background-color: #000000;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    z-index: 1;
} */

.section-callout .bg-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; 
    overflow: hidden;
    pointer-events: none;
    z-index: -1;
}

.section-callout .vc_single_image-wrapper,
.section-callout .wpb_single_image,
.section-callout .vc_column-inner,
.section-callout .bg-image > .wpb_column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
}

.section-callout .bg-image > .wpb_column > .vc_column-inner > .wpb_wrapper {
    height: 100%;
    width: 100%;
}

.section-callout .bg-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover; 
    -o-object-position: center; 
       object-position: center;
}

.section-callout .content-callout * {
    position: relative;
    z-index: 3;
}

.section-callout .content-callout h2 {
    color: var(--black-base);
    line-height: 120%;
    letter-spacing: -0.64px;
    text-align: center;
    margin-bottom: 24px;
}

.section-callout .content-callout h2 strong {
    color: var(--black-base);
}

.section-callout .content-callout p {
    color: var(--black-base);
    text-align: center;
    font-size: var(--text-md);
}


.cta-buttons > .wpb_column > .vc_column-inner > .wpb_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 16px;
}

.whbutton-fill--white-100 .cta-whbutton {
    padding-bottom: 8px;
    padding-right: 10px;
}

.whbutton-fill--white-100 .cta-whbutton .icon-cta {
    width: 32px;
    height: 32px;
}

.whbutton-fill--white-100 .cta-whbutton .label-cta {
    color: #ffffff;
    margin-right: 10px;
}



/* SECTION - AANPAK */

.section-aanpak .subheading-section .wpb_text_column > .wpb_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    max-width: 768px;
}

.section-aanpak .subheading-section .wpb_text_column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 56px;
}

.section-aanpak .green-list ul {
    margin-top: 24px;
}


.section-aanpak .tabs-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
}


.section-aanpak .whbutton-wrapper {
    border-radius: 54px;
}

.section-aanpak .whbutton-wrapper .cta-whbutton .icon-cta {
    width: 32px;
    height: 32px;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.section-aanpak .whbutton-wrapper .cta-whbutton:hover .icon-cta {
    -webkit-transform: translateX(6px);
        -ms-transform: translateX(6px);
            transform: translateX(6px);
}

.section-aanpak .whbutton-wrapper:first-of-type {
    background-color: var(--green-200);
}


.section-aanpak .whbutton-wrapper:first-of-type .cta-whbutton .label-cta {
    margin-right: 10px;
}

.section-aanpak .whbutton-wrapper:first-of-type .cta-whbutton {
    padding-bottom: 8px;
    padding-right: 10px;
    border: none;
}

.section-aanpak .whbutton-wrapper:nth-of-type(2) .cta-whbutton .label-cta {
    line-height: 1.5;
    margin: 0;
}

.section-aanpak .whbutton-wrapper:nth-of-type(2) {
    background-color: var(--grey);
}

.section-aanpak .whbutton-wrapper:nth-of-type(2):hover {
    background-color: var(--gray-300);
}

.section-aanpak .whbutton-wrapper:nth-of-type(2) .cta-whbutton {
    padding: 11.5px 24px;
}

.section-aanpak .whbutton-wrapper:nth-of-type(2) .cta-whbutton .icon-cta {
    display: none;
}


/* SECTION - VIDEO COURSE CTA  */

.row-content-course {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 16px;
    position: relative;
    overflow: hidden;
    color: white;
}

.row-content-course .wpb_column:first-of-type {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.row-content-course .wpb_column:last-of-type > .vc_column-inner .vc_figure {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    height: 100%;
}

.row-content-course .wpb_column:last-of-type > .vc_column-inner > .wpb_wrapper .vc_single_image-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}

.row-content-course .wpb_column:last-of-type .vc_single_image-wrapper img {
    -o-object-position: top;
       object-position: top;
    max-width: 568px;
}

.row-content-course .wpb_column:first-of-type > .vc_column-inner > .wpb_wrapper {
    padding: 42px 40px 42px 64px;
}

.row-content-course .subheading-section {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}

.row-content-course .subheading-section > .wpb_wrapper {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
}

.row-content-course h3 strong {
    color: var(--green-200);
}

.row-content-course form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    gap: 16px;
}

.row-content-course .gform_footer .gform_button {
    background-color: var(--green-200);
    border-radius: 54px;
    border: none;
    line-height: 1.5;
    color: var(--black-base);
    font-weight: 600;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.row-content-course .gform_body input {
    padding: 11px 21px;
    background-color: rgba(225, 225, 225, 0.1);
    border: 1px solid #9DA3AE;
    color: white;
    border-radius: 54px;
    line-height: 1.5;
    font-weight: 400;
}

.row-content-course .gform_body input::-webkit-input-placeholder {
    color: white;
}

.row-content-course .gform_body input::-moz-placeholder {
    color: white;
}

.row-content-course .gform_body input:-ms-input-placeholder {
    color: white;
}

.row-content-course .gform_body input::-ms-input-placeholder {
    color: white;
}

.row-content-course .gform_body input::placeholder {
    color: white;
}

.row-content-course .gform_fields .gfield {
    margin-bottom: 0;
}

.row-content-course .gform_body {
    width: 100%;
    max-width: 303px;
}


/* SECTION - 21 Dagen tryout */

.row-content-dagen {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.row-content-dagen .col-sticky-content {
    color: #ffffff;
    width: 100%;
    max-width: 510px;
}

.row-content-dagen .col-paralax {
    width: 100%;
}

.row-content-dagen .col-paralax > .vc_column-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding-left: 80px;
}

.row-content-dagen .col-paralax > .vc_column-inner > .wpb_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;

    width: 100%;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    position: relative;
    height: 1326px;
}


/* bagian kiri section 21 dagen */

.row-content-dagen .col-sticky-content h2 {
    --text-3xl: 52px;
    margin-bottom: 24px;
}

.row-content-dagen .col-sticky-content h2 strong {
    color: var(--green-200);
}

.row-content-dagen .col-sticky-content p:has(strong) {
    margin-bottom: 16px;
}

.row-content-dagen .col-sticky-content p:not(:has(strong)) {
    font-size: 18px;
    font-weight: 400;
}


/* bagian kanan section 21 dagen */

.sessie-card {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    position: relative;
}
.sessie-card > .wpb_column {
    background-color: #F2F2F2;
    border-radius: 16px;

    width: 100%;
    max-width: 610px;
    margin-top: 42px;
    position: relative;

}


.sessie-card>.wpb_column:after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 100%;
    background: #232a19;
    position: absolute;
    top: 95%;
    z-index: -1;
}

.sessie-card > .wpb_column > .vc_column-inner {
    padding: 32px !important;
}

.sessie-card h4 {
    margin: 16px 0 !important;
}


.row-content-dagen .sessie-card::after {
    content: "";
    position: absolute;
    left: -74px;
    top: 42px;
    height: 92%;
    width: 3px;
    background: rgba(255, 255, 255, 0.15);
    z-index: 1;
}

.row-content-dagen .sessie-card::before {
    content: "";
    position: absolute;
    left: -79px;
    top: 86px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #a6ff00;
    z-index: 2;
    -webkit-box-shadow: 0 0 0 8px #232A19;
            box-shadow: 0 0 0 8px #232A19;
}



.row-content-dagen .col-sticky-content .vc_column-inner {
    padding-bottom: 36px;
}


/* FAQ SETTING */

.listing-faq.accordion-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
    gap: 16px;
        
}

.listing-faq .faq-item {
    background-color: #f4f4f4f4;
    border-radius: 16px;
}

.listing-faq .faq-item.active{
    padding-bottom: 24px;
}

.listing-faq .faq-answer {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    transition: max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    padding: 0 32px;
}

.listing-faq .faq-item.active .faq-answer {
    max-height: 300px; 
    padding: 0 32px 0 32px;
}


.listing-faq .faq-item .faq-question {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 20px 32px;
    background-color: #F4F4F4;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 16px;
    width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.listing-faq .faq-item.active .faq-question {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.listing-faq .faq-question .faq-question-text {
    font-weight: 700;
    line-height: 150%;
    font-size: 18px;
    color: var(--black-base);
    text-align: start;
}

.listing-faq .faq-icon {
    width: 32px;
    height: 32px;
    background-image: url('/wp-content/uploads/2026/07/arrow-up.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    transition: -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
    -webkit-transform-origin: center;
        -ms-transform-origin: center;
            transform-origin: center;
    margin-left: 24px;
}

.listing-faq .faq-item.active .faq-icon {
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg); 
}

/* FAQ LAYOUT */


.heading-description h2 {
    font-weight: 600;
    line-height: 120%; 
    letter-spacing: -0.52px;
    font-family: var(--fontfamily-archivo);
    margin-bottom: 24px;
}

.heading-description p {
    font-size: 18px;
    line-height: 1.5;
}


.heading-description .whbutton-wrapper {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
}

.section-faq .content-faq {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.section-faq .content-faq .vc_col-sm-6:first-of-type {
    margin-right: 40px;
    width: 100%;
    max-width: 500px;
}

.section-faq .content-faq .vc_col-sm-6:last-of-type {
    margin-left: 40px;
    width: 100%;
}




/* review layout */

.vc_section.review-section {
    position: relative;
    padding: 0 64px;
}

.row-review .ti-rating-text:first-of-type {
    display: none !important;
}

.row-review .ti-fade-container {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    background: #f4f4f4;
    padding: 16px 12px !important;
    border-radius: 89px;

    cursor: pointer;
}


.row-review .ti-fade-container .ti-large-logo {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    margin-top: 0 !important;
}

.row-review .ti-fade-container .ti-rating-text:nth-of-type(2) {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: 8px;

}

.row-review .ti-fade-container .ti-stars {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin: 0  16px !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.row-review .ti-widget.ti-goog .ti-widget-container:not(.ti-col-1) .ti-footer {
    margin: 0 !important;
    max-width: 300px !important;
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 300px !important;
            flex: 0 0 300px !important
}

.row-review .ti-widget.ti-goog .star-lg .ti-star {
    width: 20px !important;
    height: 19px !important;
}

.row-review .ti-large-logo img {
    content: url("http://van-cleef.whellostaging.id/wp-content/uploads/2026/07/google.svg");
    width: 24px !important;
    height: 24px !important;
}

.row-review .ti-widget.ti-goog .ti-large-logo img {
    max-width: 60px !important;
    top: 0px;
}


.row-review .ti-widget.ti-goog .ti-widget-container {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
}

.row-review .ti-widget.ti-goog {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.row-review .ti-widget.ti-goog .ti-footer {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100% !important;
}

/* kiri */
.row-review .ti-widget.ti-goog .ti-reviews-container::after {
    content: '';
    position: absolute;
    top: 0;
    left: -2px;
    width: 126px;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, color-stop(31%, rgba(255,255,255,1)), to(rgba(255,255,255,0)));
    background: linear-gradient(to right, rgba(255,255,255,1) 31%, rgba(255,255,255,0) 100%);
    pointer-events: none;
    z-index: 2;
}

/* kanan */
.row-review .ti-widget.ti-goog .ti-reviews-container::before {
    content: '';
    position: absolute;
    top: 0;
    right: -2px;
    width: 126px;
    height: 100%;
    background: -webkit-gradient(linear, right top, left top, color-stop(31%, rgba(255,255,255,1)), to(rgba(255,255,255,0)));
    background: linear-gradient(to left, rgba(255,255,255,1) 31%, rgba(255,255,255,0) 100%);
    pointer-events: none;
    z-index: 2;
}


.row-review .ti-widget.ti-goog .ti-widget-container,
.row-review .ti-widget.ti-goog .ti-col-1 .ti-reviews-container, 
.row-review .ti-widget.ti-goog .ti-col-1 .ti-footer {
    margin-bottom: 0 !important;
}

.row-review .ti-widget.ti-goog .ti-controls-line {
    display: none !important;
}

.row-review .ti-fade-container {
    margin-bottom: 32px !important;
    padding-right: 24px !important;
}

.row-review .ti-widget.ti-goog .ti-reviews-container-wrapper {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}









/* CONTACT PAGE */

.heading-contact-title {
    display: flex;
    justify-content: center;
    align-items: center;
}

.heading-contact-title .subheading-section > .wpb_wrapper {
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
}
.heading-contact-title .subheading-section h2 {
    color: #ffffff;
    margin: 16px 0;
    letter-spacing: -4%;
    line-height: 120%;
    font-family: var(--fontfamily-archivo);
    font-weight: 600;
}

.heading-contact-title .subheading-section h2 strong {
    color: var(--green-200);
}

.heading-contact-title .wpb_text_column p {
    color: #ffffff;
}

.row-card-contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.row-card-contact .vc_col-sm-4 {
    background-color: rgba(224,224,224, 0.1);
    border-radius: 8px;
    color: #ffffff;
    max-width: 271.33px;
}

.row-card-contact .vc_col-sm-4 > .vc_column-inner {
    padding: 15px 43px !important;
}

.row-card-contact .title-icon h4{
    margin-top: 4px;
    margin-bottom: 4px;
    font-size: 20px;
    letter-spacing: -1%;
    line-height: 130%;
}
.row-card-contact .contact-detail p a {
    color: #ffffff;
    text-decoration: underline;
    margin-bottom: 4px;
    font-weight: 400;
    font-size: 13px;
}

.row-card-contact .title-icon {
    position: relative;
    padding-left: 40px; 
}

.row-card-contact .title-icon::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 26px;
    height: 26px;
    background-size: contain;
    background-repeat: no-repeat;
}

/* EMAIL */
.row-card-contact .title-icon.icon-mail::before {
    background-image: url("/wp-content/uploads/2026/07/mail.svg");
}

/* PHONE */
.row-card-contact .title-icon.icon-phone::before {
    background-image: url("/wp-content/uploads/2026/07/call.svg");
}

/* MAPS */
.row-card-contact .title-icon.icon-maps::before {
    background-image: url("/wp-content/uploads/2026/07/maps.svg");
}




/* GREEN CARD SECTION TEMPLATE*/

.vc_section.green-card-section {
    background-color: #232A19;
    color: #ffffff;
}

.green-card-section .green-card-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.green-card-section .green-card-content .vc_col-sm-4 {
    background-color: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 16px;
}

.green-card-section .green-card-content .vc_col-sm-4:not(:last-of-type) {
    margin-right: 16px;
}

.green-card-section .green-card-content .vc_col-sm-4 .vc_column-inner {
    padding: 24px;
}

.green-card-section .green-card-content .greencard-text h4 {
    margin: 16px 0;
    font-size: 18px;
    font-weight: 600;
    line-height: 18.2px;

    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.green-card-section .green-card-content .greencard-text h4 strong {
    color: var(--green-200);
}

.green-card-section .green-card-content .greencard-text p {
    color: rgba(255, 255, 255, 0.70);
    font-size: 14px;
    line-height: 18px;

    display: -webkit-box;
    -webkit-line-clamp: 5; 
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.green-card-section .green-card-content .greencard-icon img {
    width: 20px;
    height: 20px;
}



/* formulier contact SECTION */

.contact-formulier-section {
    position: relative;
    background: url(/wp-content/uploads/2026/07/788a5c60b47809f179d4f6f5dc58eb8e7a727b28.png);
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.contact-formulier-section::after {
    content: "";
    position: absolute;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.contact-formulier-section .content-contact-formulier > .wpb_column > .vc_column-inner > .wpb_wrapper {
    background-color: #ffffff;
    padding: 53px 44px;
    border-radius: 24px;
    position: relative;
    z-index: 3;
    max-width: 674px;
}

.contact-formulier-section .content-contact-formulier > .wpb_column > .vc_column-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.contact-formulier-section .content-contact-formulier .title-heading {
    margin-bottom: 32px;
}

.contact-formulier-section .content-contact-formulier .title-heading h3 {
    margin-bottom: 24px;
    font-family: var(--fontfamily-archivo);
}

.content-two-card h4 {
    font-family: var(--fontfamily-archivo);
    font-size: 24px;
    line-height: 1.5;
    text-align: start;
    margin-bottom: 32px !important;
}

.content-two-card .gform_button::after {
    display: none !important;
}

.contact-formulier-section .content-contact-formulier input,
.contact-formulier-section .content-contact-formulier textarea,
.content-two-card input {
    border: none !important;
    background-color: rgba(13, 12, 12, 0.05);
    border-radius: 12px;
    padding: 12px;
    line-height: 1.5;
}

.contact-formulier-section .content-contact-formulier input[type="checkbox"],
.content-two-card input[type="checkbox"] {
    border-radius: 4px;
    width: 18px;
    height: 18px;
    margin: 0;
}

.contact-formulier-section .content-contact-formulier .gfield_checkbox label,
.content-two-card .gfield_checkbox label {
    margin-top: 2px;
}

.contact-formulier-section .content-contact-formulier .gfield .gfield_label,
.content-two-card .gfield .gfield_label {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 8px;
    font-weight: 400;
    text-align: start;
}

.contact-formulier-section .content-contact-formulier textarea::-webkit-input-placeholder {
    font-size: 16px;
    line-height: 1.5;
    color: rgba(13, 12, 12, 0.6);
}

.contact-formulier-section .content-contact-formulier textarea::-moz-placeholder {
    font-size: 16px;
    line-height: 1.5;
    color: rgba(13, 12, 12, 0.6);
}

.contact-formulier-section .content-contact-formulier textarea:-ms-input-placeholder {
    font-size: 16px;
    line-height: 1.5;
    color: rgba(13, 12, 12, 0.6);
}

.contact-formulier-section .content-contact-formulier textarea::-ms-input-placeholder {
    font-size: 16px;
    line-height: 1.5;
    color: rgba(13, 12, 12, 0.6);
}

.contact-formulier-section .content-contact-formulier textarea::placeholder {
    font-size: 16px;
    line-height: 1.5;
    color: rgba(13, 12, 12, 0.6);
}
.contact-formulier-section .content-contact-formulier .gform_fields .gfield,
.content-two-card .gform_fields .gfield {
    margin-bottom: 24px;
}

.contact-formulier-section .content-contact-formulier .gform_button,
.content-two-card .gform_button {
    background-color: var(--green-500);
    border-radius: 100px;
    border: none !important;
    padding: 10px 24px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.contact-formulier-section .content-contact-formulier .gform_button:hover {
    background-color: var(--green-600);
}

.contact-formulier-section .content-contact-formulier .gform_button::after {
    display: none;
}

.contact-formulier-section .content-contact-formulier .gform_wrapper .gform_footer {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 16px;
}

.contact-formulier-section .content-contact-formulier .gfield_checkbox .gchoice,
.content-two-card .gfield_checkbox .gchoice {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
}

.contact-formulier-section .gfield--type-choice .gform-field-label a {
    text-decoration: underline;
    color: #95D430;
}


/* 21 dagen page */

.heading-section-page {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.heading-section-page .subheading-section {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.heading-section-page .subheading-section h1 {
    margin: 24px 0;
}

.heading-section-page .subheading-section .wpb_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.heading-section-page .subheading-section h2,
.subheading-section h2 {
    margin: 24px 0 !important;
    letter-spacing: -1%;
    line-height: 120%;
}

.heading-section-klant .subheading-section h2 {
    margin-bottom: 24px !important;
}

/* ====== TOGGLE: video kosong vs ada isi ====== */

/* video source kosong -> sembunyiin wrapper video */
.video-review-banner .video-row .wpb_wrapper > .media-label:has(video source[src=""]) {
    display: none;
}

/* video ADA isinya -> gambar di-hide biar ga dobel */
.video-review-banner .video-row .wpb_wrapper > .media-label:not(:has(video source[src=""])) + .wpb_single_image {
    display: none;
}

/* ====== base video styling (tetap sama) ====== */

.video-review-banner .video-row .media-label-wrapper {
    height: 628px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.video-review-banner .video-row .media-label-wrapper::after {
    content: "";
    position: absolute;
    bottom: -2px;
    right: -2px;
    width: 340px;
    height: 104px;
    background: url(/wp-content/uploads/2026/07/lekung.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
}

.video-review-banner .video-row .media-label-wrapper .plyr__video-wrapper video {
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
}

.video-review-banner .plyr-wrapper.aspect-ratio-16_8 {
    width: 100% !important;
}

.video-review-banner .plyr__video-wrapper.plyr__video-embed {
    overflow: hidden;
}

.video-review-banner .plyr__video-wrapper.plyr__video-embed iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%) scale(1.2);
}

.video-review-banner .video-row .plyr--video {
    height: 100% !important;
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    border-bottom-left-radius: 24px;
}

.video-review-banner .video-row .ti-reviews-container {
    display: none !important;
}

.video-review-banner .video-row .row-review {
    position: absolute !important;
    right: 0;
    bottom: 0;
}

.video-review-banner .video-row .ti-widget.ti-goog .ti-widget-container,
.video-review-banner .video-row .ti-footer.ti-footer-grid.source-Google {
    margin: 0 !important;
}

/* ====== mode gambar: manual (.img) ATAU otomatis (video kosong) ====== */

.video-review-banner.img,
.video-review-banner:has(.media-label-wrapper .plyr__video-wrapper video source[src=""]) {
    margin: 0;
}

.video-review-banner.img .video-row > .wpb_column > .vc_column-inner,
.video-review-banner:has(.media-label-wrapper .plyr__video-wrapper video source[src=""]) .video-row > .wpb_column > .vc_column-inner {
    padding: 0;
}

.video-review-banner.img .video-row .wpb_single_image .vc_single_image-wrapper,
.video-review-banner:has(.media-label-wrapper .plyr__video-wrapper video source[src=""]) .video-row .wpb_single_image .vc_single_image-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.video-review-banner.img .video-row .vc_single_image-wrapper img,
.video-review-banner:has(.media-label-wrapper .plyr__video-wrapper video source[src=""]) .video-row .vc_single_image-wrapper img {
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    border-bottom-left-radius: 24px;
}

.video-review-banner.img .video-row .wpb_single_image,
.video-review-banner:has(.media-label-wrapper .plyr__video-wrapper video source[src=""]) .video-row .wpb_single_image {
    position: relative;
}

.video-review-banner.img .video-row .wpb_single_image::after,
.video-review-banner:has(.media-label-wrapper .plyr__video-wrapper video source[src=""]) .video-row .wpb_single_image::after {
    content: "";
    position: absolute;
    bottom: -2px;
    right: -2px;
    width: 340px;
    height: 104px;
    background: url(/wp-content/uploads/2026/07/lekung.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
}

.video-review-banner .plyr__controls {
    display: none;
}


.video-review-banner .plyr-wrapper.aspect-ratio-16_8 {
    width: 100% !important;
}

.video-review-banner .plyr__video-wrapper.plyr__video-embed {
  overflow: hidden;
}

.video-review-banner .plyr__video-wrapper.plyr__video-embed iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%) scale(1.2); /* tweak angka ini */
}


.video-row .wpb_single_image .vc_single_image-img {
    -webkit-filter: saturate(0);
            filter: saturate(0);
}





/* achivements section */

.row-bereikt > .wpb_column > .vc_column-inner > .wpb_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

.row-bereikt .counter-card > .wpb_column > .vc_column-inner {
    padding: 37px 50px;
    background-color: #F4F4F4;
    border-radius: 24px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.row-bereikt .counter-card > .wpb_column{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

.row-bereikt .counter-card {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

.row-bereikt .counter-card:not(:last-of-type) {
    margin-right: 26px;
}

.row-bereikt .counter-card h3,
.row-bereikt .counter-card p {
    text-align: center;
}

.row-bereikt .counter-card h3 {
    font-size: 44px;
    line-height: 120%;
    color: #95D430;
}

.row-bereikt .counter-card p {
    font-weight: 600;
    font-size: 22px;
    line-height: 140%;
    letter-spacing: -1%;
}

/* two columns with image on programs page */

.two-columns-image ul li {
    font-weight: 400;
    line-height: 1.5;
}

.two-columns-image ul li+li {
    margin-top: 16px;
}


.two-columns-image .wpb_single_image img {
    -o-object-fit: cover;
       object-fit: cover;
    height: 100%;
    -o-object-position: center;
       object-position: center;
    border-radius: 16px;
}

.description-row-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}




#post-404 .subheading-section > .wpb_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 24px;
    gap: 24px;
}

#post-404 .subheading-section {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

#post-404 .button-two-col > .wpb_column > .vc_column-inner > .wpb_wrapper {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

#post-404 .vc_section,
#post-404 .vc_row,
#post-404 .vc_column-inner {
    margin-left: 0 !important; 
    margin-right: 0 !important;
    padding-left: 0 !important; 
    padding-right: 0 !important;
}

.error404 .site-footer .vc_section,
.error404 .site-footer .vc_row,
.error404 .site-footer .vc_column-inner {
    margin-left: 0; 
    margin-right: 0;
    padding-left: 0 ; 
    padding-right: 0 ;
}


.vc_section.section-with-sidebar > .vc_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
}
.vc_section.section-with-sidebar .vc_col-sm-8,
.vc_section.section-with-sidebar .vc_col-sm-4 {
    background-color: #F4F4F4;
    border-radius: 24px;
}

.vc_section.section-with-sidebar .vc_col-sm-4 > .vc_column-inner {
    padding: 40px 27px;
}

.vc_section.section-with-sidebar .vc_col-sm-8 > .vc_column-inner {
    padding: 40px 48px;
}

.vc_section.section-with-sidebar .vc_col-sm-4 h4 {
    font-family: var(--fontfamily-archivo);
    font-weight: 600;
    font-size: 28px;
    line-height: 120%;
    letter-spacing: -1%;
    color: #050534;
    text-align: center;
    margin-bottom: 28px;
}

.vc_section.section-with-sidebar .vc_col-sm-4 .vc_single_image-wrapper {
    width: 142px; 
    height: 142px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto;
}

.vc_section.section-with-sidebar .vc_col-sm-4 .vc_single_image-wrapper img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: top;
       object-position: top; 
}

.vc_section.section-with-sidebar .vc_col-sm-4 .wpb_wrapper.vc_figure {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.vc_section.section-with-sidebar .vc_col-sm-4 .contact-info {
    margin-top: 24px;
    text-align: center;

}

.vc_section.section-with-sidebar .vc_col-sm-4 .contact-info a {
    color: var(--black-base);
    text-decoration: underline;
}

.vc_section.section-with-sidebar .vc_col-sm-4 .contact-info p+p {
    margin-top: 24px;
}

.vc_section.section-with-sidebar .vc_col-sm-8 h3 {
    font-family: var(--fontfamily-archivo);
    font-weight: 600;
    font-size: 28px;
    line-height: 120%;
    letter-spacing: -1%;
    color: #050534;
    margin-bottom: 24px;
}

.vc_section.section-with-sidebar .vc_col-sm-8 .list-number ul {
    list-style: none;
    padding: 0;
    margin: 0;
    counter-reset: step;
}

.vc_section.section-with-sidebar .vc_col-sm-8 .list-number ul li {
    position: relative;
    padding-left: 44px;
    margin-bottom: 32px;
    counter-increment: step;
}

.vc_section.section-with-sidebar .vc_col-sm-8 .list-number ul li::before {
    content: counter(step);
    position: absolute;
    left: 0;
    top: 4px;

    width: 24px;
    height: 24px;
    border-radius: 80px;

    background-color: #A3F029; 
    color: #050534;
    font-weight: 700;
    font-size: 14px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

/* spacing text */
.vc_section.section-with-sidebar .vc_col-sm-8 .list-number h4 {
    margin-bottom: 8px;
    line-height: 160%;
    letter-spacing: -1%;
    font-size: 20px;
}

.vc_section.section-with-sidebar .vc_col-sm-8 .list-number p {
    margin: 0;
    font-weight: 400;
    letter-spacing: -1%;
    line-height: 160%;
    color: rgba(27, 27, 52, 0.7);
    font-size: 16px;
}

.vc_section.section-with-sidebar .vc_col-sm-8 .whbutton-wrapper,
.vc_section.section-with-sidebar .vc_col-sm-4 .whbutton-wrapper {
    margin-top: 24px;
}

.vc_section.section-with-sidebar .vc_col-sm-8 .cta-whbutton,
.vc_section.section-with-sidebar .vc_col-sm-4 .cta-whbutton {
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.vc_section.section-with-sidebar .vc_col-sm-4 > .vc_column-inner {
    height: 100%;
}

.vc_section.section-with-sidebar .vc_col-sm-4 > .vc_column-inner > .wpb_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
}

.vc_section.section-with-sidebar .vc_col-sm-4 .vc_separator {
    margin-top: auto;
}

.bedankt-heading .subheading-section > .wpb_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 24px;
}

.bedankt-heading .subheading-section {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.vc_row.content-two-card {
    z-index: 4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    margin-left: -16px !important;
    margin-right: -16px !important;
}

.vc_row.content-two-card .vc_col-sm-6 {
    background-color: #FFFFFF;
    border-radius: 24px;
    padding: 53px 44px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.vc_row.content-two-card .vc_col-sm-6:first-of-type h3{
    line-height: 120%;
    letter-spacing: -5%;
    font-family: var(--fontfamily-archivo);
    margin-bottom: 24px;
}

.vc_row.content-two-card .vc_col-sm-6:first-of-type h3 strong {
    color: #84CA13;
}

.vc_row.content-two-card .vc_col-sm-6:first-of-type {
    margin-right: 16px;
}

.vc_row.content-two-card .vc_col-sm-6:last-of-type {
    margin-left: 16px;
}

.section-callout.banner-padding {
    height: 100% !important;
}


/* SINGLE PAGE */

.heading-single {
    padding-top: 112px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-bottom: 80px;
}

.heading-single .wrapper-heading {
    max-width: 768px;
}

.heading-single h2 {
    margin-bottom: 24px;
    font-weight: 600;
    text-align: center;
}

.heading-single .single-excerpt {
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 24px;
}

.heading-single .single-category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 8px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.heading-single .single-category a {
    padding: 4px 10px;
    background: var(--green-200);
    border-radius: 24px;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 700;
} 

.achievement-image .wrapper-image {
    height: 720px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    border-radius: 16px;
}

.achievement-image .wrapper-image img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    /* object-position: 50% 30%;
    transform: scale(1.2); */
}

.achievement-image {
    margin-bottom: 80px;
}

/* Default: desktop keliatan, mobile disembunyikan */
.achievement-image .image-desktop {
    width: 100%;
}

.achievement-image .image-mobile {
    display: none;
}


.achievement-data {
    background-color: #F4F4F4;
    border-radius: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 64px;
}

.achievement-data .wrapper-quote {
    max-width: 768px;
    text-align: center;
}

.achievement-data .achievement-quote h4 {
    font-weight: 400;
    font-size: 28px;
    margin-bottom: 32px;
}

.achievement-data .achievement-name {
    font-weight: 700;
}

.achievement-transformation {
    padding: 64px 0;
}

.achievement-transformation h4 {
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    line-height: 120%;
    margin-bottom: 40px;
}

.achievement-transformation .card-transformation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.achievement-transformation .card-transformation .transformation-item {
    background: #f4f4f4;
    padding: 37px 50px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 24px;
}

.achievement-transformation .transformation-item h3 {
    color: #95D430;
    font-size: 43.53px;
    line-height: 120%;
    margin-bottom: 12px;
}

.achievement-transformation .transformation-item p {
    font-size: 21.76px;
    line-height: 140%;
    font-weight: 600;
    letter-spacing: -1%;
}

.achievement-transformation .transformation-item:not(:last-of-type) {
    margin-right: 16px;
}

.panel-transformation .transformation-cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
}


.col-sticky-sidebar > .vc_column-inner > .wpb_wrapper {
    max-width: 468px;
}

.col-sticky-sidebar > .vc_column-inner {
    padding-right: 36px;
}

.col-sticky-sidebar .sidebar-info {
    background-color: #F4F4F4;
    padding: 40px;
    border-radius: 16px;
}

.col-sticky-sidebar h3 {
    font-family: var(--fontfamily-archivo);
    letter-spacing: -1%;
    font-weight: 600;
    line-height: 120%;
}

.col-sticky-sidebar .sidebar-info h4 {
    font-family: var(--fontfamily-archivo);
    letter-spacing: -1%;
    font-weight: 600;
    line-height: 120%;
    font-size: 32px;
    margin-bottom: 24px;
}

.col-sticky-sidebar .sidebar-info .whbutton-wrapper {
    margin-top: 24px;
    margin-right: 16px;
}

.col-sticky-sidebar .sidebar-info .whbutton-wrapper:last-of-type {
    margin-top: 8px;
}

.col-sticky-sidebar .sidebar-info .whbutton-wrapper:last-of-type .cta-whbutton {
    background-color: rgba(0, 0, 0, 0.1);
}

.vc_row.content-single .vc_col-sm-7 .vc_single_image-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.vc_row.content-single .vc_col-sm-7 .vc_single_image-wrapper img {
    border-radius: 16px;
}

.vc_row.content-single .vc_col-sm-7 .wpb_single_image {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    margin-top: 48px;
    margin-bottom: 64px;
}

.vc_row.content-single .vc_col-sm-7 .wpb_single_image h2 {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    padding-left: 10px;
    position: relative;

    margin-top: 8px;
    margin-bottom: 0;
} 

.vc_row.content-single .vc_col-sm-7 .wpb_single_image h2:before {
    content: "";
    background-color: #95D430;
    width: 2px;
    height: 21px;
    position: absolute;
    left: 0;
    top: 0;

}






.related-blog-section .slick-prev:before,
.related-blog-section .slick-next:before {
  display: none;
}


.related-blog-section .slick-prev,
.related-blog-section .slick-next {
  position: absolute;
  bottom: 0;
  top: auto !important;
  left: auto !important;
  -webkit-transform: none !important;
      -ms-transform: none !important;
       transform: none !important;

  width: 48px;
  height: 48px;
  border-radius: 100px;
  background-color: #F2F2F2;

  display: -webkit-box !important;

  display: -ms-flexbox !important;

  display: flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;

  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px;

  border: none;
  cursor: pointer;
}


.related-blog-section .slick-next {
  right: 0;
  background-image: url('/wp-content/uploads/2026/07/arrow_forward.svg');
}


.related-blog-section .slick-prev {
  right: 64px; 
  background-image: url('/wp-content/uploads/2026/07/arrow_forward.svg');
  -webkit-transform: rotate(180deg) !important;
      -ms-transform: rotate(180deg) !important;
       transform: rotate(180deg) !important;
  opacity: 1 !important;
}

.related-blog-section .slick-prev.slick-disabled,
.related-blog-section .slick-next.slick-disabled {
    opacity: .5 !important;
    pointer-events: none;
}



.related-blog-section .slick-dots {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.related-blog-section .listing.slick-slider .listing-item.slick-slide:first-child {
    margin-left: -16px;
}

.related-blog-section .listing.slick-slider .slick-list {
    padding-bottom: 48px !important;
}

.related-blog-section .related-tiitle h3 {
    font-family: var(--fontfamily-archivo);
    font-weight: 600;
    margin-bottom: 24px;
}

.related-blog-section .related-tiitle p {
    margin-bottom: 18px;
}

.related-blog-section .listing-item .content-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-top: 24px;
}

.related-blog-section .listing-item .content-item h4 {
    font-size: 28px;
    line-height: 140%;
    letter-spacing: -1%;
    margin-bottom: 16px;
}

.related-blog-section .listing-item .content-item .cta-meta {
    font-size: 14px;
    font-weight: 700;
    padding: 4px 10px;
    background-color: var(--green-500);
    border-radius: 24px;
}

.related-blog-section .listing-item .content-item .cta-meta-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 16px;
}



/* =========================
   TAB PANEL (bagian atas)
   ========================= */

.listing-type-tab .tab-panel-wrapper {
    position: relative;
}

.listing-type-tab .tab-panel {
    display: none;
    background-color: #ffffff;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    padding: 48px 40px;
    /* gap: 80px;
    grid-template-columns: 280px 1fr auto; */
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
}

.listing-type-tab .tab-panel.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
}

.listing-type-tab .tab-panel .panel-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;

    width: 100%;
    max-width: 348px;
}

/* IMAGE */
.listing-type-tab .panel-image img {
    width: 100%;
    height: auto;
    border-radius: 12px;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
}

/* QUOTE + NAME + ORIGIN */
.listing-type-tab .panel-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 16px;
    height: 100%;
    margin-left: 80px;
    margin-right: 40px;
}

.listing-type-tab .panel-quote h4{
    font-size: 24px;
    font-weight: 600;
    line-height: 140%;
    letter-spacing: -1%;
    margin-bottom: 32px;
}

.listing-type-tab .panel-quote p {
    margin: 0;
}

.listing-type-tab .panel-name {
    font-weight: 700;
    line-height: 1.5;
}

.listing-type-tab .panel-origin {
    font-weight: 400;
    line-height: 1.5;
}


.listing-type-tab .panel-content a.panel-cta {
    border-radius: 54px;
    background-color: #f4f4f4;
    padding: 8px 21px;
    font-weight: 600;
    line-height: 1.5;
    margin-top: 32px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.listing-type-tab .panel-content a.panel-cta:hover {
    background-color: var(--gray-300);
}

/* TRANSFORMATION STATS (kanan) */
.listing-type-tab .panel-transformation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
    min-width: 169px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.listing-type-tab .panel-transformation p {
    font-size: 18px;
}
.listing-type-tab .transformation-item {
    background-color: #f4f4f4;
    border-radius: 16px;
    padding: 24px 32px;
    text-align: center;
}

.listing-type-tab .transformation-item h3 {
    margin-bottom: 8px;
    font-size: 28px;
    font-weight: 700;
    color: #95D430; 
}

.listing-type-tab .transformation-item p {
    font-size: 14px;
    font-weight: 600;
}

/* =========================
   TAB LIST (bagian bawah)
   ========================= */

.listing-type-tab .tab-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #e5e5e5;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
    overflow: hidden;
    width: 100%;
}

.listing-type-tab .tab-trigger {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px;
    padding: 24px 32px;
    background: none;
    border: none;
    border-right: 1px solid #e5e5e5;
    cursor: pointer;
    text-align: left;
    -webkit-transition: background-color 0.2s ease;
    transition: background-color 0.2s ease;
}

.listing-type-tab .tab-trigger:last-child {
    border-right: none;
}

.listing-type-tab .tab-trigger:hover {
    background-color: #f9f9f9;
}

.listing-type-tab .tab-trigger.active {
    background-color: #ffffff;
}

.listing-type-tab .trigger-avatar img {
    width: 58px;
    height: 57px;
    border-radius: 50%;
    -o-object-fit: cover;
       object-fit: cover;
    display: block;
}

.listing-type-tab .trigger-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 2px;
}

.listing-type-tab .trigger-name {
    font-weight: 700;
    font-size: 16px;
    
    color: var(--black-base);
}

.listing-type-tab .tab-trigger:not(.active) .trigger-name,
.listing-type-tab .tab-trigger:not(.active) .trigger-origin,
.listing-type-tab .tab-trigger:not(.active) .trigger-avatar {
    opacity: 0.5; /* efek "pudar" buat yg gak active, kayak di screenshot */
}

.listing-type-tab .trigger-origin {
    font-size: 16px;
    color: var(--black-base);
}



.succesverhalen-section .subheading-section .wpb_text_column > .wpb_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.succesverhalen-section .listing {
    margin: 0 !important;
}

.heading-section-klant .content-filter .subheading-section {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.heading-section-klant .content-filter .subheading-section > .wpb_wrapper {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
            display: flex;
    flex-direction: column;
}

.heading-section-klant .content-filter >.wpb_column > .vc_column-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.heading-section-klant .content-filter >.wpb_column > .vc_column-inner > .wpb_wrapper {
    max-width: 768px;
}

.filter-container .content-filter .whfilter_form .meta-radio-group{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.vc_section.heading-section-klant {
    position: relative;
    overflow: hidden;
}


.filter-container .meta-radio-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 8px;
}

.filter-container .meta-radio-group label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 10px 20px;
    background-color: #f4f4f4;
    border-radius: 999px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    color: var(--black-base);
    -webkit-transition: background-color 0.2s ease, color 0.2s ease;
    transition: background-color 0.2s ease, color 0.2s ease;
    white-space: nowrap;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

/* Sembunyiin radio button aslinya, tapi tetap ada di DOM & functional */
.filter-container .meta-radio-group .meta-input {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    pointer-events: none;
}

/* State aktif: radio yg checked -> styling label sibling-nya */
.filter-container .meta-radio-group .meta-input:checked + span {
    color: var(--black-base);
}

.filter-container .meta-radio-group label:has(.meta-input:checked) {
    background-color: #A3F029; /* warna hijau, sesuaikan sama brand */
}

/* Hover state buat yg belum active */
.filter-container .meta-radio-group label:not(:has(.meta-input:checked)):hover {
    background-color: rgba(13, 12, 12, 0.05);
}


.col-result-blog .info-results {
    display: none;
}

.col-result-blog .whfilter-overview {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
}


.col-result-blog .whfilter-overview .listing-item h4 {
    font-size: 24px;
    line-height: 140%;
    letter-spacing: -1%;
    margin-bottom: 16px;
    margin-top: 24px;
}

.col-result-blog .whfilter-overview .category-listing {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.col-result-blog .whfilter-overview .category-listing a {
    padding: 4px 10px;
    background-color: var(--green-200);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
    border-radius: 24px;
}

.col-result-blog .whfilter-overview .thumbnail-item {
    border-radius: 16px;
}

.col-result-blog .whfilter-overview .image-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 624px;
    height: 351px;
}

.col-result-blog .whfilter-overview .image-wrapper img {
    -o-object-position: top;
       object-position: top;
    -webkit-transition: -webkit-transform 0.4s ease;
    transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;
    transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}

.listing-item:hover .image-wrapper img {
    -webkit-transform: scale(1.03);
        -ms-transform: scale(1.03);
            transform: scale(1.03);
}

.col-result-blog .listing>.listing-item {
    margin-bottom: 98px;
}

.col-result-blog .listing>.listing-item > .listitem-wrapper > a {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
}



.col-result-blog .load-more-btn {
    padding: 8px 10px 8px 16px;
    background-color: #F4F4F4;
    border-radius: 54px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 12px;
    border: none;
    cursor: pointer;
}

.col-result-blog .load-more-text {
    font-size: 14px;
    font-weight: 600;
    color: var(--black-base);
}

.col-result-blog .load-more-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 32px;
    height: 32px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}

.col-result-blog .load-more-icon img {
    width: 100%;
    height: 100%;
    display: block;
}


.col-users-count a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 0;
}

.ti-review-item.source-Google .ti-stars {
    display: none !important;
}

.row-review .ti-widget.ti-goog .ti-platform-icon {
    left: 0 !important;
    right: unset !important;
}

.row-review .ti-widget.ti-goog .ti-widget-container .ti-name {
    padding-left: 30px;
    padding-right: unset !important;
}

.row-review .ti-review-header {
    margin-bottom: 8px !important;
}


.whfilter-loading {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-color: rgba(0, 0, 0, 0.4); /* overlay gelap transparan, sesuaikan opacity */
    z-index: 100;
}

/* Sesuaikan selector-nya kalau ketemu class asli spinner-nya */
.whfilter-overview svg {
    width: 60px;
    height: 60px;
}

.whfilter-overview svg circle {
    stroke: #16a34a; /* ganti warna sesuai brand, misal hijau kayak di screenshot */
}

.whfilter-overview.loading .ajax-response {
    opacity: 0.4; /* redupin listing card di belakang pas loading */
    pointer-events: none;
}

.ajaxloading {
    position: absolute;
    top: 30px; 
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    z-index: 100;
}





/* =========================
  team section
   ========================= */

.heading-section-team .subheading-section,
.heading-section-team .subheading-section > .wpb_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;

}

.heading-section-team .subheading-section h2 {
    margin-bottom: 24px;
}

/* ============================================
   MEMBER TEAM SECTION
   ============================================ */

.member-team-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex !important;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap !important;
    gap: 32px;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
	flex-flow: row wrap !important;
}

/* 3 kolom fleksibel (default, > 1024px) */
.member-team-section .card-member {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc((100% - 64px) / 3);
            flex: 0 0 calc((100% - 64px) / 3);
    max-width: calc((100% - 64px) / 3);
}

/* row-grey ngisi sisa ruang kolom secara fleksibel */
.member-team-section .row-grey {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 calc((100% - 64px) / 3);
            flex: 1 1 calc((100% - 64px) / 3);
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.member-team-section .row-grey > .wpb_column > .vc_column-inner > .wpb_wrapper,
.member-team-section .row-grey > .wpb_column > .vc_column-inner {
    height: 100%;
}

.member-team-section .row-grey-card {
    height: 100%;
}

.member-modal-content .wpb_single_image {
    width: 100%;
    height: 100%;
}

/* 100% dari width = rasio 1:1 */
.member-team-section .vc_single_image-wrapper,
.member-modal-content .vc_single_image-wrapper {
  position: relative;
  width: 100%;
  padding-top: 100%; 
  overflow: hidden;
    border-radius: 16px;
}

.member-team-section .vc_single_image-wrapper img,
.member-modal-content .vc_single_image-wrapper img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top center;
     object-position: top center;
  border-radius: 16px;
}

.member-team-section .vc_single_image-wrapper img {
    -webkit-transition: -webkit-transform 0.4s ease;
    transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;
    transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}

.member-team-section .card-member:hover .vc_single_image-wrapper img {
    -webkit-transform: scale(1.08);
        -ms-transform: scale(1.08);
            transform: scale(1.08);
}

.member-team-section .member-info {
    margin: 24px 0;          
}

.member-team-section .member-info p {
    text-align: center;
    font-size: 18px;
}

.member-team-section .member-info p strong {
    font-size: 22px
}

.member-team-section .member-info p+p {
    margin: 0;
}

.member-team-section .member-desc,
.member-team-section .member-quote {
    text-align: center;
    margin-bottom: 24px;
}

.member-lees-meer-btn {
    padding: 0;
    font-size: 18px;
    font-weight: 700;
    color: #7ABB11;
    line-height: 1.5;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    background: transparent;
    border: none;
    cursor: pointer;
}

.member-lees-meer-btn:hover {
    color: #537c11;
}




/* MODAL POP UP LEES MEER */

.member-modal-overlay {
  position: fixed;
  inset: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 999;
  background: rgba(0, 0, 0, 0.5);
}

.member-modal-overlay.is-active {
  opacity: 1;
  visibility: visible;
}

.member-modal {
  position: relative;
  width: 86%;
  max-width: 1100px;
  height: calc(100vh - 160px);
  max-height: calc(100vh - 160px);
}

.member-modal-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
}

.member-modal-content .card-member > .vc_col-sm-12 {
  width: 100%;
  height: 100%;
  background-color: white;
  border-radius: 16px;
  overflow-y: auto;

  -webkit-transform: translateY(40px);
      -ms-transform: translateY(40px);
          transform: translateY(40px);
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.member-modal-overlay.is-active .card-member > .vc_col-sm-12 {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}

.member-modal-content .card-member > .vc_col-sm-12 > .vc_column-inner {
  height: 100%;
}

.member-modal-content .card-member > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding: 64px;
  gap: 64px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.member-modal-content .biodata-member {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 320px;
}

.member-modal-content .member-description {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
}

.member-modal-content .card-member .member-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 24px;
}

.member-modal-content .card-member .member-info p+p {
    margin: 0;
}

.member-modal-close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    width: 32px;
    height: 32px;
    top: 16px;
    right: 16px;
    z-index: 11;
    font-size: 32px;
    background: transparent;
    border: none;
    cursor: pointer;
    color: #333;
    padding: 0 !important;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.padding-top-added {
    padding-top: 64px;
}


.col-grey-button {
    background-color: #f4f4f4;
    border-radius: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;

}


.col-grey-button .wpb_text_column {
    text-align: center;
    margin-bottom: 24px;
}

.col-grey-button .wpb_text_column h4 {
    margin-bottom: 16px;
    font-size: 36px;
}

.col-grey-button .cta-whbutton .label-cta {
    font-weight: 500;
}

.col-grey-button .cta-whbutton {
    padding: 10px 45px;
}

.col-grey-button .cta-whbutton:hover {
    background-color: var(--green-500);
}


.vc_section.video-review-banner .row-review .ti-fade-container {
    margin-bottom: 0 !important;
}


.typeform-embed > .wpb_wrapper {
    display: flex;
    justify-content: center;
}

.typeform-embed .typeform-embed-link {
    width: 100%;
    max-width: 418px;
}

.typeform-embed [data-tf-widget] {
  height: 560px !important;
}