.elementor-1259 .elementor-element.elementor-element-2a21ccf{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:1;--border-radius:0px 0px 0px 0px;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-1259 .elementor-element.elementor-element-2a21ccf:not(.elementor-motion-effects-element-type-background), .elementor-1259 .elementor-element.elementor-element-2a21ccf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://soulroadmap.com/wp-content/uploads/2026/08/Soul-Roadmap-Pricing-Section-1-background-v4.png");background-repeat:no-repeat;background-size:cover;}.elementor-1259 .elementor-element.elementor-element-2a21ccf::before, .elementor-1259 .elementor-element.elementor-element-2a21ccf > .elementor-background-video-container::before, .elementor-1259 .elementor-element.elementor-element-2a21ccf > .e-con-inner > .elementor-background-video-container::before, .elementor-1259 .elementor-element.elementor-element-2a21ccf > .elementor-background-slideshow::before, .elementor-1259 .elementor-element.elementor-element-2a21ccf > .e-con-inner > .elementor-background-slideshow::before, .elementor-1259 .elementor-element.elementor-element-2a21ccf > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #FFFFFF00 100%, #F4EAD8 100%);}.elementor-1259 .elementor-element.elementor-element-c900314{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:15px 0px 15px 0px;text-align:center;}.elementor-1259 .elementor-element.elementor-element-c900314 .elementor-heading-title{font-family:"Bely Display", Sans-serif;font-size:50px;color:var( --e-global-color-422f512 );}.elementor-1259 .elementor-element.elementor-element-2a2ab9b{--divider-border-style:solid;--divider-color:var( --e-global-color-004c3db );--divider-border-width:2.5px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:10px 0px 10px 0px;}.elementor-1259 .elementor-element.elementor-element-2a2ab9b .elementor-divider-separator{width:25%;margin:0 auto;margin-center:0;}.elementor-1259 .elementor-element.elementor-element-2a2ab9b .elementor-divider{text-align:center;padding-block-start:5px;padding-block-end:5px;}.elementor-1259 .elementor-element.elementor-element-0c4173c{margin:0% 10% calc(var(--kit-widget-spacing, 0px) + 0%) 10%;padding:0px 0px 0px 0px;text-align:center;font-size:30px;}.elementor-1259 .elementor-element.elementor-element-3ed85d5e{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1259 .elementor-element.elementor-element-356b6ac{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-1259 .elementor-element.elementor-element-fdef767{--display:flex;}.elementor-1259 .elementor-element.elementor-element-681b5cd{text-align:center;}.elementor-1259 .elementor-element.elementor-element-e726b44{--display:flex;border-style:none;--border-style:none;}.elementor-1259 .elementor-element.elementor-element-dab58c8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 35px;}.elementor-1259 .elementor-element.elementor-element-e42335d{--display:flex;border-style:none;--border-style:none;}.elementor-1259 .elementor-element.elementor-element-8d8f066{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 35px;}.elementor-1259 .elementor-element.elementor-element-13dcbf9{--display:flex;}.elementor-1259 .elementor-element.elementor-element-f5b7736{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 35px;}.elementor-1259 .elementor-element.elementor-element-c9697c8{--display:flex;}.elementor-1259 .elementor-element.elementor-element-c46c377{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 35px;}.elementor-1259 .elementor-element.elementor-element-05d8e5c{--display:flex;}.elementor-1259 .elementor-element.elementor-element-495be84{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 35px;}.elementor-1259 .elementor-element.elementor-element-e09784a{--display:flex;}.elementor-1259 .elementor-element.elementor-element-b551d55{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 35px;}.elementor-1259 .elementor-element.elementor-element-27c3697{--display:flex;}.elementor-1259 .elementor-element.elementor-element-98d9c2d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 35px;}.elementor-1259 .elementor-element.elementor-element-a7bfb00{--display:flex;}.elementor-1259 .elementor-element.elementor-element-9e4285e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 35px;}.elementor-1259 .elementor-element.elementor-element-9304438{--display:flex;}.elementor-1259 .elementor-element.elementor-element-40db0f8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 35px;}.elementor-1259 .elementor-element.elementor-element-3a89e1c{--display:flex;}.elementor-1259 .elementor-element.elementor-element-8d06e0e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 35px;}.elementor-1259 .elementor-element.elementor-element-5185885{--n-accordion-title-font-size:20px;--n-accordion-title-justify-content:initial;--n-accordion-title-flex-grow:initial;--n-accordion-title-icon-order:-1;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-hover-color:var( --e-global-color-accent );--n-accordion-title-active-color:var( --e-global-color-accent );--n-accordion-icon-size:20px;--n-accordion-icon-normal-color:var( --e-global-color-text );--n-accordion-icon-hover-color:var( --e-global-color-accent );--n-accordion-icon-active-color:var( --e-global-color-accent );}.elementor-1259 .elementor-element.elementor-element-5185885 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:none;}:where( .elementor-1259 .elementor-element.elementor-element-5185885 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-weight:300;}@media(max-width:1024px){.elementor-1259 .elementor-element.elementor-element-2a21ccf:not(.elementor-motion-effects-element-type-background), .elementor-1259 .elementor-element.elementor-element-2a21ccf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://soulroadmap.com/wp-content/uploads/2026/08/Soul-Roadmap-Pricing-Section-1-tablet-background-v1.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1259 .elementor-element.elementor-element-2a21ccf{--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-1259 .elementor-element.elementor-element-c900314 .elementor-heading-title{font-size:40px;}.elementor-1259 .elementor-element.elementor-element-0c4173c{font-size:25px;}.elementor-1259 .elementor-element.elementor-element-3ed85d5e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1259 .elementor-element.elementor-element-356b6ac{--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}}@media(max-width:767px){.elementor-1259 .elementor-element.elementor-element-2a21ccf:not(.elementor-motion-effects-element-type-background), .elementor-1259 .elementor-element.elementor-element-2a21ccf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://soulroadmap.com/wp-content/uploads/2026/08/Soul-Roadmap-Pricing-Section-1-mobiel-background-v1.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1259 .elementor-element.elementor-element-2a21ccf{--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-1259 .elementor-element.elementor-element-c900314{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1259 .elementor-element.elementor-element-c900314 .elementor-heading-title{font-size:25px;}.elementor-1259 .elementor-element.elementor-element-0c4173c{margin:0% 5% calc(var(--kit-widget-spacing, 0px) + 0%) 5%;font-size:20px;}.elementor-1259 .elementor-element.elementor-element-356b6ac{--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-1259 .elementor-element.elementor-element-dab58c8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 30px;}.elementor-1259 .elementor-element.elementor-element-8d8f066{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 30px;}.elementor-1259 .elementor-element.elementor-element-f5b7736{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 30px;}.elementor-1259 .elementor-element.elementor-element-c46c377{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 30px;}.elementor-1259 .elementor-element.elementor-element-495be84{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 30px;}.elementor-1259 .elementor-element.elementor-element-b551d55{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 30px;}.elementor-1259 .elementor-element.elementor-element-98d9c2d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 30px;}.elementor-1259 .elementor-element.elementor-element-9e4285e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 30px;}.elementor-1259 .elementor-element.elementor-element-40db0f8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 30px;}.elementor-1259 .elementor-element.elementor-element-8d06e0e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 30px;}}/* Start custom CSS for shortcode, class: .elementor-element-3ed85d5e *//* =========================================================
   SOUL ROADMAP – SOUL INVESTORS CLUB
   MEMBERSHIP PRICING
   Responsive versie – desktop / tablet / mobiel
   ========================================================= */


/* =========================================================
   1. BASIS
   ========================================================= */

.tutor-membership-pricing,
.tutor-membership-pricing-wrapper {
    width: 100% !important;
    max-width: 100% !important;

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

    box-sizing: border-box !important;
}


/* =========================================================
   2. DESKTOP – ENIGE MEMBERSHIP CENTREREN
   ========================================================= */

@media (min-width: 1025px) {

    .tutor-membership-pricing-page
    .tutor-row.tutor-g-3
    > .tutor-col-md-4:only-child {
        margin-left: 33.333333% !important;
    }

}


/* =========================================================
   3. BUITENKANT PRICING CARD
   ========================================================= */

.tutor-membership-pricing-item {
    width: 100% !important;
    max-width: 460px !important;
    min-width: 0 !important;

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

    background: transparent !important;

    border: none !important;
    box-shadow: none !important;

    box-sizing: border-box !important;
}


/* =========================================================
   4. PRICING CARD
   ========================================================= */

.tutor-membership-pricing-item-inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;

    width: 100% !important;
    max-width: 460px !important;
    min-width: 0 !important;
    min-height: auto !important;

    margin: 0 !important;

    padding: 32px 40px 26px !important;

    box-sizing: border-box !important;

    background:
        radial-gradient(
            circle at top center,
            rgba(216, 197, 129, 0.10) 0%,
            rgba(216, 197, 129, 0.035) 32%,
            rgba(255, 255, 255, 0) 58%
        ),
        linear-gradient(
            145deg,
            #ffffff 0%,
            #fbfaf7 60%,
            #f7f4ed 100%
        ) !important;

    border: 1px solid rgba(216, 197, 129, 0.72) !important;
    border-radius: 17px !important;

    box-shadow:
        0 18px 42px rgba(23, 64, 83, 0.08),
        0 4px 12px rgba(35, 10, 30, 0.035) !important;

    overflow: hidden !important;
}


/* =========================================================
   5. ALGEMENE TEKSTAFBREKING
   ========================================================= */

.tutor-membership-pricing-title,
.tutor-short-description,
.tutor-pricing-price,
.tutor-pricing-features,
.tutor-pricing-features li,
.sr-membership-community-note {
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
}


/* =========================================================
   6. TITEL
   ========================================================= */

.tutor-membership-pricing-title {
    order: 1 !important;

    width: 100% !important;
    max-width: 390px !important;

    margin: 0 auto 6px !important;
    padding: 0 !important;

    font-family: "Barlow Condensed", sans-serif !important;

    font-size: 29px !important;
    font-weight: 700 !important;

    line-height: 1.08 !important;
    letter-spacing: -0.15px !important;

    color: #174053 !important;

    text-align: center !important;

    white-space: nowrap !important;
}


/* =========================================================
   7. MEMBERSHIP SUBTITEL
   ========================================================= */

.tutor-short-description {
    order: 2 !important;

    width: 100% !important;
    max-width: 360px !important;

    margin: 0 auto 16px !important;
    padding: 0 !important;

    font-family: "Barlow Semi Condensed", sans-serif !important;

    font-size: 15px !important;
    font-weight: 400 !important;

    line-height: 1.4 !important;

    color: #53656c !important;

    text-align: center !important;
}


/* =========================================================
   8. PRIJSBLOK
   ========================================================= */

.tutor-pricing-price {
    order: 3 !important;

    display: flex !important;
    justify-content: center !important;
    align-items: baseline !important;
    flex-wrap: wrap !important;

    width: 100% !important;

    margin: 0 0 20px !important;
    padding: 0 !important;

    text-align: center !important;

    white-space: normal !important;
}


.tutor-pricing-price-amount {
    font-family: "Barlow Condensed", sans-serif !important;

    font-size: 42px !important;
    font-weight: 700 !important;

    line-height: 1 !important;
    letter-spacing: -0.4px !important;

    color: #174053 !important;
}


/* =========================================================
   9. PER MAAND
   ========================================================= */

.tutor-pricing-price span:last-child {
    font-size: 0 !important;
}


.tutor-pricing-price span:last-child::after {
    content: " / per maand" !important;

    font-family: "Barlow Semi Condensed", sans-serif !important;

    font-size: 13px !important;
    font-weight: 400 !important;

    line-height: 1.2 !important;

    color: #66777d !important;
}


/* =========================================================
   10. BTW
   ========================================================= */

.tutor-pricing-tax,
.tutor-pricing-price-tax {
    display: block !important;

    flex: 0 0 100% !important;

    width: 100% !important;

    margin-top: 5px !important;

    font-size: 0 !important;

    text-align: center !important;
}


.tutor-pricing-tax::after,
.tutor-pricing-price-tax::after {
    content: "incl. btw" !important;

    font-family: "Barlow Semi Condensed", sans-serif !important;

    font-size: 11px !important;
    font-weight: 400 !important;

    line-height: 1.25 !important;

    color: #7d898d !important;
}


/* =========================================================
   11. BUTTON WRAPPER
   ========================================================= */

.tutor-action {
    order: 4 !important;

    width: 100% !important;
    max-width: 330px !important;

    margin: 0 auto 15px !important;
    padding: 0 !important;
}


/* =========================================================
   12. BUTTON
   ========================================================= */

.tutor-action a,
.tutor-action button {
    display: flex !important;

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

    width: 100% !important;
    max-width: 100% !important;

    min-height: 49px !important;

    padding: 11px 22px !important;

    box-sizing: border-box !important;

    font-family: "Barlow Semi Condensed", sans-serif !important;

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

    line-height: 1.2 !important;
    letter-spacing: 0.05px !important;

    color: #faf7f7 !important;

    background:
        linear-gradient(
            360deg,
            #174053 0%,
            #2e6b78 100%
        ) !important;

    border: 1px solid #d8c581 !important;
    border-radius: 8px !important;

    box-shadow: none !important;

    text-decoration: none !important;

    white-space: nowrap !important;

    transition:
        color 0.25s ease,
        background 0.25s ease,
        border-color 0.25s ease,
        box-shadow 0.25s ease !important;
}


.tutor-action a span,
.tutor-action button span {
    color: inherit !important;

    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;

    line-height: inherit !important;

    white-space: nowrap !important;
}


.tutor-action a:hover,
.tutor-action button:hover {
    color: #d8c581 !important;

    background:
        linear-gradient(
            360deg,
            #123746 0%,
            #255d69 100%
        ) !important;

    border-color: #d8c581 !important;

    box-shadow:
        0 7px 18px rgba(23, 64, 83, 0.15) !important;

    text-decoration: none !important;
}


.tutor-action a:hover span,
.tutor-action button:hover span {
    color: #d8c581 !important;
}


.tutor-action a:focus-visible,
.tutor-action button:focus-visible {
    outline: 2px solid #d8c581 !important;
    outline-offset: 3px !important;
}


/* =========================================================
   13. BESLOTEN COMMUNITY MELDING
   ========================================================= */

.sr-membership-community-note {
    order: 5 !important;

    display: grid !important;
    grid-template-columns: 27px minmax(0, 1fr) !important;

    width: 100% !important;
    max-width: 360px !important;

    margin: 0 auto 18px !important;
    padding: 0 2px !important;

    gap: 10px !important;

    box-sizing: border-box !important;

    text-align: left !important;
}


/* Icoon */

.sr-membership-community-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 27px !important;
    height: 27px !important;

    margin-top: 1px !important;

    color: #b28f46 !important;

    border: 1px solid rgba(216, 197, 129, 0.78) !important;
    border-radius: 50% !important;

    background:
        rgba(216, 197, 129, 0.055) !important;

    box-sizing: border-box !important;
}


.sr-membership-community-icon svg {
    display: block !important;

    width: 14px !important;
    height: 14px !important;

    color: inherit !important;

    flex: 0 0 auto !important;
}


/* Tekstkolom */

.sr-membership-community-copy {
    min-width: 0 !important;
}


/* Titel */

.sr-membership-community-title {
    margin: 0 0 3px !important;
    padding: 0 !important;

    font-family: "Barlow Semi Condensed", sans-serif !important;

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

    line-height: 1.25 !important;

    color: #4A0B1A !important;
}


/* Uitleg */

.sr-membership-community-text {
    margin: 0 !important;
    padding: 0 !important;

    font-family: "Barlow Semi Condensed", sans-serif !important;

    font-size: 12.5px !important;
    font-weight: 400 !important;

    line-height: 1.42 !important;

    color: #66777d !important;
}


/* =========================================================
   14. USP BLOK
   ========================================================= */

.tutor-pricing-features {
    order: 6 !important;

    width: 100% !important;
    max-width: 360px !important;

    margin: 0 auto !important;

    padding: 20px 0 0 !important;

    border-top:
        1px solid rgba(216, 197, 129, 0.43) !important;

    box-sizing: border-box !important;
}


.tutor-pricing-features ul {
    width: 100% !important;

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


/* =========================================================
   15. USP ITEMS
   ========================================================= */

.tutor-pricing-features li {
    display: flex !important;
    align-items: flex-start !important;

    width: 100% !important;

    margin: 0 0 11px !important;
    padding: 0 !important;

    gap: 11px !important;

    font-family: "Barlow Semi Condensed", sans-serif !important;

    font-size: 14.5px !important;
    font-weight: 400 !important;

    line-height: 1.42 !important;

    color: #344e58 !important;

    list-style: none !important;

    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;

    box-sizing: border-box !important;
}


.tutor-pricing-features li:last-child {
    margin-bottom: 0 !important;
}


/* =========================================================
   16. USP ICOON
   ========================================================= */

.tutor-feature-icon-active {
    flex: 0 0 auto !important;

    margin-top: 3px !important;

    color: #b28f46 !important;

    font-size: 16px !important;
    line-height: 1 !important;
}


.tutor-feature-icon-active i,
.tutor-feature-icon-active svg {
    color: #b28f46 !important;
    fill: #b28f46 !important;
}


/* =========================================================
   17. SUBSCRIPTION STATUSBALK
   ========================================================= */

.tutor-membership-pricing-page
.tutor-container
> .tutor-row.tutor-p-12.tutor-mb-16 {
    width: 100% !important;
    max-width: 800px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    box-sizing: border-box !important;
}


/* =========================================================
   18. STATUSBALK
   ========================================================= */

.tutor-membership-pricing-page
.tutor-alert.tutor-info {
    width: 100% !important;
    max-width: 100% !important;

    margin-left: auto !important;
    margin-right: auto !important;

    padding: 15px 18px !important;

    box-sizing: border-box !important;

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #fbfaf7 100%
        ) !important;

    border:
        1px solid rgba(216, 197, 129, 0.48) !important;

    border-radius: 11px !important;

    box-shadow:
        0 5px 16px rgba(23, 64, 83, 0.045) !important;
}


/* =========================================================
   19. STATUSBALK BUTTON
   ========================================================= */

.tutor-membership-pricing-page
.tutor-alert.tutor-info .tutor-btn {
    display: inline-flex !important;

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

    min-height: 42px !important;

    padding: 9px 19px !important;

    font-family: "Barlow Semi Condensed", sans-serif !important;

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

    line-height: 1.2 !important;

    color: #faf7f7 !important;

    background:
        linear-gradient(
            360deg,
            #174053 0%,
            #2e6b78 100%
        ) !important;

    border: 1px solid #d8c581 !important;
    border-radius: 8px !important;

    box-shadow: none !important;

    text-decoration: none !important;

    white-space: nowrap !important;

    transition:
        color 0.25s ease,
        background 0.25s ease,
        border-color 0.25s ease,
        box-shadow 0.25s ease !important;
}


.tutor-membership-pricing-page
.tutor-alert.tutor-info .tutor-btn:hover {
    color: #d8c581 !important;

    background:
        linear-gradient(
            360deg,
            #123746 0%,
            #255d69 100%
        ) !important;

    border-color: #d8c581 !important;

    box-shadow:
        0 6px 14px rgba(23, 64, 83, 0.12) !important;
}


/* =========================================================
   20. TABLET
   ========================================================= */

@media (min-width: 768px) and (max-width: 1024px) {

    .tutor-membership-pricing-page
    .tutor-row.tutor-g-3
    > .tutor-col-md-4:only-child {
        width: 400px !important;
        max-width: 400px !important;
        min-width: 0 !important;

        flex: 0 0 400px !important;

        margin-left: auto !important;
        margin-right: auto !important;

        padding-left: 0 !important;
        padding-right: 0 !important;

        box-sizing: border-box !important;
    }


    .tutor-membership-pricing-item,
    .tutor-membership-pricing-item-inner {
        width: 100% !important;
        max-width: 400px !important;
        min-width: 0 !important;
    }


    .tutor-membership-pricing-item-inner {
        padding: 30px 32px 25px !important;
    }


    .tutor-membership-pricing-title {
        width: 100% !important;
        max-width: 336px !important;

        font-size: 27px !important;

        white-space: nowrap !important;
    }


    .tutor-short-description {
        width: 100% !important;
        max-width: 330px !important;

        margin-bottom: 15px !important;

        font-size: 14.5px !important;
    }


    .tutor-pricing-price {
        margin-bottom: 19px !important;
    }


    .tutor-pricing-price-amount {
        font-size: 39px !important;
    }


    .tutor-pricing-price span:last-child::after {
        font-size: 12.5px !important;
    }


    .tutor-action {
        width: 100% !important;
        max-width: 290px !important;

        margin-bottom: 14px !important;
    }


    .tutor-action a,
    .tutor-action button {
        width: 100% !important;

        min-height: 47px !important;

        font-size: 15px !important;

        white-space: nowrap !important;
    }


    .sr-membership-community-note {
        max-width: 320px !important;

        grid-template-columns: 26px minmax(0, 1fr) !important;

        gap: 9px !important;

        margin-bottom: 17px !important;
    }


    .sr-membership-community-icon {
        width: 26px !important;
        height: 26px !important;
    }


    .sr-membership-community-title {
        font-size: 13px !important;
    }


    .sr-membership-community-text {
        font-size: 12px !important;
    }


    .tutor-pricing-features {
        width: 100% !important;
        max-width: 320px !important;

        padding-top: 19px !important;
    }


    .tutor-pricing-features li {
        margin-bottom: 10px !important;

        font-size: 14px !important;
        line-height: 1.42 !important;
    }


    .tutor-membership-pricing-page
    .tutor-container
    > .tutor-row.tutor-p-12.tutor-mb-16 {
        width: calc(100% - 40px) !important;
        max-width: 720px !important;
    }

}


/* =========================================================
   21. MOBIEL
   ========================================================= */

@media (max-width: 767px) {

    .tutor-membership-pricing-page
    .tutor-row.tutor-g-3
    > .tutor-col-md-4:only-child {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        flex: 0 0 100% !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        padding-left: 12px !important;
        padding-right: 12px !important;

        box-sizing: border-box !important;
    }


    .tutor-membership-pricing-wrapper {
        width: 100% !important;

        box-sizing: border-box !important;
    }


    .tutor-membership-pricing-item,
    .tutor-membership-pricing-item-inner {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        box-sizing: border-box !important;
    }


    .tutor-membership-pricing-item {
        margin-left: auto !important;
        margin-right: auto !important;
    }


    .tutor-membership-pricing-item-inner {
        padding: 27px 22px 23px !important;

        border-radius: 14px !important;
    }


    .tutor-membership-pricing-title {
        width: 100% !important;
        max-width: 100% !important;

        font-size: 25px !important;
        line-height: 1.08 !important;

        white-space: normal !important;
    }


    .tutor-short-description {
        width: 100% !important;
        max-width: 100% !important;

        margin-bottom: 15px !important;

        font-size: 14px !important;
    }


    .tutor-pricing-price {
        margin-bottom: 18px !important;
    }


    .tutor-pricing-price-amount {
        font-size: 37px !important;
    }


    .tutor-pricing-price span:last-child::after {
        font-size: 12px !important;
    }


    .tutor-action {
        width: 100% !important;
        max-width: 100% !important;

        margin-bottom: 14px !important;
    }


    .tutor-action a,
    .tutor-action button {
        width: 100% !important;

        min-height: 47px !important;

        padding-left: 15px !important;
        padding-right: 15px !important;

        font-size: 15px !important;

        white-space: nowrap !important;
    }


    .sr-membership-community-note {
        width: 100% !important;
        max-width: 100% !important;

        grid-template-columns: 26px minmax(0, 1fr) !important;

        gap: 9px !important;

        margin-bottom: 16px !important;

        padding-left: 1px !important;
        padding-right: 1px !important;
    }


    .sr-membership-community-icon {
        width: 26px !important;
        height: 26px !important;
    }


    .sr-membership-community-title {
        font-size: 13px !important;
    }


    .sr-membership-community-text {
        font-size: 12px !important;
        line-height: 1.42 !important;
    }


    .tutor-pricing-features {
        width: 100% !important;
        max-width: 100% !important;

        padding-top: 18px !important;
    }


    .tutor-pricing-features li {
        margin-bottom: 10px !important;

        gap: 10px !important;

        font-size: 14px !important;
        line-height: 1.44 !important;
    }


    .tutor-membership-pricing-page
    .tutor-container
    > .tutor-row.tutor-p-12.tutor-mb-16 {
        width: calc(100% - 24px) !important;
        max-width: 100% !important;

        margin-left: auto !important;
        margin-right: auto !important;
    }


    .tutor-membership-pricing-page
    .tutor-alert.tutor-info {
        width: 100% !important;

        padding: 14px 14px !important;
    }


    .tutor-membership-pricing-page
    .tutor-alert.tutor-info
    .tutor-w-100.tutor-d-flex.tutor-align-center.tutor-justify-between {
        display: flex !important;
        flex-direction: column !important;

        align-items: flex-start !important;
        justify-content: flex-start !important;

        width: 100% !important;

        gap: 12px !important;
    }


    .tutor-membership-pricing-page
    .tutor-alert.tutor-info
    .tutor-w-100.tutor-d-flex.tutor-align-center.tutor-justify-between
    > span {
        display: block !important;

        width: 100% !important;

        line-height: 1.4 !important;
    }


    .tutor-membership-pricing-page
    .tutor-alert.tutor-info
    .tutor-btn {
        width: 100% !important;

        min-height: 42px !important;

        margin: 0 !important;

        justify-content: center !important;
    }

}


/* =========================================================
   22. KLEINE MOBIELE SCHERMEN
   ========================================================= */

@media (max-width: 400px) {

    .tutor-membership-pricing-page
    .tutor-row.tutor-g-3
    > .tutor-col-md-4:only-child {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }


    .tutor-membership-pricing-item-inner {
        padding: 25px 18px 21px !important;
    }


    .tutor-membership-pricing-title {
        font-size: 23px !important;
    }


    .tutor-short-description {
        font-size: 13.5px !important;
    }


    .tutor-pricing-price-amount {
        font-size: 35px !important;
    }


    .tutor-pricing-price span:last-child::after {
        font-size: 11.5px !important;
    }


    .tutor-action a,
    .tutor-action button {
        font-size: 14.5px !important;
    }


    .sr-membership-community-note {
        grid-template-columns: 24px minmax(0, 1fr) !important;

        gap: 8px !important;
    }


    .sr-membership-community-icon {
        width: 24px !important;
        height: 24px !important;
    }


    .sr-membership-community-icon svg {
        width: 13px !important;
        height: 13px !important;
    }


    .sr-membership-community-title {
        font-size: 12.5px !important;
    }


    .sr-membership-community-text {
        font-size: 11.7px !important;
    }


    .tutor-pricing-features li {
        font-size: 13.5px !important;
    }


    .tutor-membership-pricing-page
    .tutor-container
    > .tutor-row.tutor-p-12.tutor-mb-16 {
        width: calc(100% - 20px) !important;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2a21ccf *//* =========================================
   SOUL ROADMAP – PRICING IMAGE FADE
   Responsieve overgang naar sr-soft-gold-bg
   ========================================= */

.sr-pricing-hero-bg {
    position: relative;
    overflow: hidden;
}

/* Dynamische mist/fade aan onderzijde */
.sr-pricing-hero-bg::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;

    height: clamp(160px, 18vw, 300px);

    background: linear-gradient(
        to bottom,
        rgba(254, 240, 220, 0) 0%,
        rgba(254, 240, 220, 0.10) 25%,
        rgba(254, 240, 220, 0.35) 50%,
        rgba(254, 240, 220, 0.72) 75%,
        #FEF0DC 100%
    );

    pointer-events: none;
    z-index: 1;
}

/* Content boven de gradient houden */
.sr-pricing-hero-bg > .e-con-inner {
    position: relative;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fdef767 *//* =========================================
   SOUL ROADMAP – VEELGESTELDE VRAGEN
   Elementor Accordion
   Typografie via Elementor Global Styles
   ========================================= */


/* =========================================
   SECTIE / BUITENCONTAINER
   Zelfde maatvoering als HTML-blokken
   ========================================= */

.sr-faq-section,
.sr-faq-section.e-con {
    width: 100% !important;
    max-width: 1000px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    padding: 50px 30px 90px !important;

    box-sizing: border-box;

    align-self: center !important;
}


/* =========================================
   FAQ-TITEL
   Volledige breedte binnen de sectie
   ========================================= */

.sr-faq-section .elementor-widget-heading {
    width: 100% !important;
    max-width: 100% !important;

    margin-left: auto !important;
    margin-right: auto !important;

    align-self: stretch !important;
}


/* =========================================
   ACCORDION
   Exact dezelfde binnenbreedte als
   Praktische informatie: 820px
   ========================================= */

.sr-faq-section .sr-faq-accordion,
.sr-faq-accordion {
    width: 100% !important;
    max-width: 820px !important;

    margin: 38px auto 0 !important;

    align-self: center !important;

    box-sizing: border-box;
}


/* Elementor widget-wrapper */
.sr-faq-accordion > .elementor-widget-container {
    width: 100% !important;
    max-width: 100% !important;
}


/* =========================================
   CLASSIC ELEMENTOR ACCORDION
   ========================================= */

.sr-faq-accordion .elementor-accordion-item {
    position: relative;

    margin: 0 0 10px;
    padding: 0;

    border: 0 !important;
    background: transparent !important;
}


/* subtiele lijn onder ieder item */
.sr-faq-accordion .elementor-accordion-item::after {
    content: "";

    display: block;

    width: calc(100% - 46px);
    height: 1px;

    margin-left: 46px;

    background: linear-gradient(
        to right,
        rgba(216, 197, 129, 0.42) 0%,
        rgba(216, 197, 129, 0.18) 72%,
        transparent 100%
    );
}


.sr-faq-accordion .elementor-accordion-item:last-child::after {
    display: none;
}


/* =========================================
   VRAAG
   ========================================= */

.sr-faq-accordion .elementor-tab-title {
    position: relative;

    min-height: 60px;

    display: flex;
    align-items: center;

    padding: 18px 8px 18px 46px !important;

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

    color: inherit !important;

    cursor: pointer;

    transition:
        color 0.22s ease,
        background 0.22s ease;
}


/* hover goud */
.sr-faq-accordion .elementor-tab-title:hover {
    color: #B99849 !important;
}


/* geopende vraag */
.sr-faq-accordion .elementor-tab-title.elementor-active {
    color: #B99849 !important;
}


/* =========================================
   EIGEN PLUS / MIN ICOON
   ========================================= */

.sr-faq-accordion .elementor-accordion-icon {
    position: absolute !important;

    left: 0 !important;
    right: auto !important;
    top: 50%;

    transform: translateY(-50%);

    width: 28px;
    height: 28px;

    margin: 0 !important;

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

    float: none !important;

    border: 1px solid rgba(216, 197, 129, 0.72);
    border-radius: 50%;

    background: rgba(255, 253, 248, 0.18);

    color: transparent !important;

    transition:
        border-color 0.22s ease,
        background 0.22s ease;
}


/* standaard Elementor icoon verbergen */
.sr-faq-accordion .elementor-accordion-icon i,
.sr-faq-accordion .elementor-accordion-icon svg {
    display: none !important;
}


/* horizontale lijn */
.sr-faq-accordion .elementor-accordion-icon::before {
    content: "";

    position: absolute;

    width: 10px;
    height: 1.5px;

    background: #C6A65F;
    border-radius: 2px;
}


/* verticale lijn */
.sr-faq-accordion .elementor-accordion-icon::after {
    content: "";

    position: absolute;

    width: 1.5px;
    height: 10px;

    background: #C6A65F;
    border-radius: 2px;

    transition:
        opacity 0.2s ease,
        transform 0.2s ease;
}


/* geopend: plus wordt min */
.sr-faq-accordion
.elementor-tab-title.elementor-active
.elementor-accordion-icon::after {
    opacity: 0;
    transform: rotate(90deg);
}


/* hover / open icoon */
.sr-faq-accordion
.elementor-tab-title:hover
.elementor-accordion-icon,

.sr-faq-accordion
.elementor-tab-title.elementor-active
.elementor-accordion-icon {
    border-color: #B99849;

    background: rgba(216, 197, 129, 0.10);
}


/* =========================================
   ANTWOORD
   Uitgelijnd onder de vraag
   ========================================= */

.sr-faq-accordion .elementor-tab-content {
    position: relative;

    margin: 0 0 8px 46px;

    padding: 2px 0 28px 0 !important;

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

    color: inherit !important;
}


/* verticale gouden lijn links van antwoord */
.sr-faq-accordion .elementor-tab-content::before {
    content: "";

    position: absolute;

    left: -18px;
    top: 3px;
    bottom: 27px;

    width: 1px;

    background: linear-gradient(
        to bottom,
        rgba(216, 197, 129, 0.72),
        rgba(216, 197, 129, 0.12)
    );
}


/* paragrafen */
.sr-faq-accordion .elementor-tab-content p:first-child {
    margin-top: 0;
}

.sr-faq-accordion .elementor-tab-content p:last-child {
    margin-bottom: 0;
}


/* =========================================
   LINKS IN ANTWOORDEN
   ========================================= */

.sr-faq-accordion .elementor-tab-content a {
    color: #4A0B1A;

    text-decoration: none;

    border-bottom: 1px solid rgba(216, 197, 129, 0.65);

    transition:
        color 0.2s ease,
        border-color 0.2s ease;
}


.sr-faq-accordion .elementor-tab-content a:hover {
    color: #B99849;
    border-color: #B99849;
}


/* =========================================
   NIEUWE / NESTED ACCORDION
   ========================================= */

.sr-faq-accordion .e-n-accordion-item {
    position: relative;

    margin: 0 0 10px;

    border: 0 !important;
    background: transparent !important;
}


.sr-faq-accordion .e-n-accordion-item::after {
    content: "";

    display: block;

    width: calc(100% - 46px);
    height: 1px;

    margin-left: 46px;

    background: linear-gradient(
        to right,
        rgba(216, 197, 129, 0.42) 0%,
        rgba(216, 197, 129, 0.18) 72%,
        transparent 100%
    );
}


.sr-faq-accordion .e-n-accordion-item:last-child::after {
    display: none;
}


/* =========================================
   NESTED TITEL
   ========================================= */

.sr-faq-accordion .e-n-accordion-item-title {
    position: relative;

    min-height: 60px;

    display: flex;
    align-items: center;

    padding: 18px 8px 18px 46px !important;

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

    color: inherit !important;

    transition: color 0.22s ease;
}


/* hover goud */
.sr-faq-accordion .e-n-accordion-item-title:hover {
    color: #B99849 !important;
}


/* geopend */
.sr-faq-accordion
.e-n-accordion-item[open]
.e-n-accordion-item-title {
    color: #B99849 !important;
}


/* =========================================
   NESTED ACCORDION ICOON
   ========================================= */

.sr-faq-accordion .e-n-accordion-item-title-icon {
    position: absolute !important;

    left: 0;
    right: auto !important;
    top: 50%;

    transform: translateY(-50%);

    width: 28px;
    height: 28px;

    margin: 0 !important;

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

    border: 1px solid rgba(216, 197, 129, 0.72);
    border-radius: 50%;

    background: rgba(255, 253, 248, 0.18);

    color: transparent !important;
}


/* standaard nested icoon weg */
.sr-faq-accordion .e-n-accordion-item-title-icon svg {
    display: none !important;
}


/* horizontale lijn */
.sr-faq-accordion .e-n-accordion-item-title-icon::before {
    content: "";

    position: absolute;

    width: 10px;
    height: 1.5px;

    background: #C6A65F;
    border-radius: 2px;
}


/* verticale lijn */
.sr-faq-accordion .e-n-accordion-item-title-icon::after {
    content: "";

    position: absolute;

    width: 1.5px;
    height: 10px;

    background: #C6A65F;
    border-radius: 2px;

    transition:
        opacity 0.2s ease,
        transform 0.2s ease;
}


/* geopend = min */
.sr-faq-accordion
.e-n-accordion-item[open]
.e-n-accordion-item-title-icon::after {
    opacity: 0;
    transform: rotate(90deg);
}


/* hover/open */
.sr-faq-accordion
.e-n-accordion-item-title:hover
.e-n-accordion-item-title-icon,

.sr-faq-accordion
.e-n-accordion-item[open]
.e-n-accordion-item-title-icon {
    border-color: #B99849;

    background: rgba(216, 197, 129, 0.10);
}


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

.sr-faq-accordion .e-n-accordion-item > div {
    border: 0 !important;
    background: transparent !important;
}


/* =========================================
   TABLET
   Zelfde verhouding als HTML-secties
   ========================================= */

@media (max-width: 1024px) and (min-width: 768px) {

    .sr-faq-section,
    .sr-faq-section.e-con {
        width: 100% !important;
        max-width: 760px !important;

        padding: 46px 38px 76px !important;
    }


    .sr-faq-section .sr-faq-accordion,
    .sr-faq-accordion {
        width: 100% !important;
        max-width: 680px !important;

        margin-top: 34px !important;
    }


    .sr-faq-accordion .elementor-tab-title,
    .sr-faq-accordion .e-n-accordion-item-title {
        min-height: 58px;

        padding:
            17px
            6px
            17px
            44px !important;
    }


    .sr-faq-accordion .elementor-tab-content {
        margin-left: 44px;

        padding:
            2px
            0
            25px
            0 !important;
    }


    .sr-faq-accordion .elementor-tab-content::before {
        left: -16px;
    }


    .sr-faq-accordion .elementor-accordion-icon,
    .sr-faq-accordion .e-n-accordion-item-title-icon {
        width: 27px;
        height: 27px;
    }
}


/* =========================================
   MOBIEL
   ========================================= */

@media (max-width: 767px) {

    .sr-faq-section,
    .sr-faq-section.e-con {
        width: 100% !important;
        max-width: 100% !important;

        padding: 44px 14px 65px !important;
    }


    .sr-faq-section .sr-faq-accordion,
    .sr-faq-accordion {
        width: 100% !important;
        max-width: 100% !important;

        margin-top: 30px !important;
    }


    .sr-faq-accordion .elementor-tab-title,
    .sr-faq-accordion .e-n-accordion-item-title {
        min-height: 56px;

        padding:
            16px
            2px
            16px
            41px !important;
    }


    .sr-faq-accordion .elementor-accordion-icon,
    .sr-faq-accordion .e-n-accordion-item-title-icon {
        width: 26px;
        height: 26px;
    }


    .sr-faq-accordion .elementor-tab-content {
        margin-left: 41px;

        padding:
            2px
            0
            23px
            0 !important;
    }


    .sr-faq-accordion .elementor-tab-content::before {
        left: -14px;
        bottom: 22px;
    }


    .sr-faq-accordion .elementor-accordion-item::after,
    .sr-faq-accordion .e-n-accordion-item::after {
        width: calc(100% - 41px);
        margin-left: 41px;
    }
}


/* =========================================
   EXTRA SMAL MOBIEL
   ========================================= */

@media (max-width: 380px) {

    .sr-faq-section,
    .sr-faq-section.e-con {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }


    .sr-faq-accordion .elementor-tab-title,
    .sr-faq-accordion .e-n-accordion-item-title {
        padding-left: 38px !important;
    }


    .sr-faq-accordion .elementor-accordion-icon,
    .sr-faq-accordion .e-n-accordion-item-title-icon {
        width: 24px;
        height: 24px;
    }


    .sr-faq-accordion .elementor-tab-content {
        margin-left: 38px;

        padding-left: 0 !important;
    }


    .sr-faq-accordion .elementor-tab-content::before {
        left: -13px;
    }


    .sr-faq-accordion .elementor-accordion-item::after,
    .sr-faq-accordion .e-n-accordion-item::after {
        width: calc(100% - 38px);
        margin-left: 38px;
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Bely Display';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://soulroadmap.com/wp-content/uploads/2026/03/BelyDisplayW00-Regular.woff2') format('woff2'),
		url('https://soulroadmap.com/wp-content/uploads/2026/03/BelyDisplayW00-Regular.woff') format('woff');
}
/* End Custom Fonts CSS */