/*!
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
*/

/* -----------------------------
        STYLING GENERAL
--------------------------------*/
.wpb_text_column.list-icon ul,
.listing-faq .excerpt-listing ul {
    padding-left: 0;
    list-style-type: none;
}

.wpb_text_column.list-icon ul li+li,
.listing-faq .excerpt-listing ul li+li {
    margin-top: 16px;
}

.wpb_text_column.list-icon ul li,
.listing-faq .excerpt-listing ul li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    position: relative;
}

.wpb_text_column.list-icon ul li:before,
.listing-faq .excerpt-listing ul li:before {
    content: '';
    display: inline-block;
    min-width: 22px;
    min-height: 22px;
    width: 22px;
    height: 22px;
    margin-right: 16px;
    background: url(/wp-content/uploads/2025/06/icon-check-purple.svg) center/contain no-repeat;
}

.col-media-content.wpb_column>.vc_column-inner>.wpb_wrapper {
    position: relative;
    width: 100%;
}

.col-media-content.wpb_column .wpb_single_image:not(.pattern-media) .vc_single_image-wrapper {
    overflow: hidden;
    -webkit-border-radius: var(--rounded-lg);
       -moz-border-radius: var(--rounded-lg);
            border-radius: var(--rounded-lg);
    position: relative;
    padding-top: -webkit-calc((640 / 600) * 100%);
    padding-top: -moz-calc((640 / 600) * 100%);
    padding-top: calc((640 / 600) * 100%);
    width: 100%;
}

.col-media-content.wpb_column .wpb_single_image:not(.pattern-media) .vc_single_image-wrapper img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

.col-media-content.wpb_column .wpb_single_image.pattern-media {
    position: absolute;
    top: -51px;
    max-width: 259px;
}

.col-media-content.wpb_column:last-of-type .wpb_single_image.pattern-media {
    right: -88px;
}

.whbutton-wrapper.btn-sm .label-cta,
.whbutton-wrapper.btn-sm-light .label-cta {
    --text-md: 16px;
    margin-right: 8px;
}

.whbutton-wrapper.btn-sm-light .label-cta {
    font-weight: 400;
}

.vc_row.row-content-media:hover .wpb_single_image img {
    -webkit-transform: scale(1.04);
       -moz-transform: scale(1.04);
        -ms-transform: scale(1.04);
         -o-transform: scale(1.04);
            transform: scale(1.04);
}

.vc_row.row-content-media .vc_row.row-button>.wpb_column:first-of-type {
    padding-right: 10px;
}

/* -----------------------------
        ROW CARD VOOR
--------------------------------*/
.vc_row.row-card-voor {
    --aspect-ratio: -webkit-calc((265 / 624) * 100%);
    --aspect-ratio: -moz-calc((265 / 624) * 100%);
    --aspect-ratio: calc((265 / 624) * 100%);
    --padding-content-inner: 24px 32px 32px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
       -moz-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    margin-bottom: -24px;
}

.vc_row.row-card-voor > .wpb_column {
    min-height: 100%;
    margin-bottom: 24px;
}

.vc_row.row-card-voor > .wpb_column > .vc_column-inner,
.vc_row.row-card-voor > .wpb_column > .vc_column-inner > .wpb_wrapper {
    height: 100%;
}

.vc_row.row-card-voor h3 {
    margin-bottom: 8px;
}

.vc_row.row-card-voor > .wpb_column > .vc_column-inner > .wpb_wrapper {
    background-color: var(--white);
    -webkit-border-radius: var(--rounded-lg);
       -moz-border-radius: var(--rounded-lg);
            border-radius: var(--rounded-lg);
    overflow: hidden;
}

.vc_row.row-card-voor .wpb_single_image .vc_single_image-wrapper {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: var(--aspect-ratio);
    overflow: hidden;
}

.vc_row.row-card-voor .wpb_single_image .vc_single_image-wrapper img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

.vc_row.row-card-voor .wpb_text_column {
    padding: var(--padding-content-inner);
}

.vc_row.row-card-voor >.wpb_column>.vc_column-inner>.wpb_wrapper:hover img{
    -webkit-transform: scale(1.04);
       -moz-transform: scale(1.04);
        -ms-transform: scale(1.04);
         -o-transform: scale(1.04);
            transform: scale(1.04);
}

/* ---------------------------------
        SECTION BACKGROUND BANNER
------------------------------------*/
.col-btn-pattern.wpb_column>.vc_column-inner>.wpb_wrapper {
    position: relative;
}

.wpb_single_image.pattern-button {
    display: inline-block;
    position: absolute;
    top: 5px;
    right: -31px;
    width: 75.53px;
    height: auto;
    pointer-events: none;
}

.whbutton-wrapper.btn-with-custom {
    --padding-button: 16px 53.5px;
}

.whbutton-wrapper.btn-pd-text .label-cta {
    font-weight: 500;
    font-size: var(--text-sm);
    padding-left: 24px;
}

/* ---------------------------------
        ROW CARD STEP
------------------------------------*/
.vc_row.row-card-step {
    --padding-card-inner-step: 32px;
    margin-bottom: -24px;
}

.vc_row.row-card-step >.wpb_column {
    margin-bottom: 24px;
}

.vc_row.row-card-step >.wpb_column>.vc_column-inner>.wpb_wrapper {
    padding: var(--padding-card-inner-step);
    background-color: var(--white);
    -webkit-border-radius: var(--rounded-lg);
       -moz-border-radius: var(--rounded-lg);
            border-radius: var(--rounded-lg);
    -webkit-transition: var(--duration);
    -o-transition: var(--duration);
    -moz-transition: var(--duration);
    transition: var(--duration);
    overflow: hidden;
}

.vc_row.row-card-step >.wpb_column>.vc_column-inner>.wpb_wrapper:hover img{
    -webkit-transform: scale(1.04);
       -moz-transform: scale(1.04);
        -ms-transform: scale(1.04);
         -o-transform: scale(1.04);
            transform: scale(1.04);
}

.vc_row.row-card-step >.wpb_column>.vc_column-inner>.wpb_wrapper:hover {
    -webkit-transform: translateY(4px);
       -moz-transform: translateY(4px);
        -ms-transform: translateY(4px);
         -o-transform: translateY(4px);
            transform: translateY(4px);
}

.vc_row.row-card-step .wpb_single_image {
    padding: 24px 64px;
}

.vc_row.row-card-step .wpb_single_image .vc_single_image-wrapper {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 100%;
    -webkit-border-radius: var(--rounded-full);
       -moz-border-radius: var(--rounded-full);
            border-radius: var(--rounded-full);
    overflow: hidden;
}

.vc_row.row-card-step .wpb_single_image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

.vc_row.row-card-step >.wpb_column>.vc_column-inner,
.vc_row.row-card-step >.wpb_column>.vc_column-inner>.wpb_wrapper {
    height: 100%;
}

.vc_row.row-card-step .wpb_text_column p:first-of-type {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: var(--text-lg);
    color: var(--purple);
    font-family: var(--fontfamily-playChickens);  
}

.vc_row.row-card-step .wpb_text_column p strong {
    font-weight: 400;
}

.vc_row.row-card-step .wpb_text_column p+p {
    margin-top: 8px;
}

/* ------------------------------------
        ROW CONTENT SIDE
--------------------------------------*/
.vc_row.row-content-side {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
       -moz-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}

.vc_row.row-content-side:before,
.vc_row.row-content-side:after {
    display: none;
}

.vc_row.row-content-side > .wpb_column >.vc_column-inner,
.vc_row.row-content-side > .wpb_column >.vc_column-inner>.wpb_wrapper,
.col-media-side-item .wpb_single_image,
.col-media-side-item .wpb_single_image * {
    height: 100%;
}

.vc_row.row-item-side {
    --padding-card: 25.83px 32px; 
    margin: 0;
    padding: var(--padding-card);
    overflow: hidden;
    background-color: var(--white);
    -webkit-border-radius: var(--rounded-lg);
       -moz-border-radius: var(--rounded-lg);
            border-radius: var(--rounded-lg);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.vc_section.section-purple .vc_row.row-item-side,
.vc_section.section-purple .col-counter.wpb_column >.vc_column-inner>.wpb_wrapper,
.vc_section.section-purple .listing.listing-review .listitem-wrapper {
    background-color: rgba(255,255,255,0.2);
}

.vc_row.row-item-side>.wpb_column:first-of-type {
    -webkit-flex-basis: 94px;
        -ms-flex-preferred-size: 94px;
            flex-basis: 94px;
    min-width: 94px;
}

.vc_row.row-item-side>.wpb_column:first-of-type .vc_single_image-wrapper img {
    border: 7px solid var(--white);
    overflow: hidden;
    -webkit-border-radius: var(--rounded-full);
       -moz-border-radius: var(--rounded-full);
            border-radius: var(--rounded-full);
}

.vc_row.row-item-side>.wpb_column:last-of-type {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding-left: 32px;
}

.vc_row.row-item-side>.wpb_column>.vc_column-inner {
    padding: 0;
}

.vc_row.row-item-side {
    font-size: var(--text-sm);
}

.vc_row.row-item-side h3 {
    --text-2xl: 18px;
    margin-bottom: 6px;
}

/* --------------------------------------
        CTA BANNER
----------------------------------------*/
.col-cta-pattern.wpb_column {
    --padding-cta-banner: 96px 24px;
}

.col-cta-pattern.wpb_column>.vc_column-inner>.wpb_wrapper {
    position: relative;
    padding: var(--padding-cta-banner);
    background-color: var(--gray-300);
    -webkit-border-radius: var(--rounded-xl);
       -moz-border-radius: var(--rounded-xl);
            border-radius: var(--rounded-xl);
}

.col-cta-pattern.wpb_column .wpb_text_column {
    margin-left: auto;
    margin-right: auto;
    max-width: 570px;
}

.col-cta-pattern.wpb_column .label-cta {
    font-size: var(--text-base);
}

.col-cta-pattern.wpb_column .row-button {
    margin-left: -8px;
    margin-right: -8px;
}

.col-cta-pattern.wpb_column .row-button>.wpb_column:last-of-type .label-cta {
    font-weight: 400;
}

.col-cta-pattern.wpb_column .whbutton-wrapper {
    --padding-button: 13.2px 23px;
}

.col-cta-pattern.wpb_column .row-button>.wpb_column > .vc_column-inner{
    padding-left: 8px;
    padding-right: 8px;
}

.vc_row.row-pattern-cta {
    position: absolute;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
}

.vc_row.row-pattern-cta > .wpb_column:first-of-type {
    max-width: 313px;
    height: 379px;
    top: 41%;
    left: 47px;
}

.vc_row.row-pattern-cta > .wpb_column:last-of-type {
    max-width: 255px;
    height: 185px;
    top: -32px;
    right: 40px;
}

.vc_row.row-pattern-cta > .wpb_column {
    width: auto;
    position: relative;
}

/* ----------------------------------
        PACKAGE
------------------------------------*/
.vc_row.row-card-package {
    --padding-card: 32px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
       -moz-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    margin: -16px;
    margin-bottom: -16px !important;
}

.vc_row.row-card-package > .wpb_column > .vc_column-inner {
    padding: 16px;
}

.vc_row.row-card-package > .wpb_column > .vc_column-inner,
.vc_row.row-card-package > .wpb_column > .vc_column-inner>.wpb_wrapper {
    height: 100%;
}

.vc_row.row-card-package .whbutton-wrapper {
    --padding-button: 13.5px 23px;
    margin-top: auto;
}

.vc_row.row-card-package .whbutton-wrapper .cta-whbutton {
    width: 100%;
    text-align: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.vc_row.row-card-package .whbutton-wrapper .label-cta {
    font-size: var(--text-base);
}

.vc_row.row-card-package > .wpb_column > .vc_column-inner>.wpb_wrapper {
    padding: var(--padding-card);
    -webkit-border-radius: var(--rounded-lg);
       -moz-border-radius: var(--rounded-lg);
            border-radius: var(--rounded-lg);
    overflow: hidden;
    background-color: var(--gray-300);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.wpb_text_column.heading-card-package {
    --text-2xl: 36px;
}

.wpb_text_column.heading-card-package p:first-of-type {
    font-weight: 600;
    margin-bottom: 8px;
    line-height: 1.4;
}

.vc_row.row-card-package:before,
.vc_row.row-card-package:after {
    display: none;
}

.col-review-label.wpb_column > .vc_column-inner > .wpb_wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 7px 16px 7px 8px;
    background-color: rgba(35,20,56,0.05);
    -webkit-border-radius: var(--rounded-full);
       -moz-border-radius: var(--rounded-full);
            border-radius: var(--rounded-full);
            cursor: pointer;
}

.col-review-label.wpb_column a {
    color: var(--purple);
}

.col-review-label.wpb_column .wpb_text_column:first-of-type {
    font-weight: 600;
    font-size: var(--text-xs);
    color: var(--light-purple);
    line-height: var(--lineheight-s);
    padding: 5px 8px;
    background-color: var(--white);
    -webkit-border-radius: var(--rounded-full);
       -moz-border-radius: var(--rounded-full);
            border-radius: var(--rounded-full);
}

.col-review-label.wpb_column .wpb_text_column:last-of-type {
    font-weight: 500;
    font-size: var(--text-xs);
    opacity: 0.5;
    color: var(--purple);
    padding-left: 8px;
}