/*
Theme Name:  chucks-child
Theme URI:  http://www.chuckswebdesign.nl
Author:  chucks
Author URI:  http://www.chuckswebdesign.nl
Description: WordPress thema van Chucks Webdesign
Template: chucks
Version:  1.0
*/

.breadcrumbs {
	font-size: 14px;
	margin-bottom: 20px;
	color: #777;
}

.breadcrumbs a {
	text-decoration: none;
}

.breadcrumbs a:hover {
	text-decoration: underline;
}
.mfn-header-menu li.menu-item-11 a{
    color: white!important;
    background: #fc5630;
    border-radius: 15px;
    padding: 10px 15px!important;
}

.mfn-header-menu .mfn-menu-li .mfn-submenu .mfn-menu-link {
    align-items: center;
    padding: 10px 30px;
}

.ti-widget.ti-goog .ti-widget-container {
    text-align: left !important;
}

.widget {
    margin: 10px 0;
    position: relative;
    text-align: left;
}

#Footer .footer_copy .one {
    margin-bottom: 0px;
    padding-top: 5px;
    min-height: 0px;
}

.mfn-header-menu .mfn-menu-li {
    position: relative;
    float: left;
    text-align: left !important;
}

.button.button_full_width .button_icon {
    float: left;
    margin: 0;
    background: none;
}

.content_wrapper .button {
    margin: 0px 0px 0px 0;
}

.schaduw {
	-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
	border-radius: 35px !important;
}

@media only screen and (min-width: 767px) {
.mfn-icon-box-center {
    align-items: center;
    min-height: 600px !important;
    padding: 14px;
    border-radius: 35px;
}
}

.mfn-header-menu>.mfn-menu-li>.mfn-menu-link>.label-wrapper>.menu-label {
    white-space: nowrap;
    font-weight: bold;
}

.widget {
    margin: 30px 0;
    position: relative;
    text-align: left;
}

.mfn-icon-box-center {
    align-items: center;
    padding: 14px;
	border-radius: 0px;
}

#Top_bar .menu>li>a span:not(.description) {
    padding: 0 15px;
}

.testimonials_slider .testimonials_slider_ul li .bq_wrapper {
    background: rgb(255 255 255);
    padding: 30px 40px 10px;
    margin-bottom: 20px;
    margin-top: 20px;
    -webkit-box-shadow: 0 0 10px rgb(0 0 0 / 30%);
}

body:not(.style-simple) .blockquote blockquote {
    text-decoration: none !important;
}

.grecaptcha-badge {
	display: none !important;
}

.feature_list ul li .icon i {
    color: #ffffff !important;
}

.notice, div.error, div.updated {
    display: none !important;
}

#Footer .widget_mfn_menu ul li a {
    background: #c3946e;
    color: #fff;
}

#Footer .themebg, #Footer .widget_categories ul, #Footer .Recent_posts ul li .desc:after, #Footer .Recent_posts ul li .photo .c, #Footer .widget_recent_entries ul li:after, #Footer .widget_mfn_menu ul li a:hover, #Footer .widget_product_categories ul {
    background-color: #212b36;
}

/* MOBIEL MOBIEL MOBIEL MOBIEL MOBIEL
-------------------------------------------------------------- */
@media only screen and (max-width: 767px) {
	.no-sec-padding-mob .mcb-section .section_wrapper, .no-sec-padding .mcb-section .section_wrapper {
    padding-left: 33px !important;
    padding-right: 33px !important;
}
}

/* Calculator overview: [startgoed_rekentools] */
.startgoed-tools {
    --sg-tools-navy: #303084;
    --sg-tools-purple: #7e0a9b;
    --sg-tools-orange: #fc5630;
    --sg-tools-mint: #1dbd9f;
    --sg-tools-ink: #252b38;
    --sg-tools-text: #62647a;
    overflow: hidden;
    background: #fff;
}

.startgoed-tools__inner {
    width: min(100%, 1160px);
    margin: 0 auto;
    padding: 0 32px;
    box-sizing: border-box;
}

.startgoed-tools__hero {
    position: relative;
    overflow: hidden;
    padding: 104px 0 112px;
    background: linear-gradient(117deg, #303084 0%, #45449a 54%, #783c91 100%);
}

.startgoed-tools__hero::before,
.startgoed-tools__hero::after {
    position: absolute;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 50%;
    content: "";
}

.startgoed-tools__hero::before {
    top: -300px;
    right: -76px;
    width: 650px;
    height: 650px;
}

.startgoed-tools__hero::after {
    right: 21%;
    bottom: -315px;
    width: 530px;
    height: 530px;
}

.startgoed-tools__hero .startgoed-tools__inner {
    position: relative;
    z-index: 1;
}

.startgoed-tools__eyebrow,
.startgoed-tools__card-eyebrow,
.startgoed-tools__advice-kicker {
    display: block;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.startgoed-tools__eyebrow {
    margin-bottom: 15px;
    color: #ffbeaa;
}

.startgoed-tools__hero h1 {
    max-width: 650px;
    margin: 0;
    color: #fff;
    font-size: clamp(42px, 5.2vw, 68px);
    font-weight: 800;
    letter-spacing: -.04em;
    line-height: 1.03;
}

.startgoed-tools__hero p {
    max-width: 665px;
    margin: 22px 0 0;
    color: rgba(255, 255, 255, .9);
    font-size: 19px;
    line-height: 1.55;
}

.startgoed-tools__content {
    padding: 86px 0 94px;
}

.startgoed-tools__intro {
    max-width: 700px;
    margin-bottom: 38px;
}

.startgoed-tools__intro h2,
.startgoed-tools__advice h2 {
    margin: 0;
    color: var(--sg-tools-navy);
    font-weight: 800;
    letter-spacing: -.035em;
    line-height: 1.1;
}

.startgoed-tools__intro h2 {
    font-size: clamp(31px, 3.6vw, 48px);
}

.startgoed-tools__intro p {
    margin: 15px 0 0;
    color: var(--sg-tools-text);
    font-size: 18px;
    line-height: 1.55;
}

.startgoed-tools__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.startgoed-tools__card {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-height: 285px;
    padding: 31px 32px 28px;
    border: 1px solid #e5e1ef;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 9px 25px rgba(48, 48, 132, .06);
    box-sizing: border-box;
    color: var(--sg-tools-ink);
    text-decoration: none;
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.startgoed-tools__card:hover {
    border-color: #c9a4dc;
    box-shadow: 0 17px 35px rgba(48, 48, 132, .14);
    color: var(--sg-tools-ink);
    transform: translateY(-4px);
}

.startgoed-tools__icon {
    display: grid;
    width: 52px;
    height: 52px;
    margin-bottom: 23px;
    border-radius: 15px;
    background: #f3ecf8;
    color: var(--sg-tools-purple);
    place-items: center;
}

.startgoed-tools__icon svg {
    width: 29px;
    height: 29px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
}

.startgoed-tools__card:nth-child(2) .startgoed-tools__icon { background: #e7f8f4; color: #159d85; }
.startgoed-tools__card:nth-child(3) .startgoed-tools__icon { background: #fff1eb; color: var(--sg-tools-orange); }
.startgoed-tools__card:nth-child(4) .startgoed-tools__icon { background: #eeedfb; color: var(--sg-tools-navy); }

.startgoed-tools__card-eyebrow {
    margin-bottom: 8px;
    color: var(--sg-tools-purple);
    font-size: 11px;
}

.startgoed-tools__card h3 {
    margin: 0;
    color: var(--sg-tools-navy);
    font-size: 25px;
    font-weight: 800;
    letter-spacing: -.025em;
    line-height: 1.17;
}

.startgoed-tools__card p {
    margin: 12px 0 22px;
    color: var(--sg-tools-text);
    font-size: 16px;
    line-height: 1.5;
}

.startgoed-tools__link {
    margin-top: auto;
    color: var(--sg-tools-purple);
    font-size: 15px;
    font-weight: 800;
}

.startgoed-tools__link span {
    display: inline-block;
    margin-left: 4px;
    color: var(--sg-tools-mint);
    font-size: 19px;
    transition: transform .2s ease;
}

.startgoed-tools__card:hover .startgoed-tools__link span { transform: translateX(4px); }

.startgoed-tools__advice {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 35px;
    margin-top: 54px;
    padding: 37px 42px;
    border-radius: 20px;
    background: #f2edfb;
}

.startgoed-tools__advice-kicker {
    margin-bottom: 10px;
    color: var(--sg-tools-purple);
    font-size: 11px;
}

.startgoed-tools__advice h2 {
    max-width: 680px;
    font-size: clamp(25px, 2.8vw, 35px);
}

.startgoed-tools__advice a {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 8px;
    padding: 15px 24px;
    border-radius: 999px;
    background: var(--sg-tools-orange);
    box-shadow: 0 10px 20px rgba(252, 86, 48, .2);
    color: #fff;
    font-size: 15px;
    font-weight: 800;
    text-decoration: none;
    transition: transform .2s ease, background-color .2s ease;
}

.startgoed-tools__advice a:hover {
    background: #e94725;
    color: #fff;
    transform: translateY(-2px);
}

@media only screen and (max-width: 767px) {
    .startgoed-tools__inner { padding: 0 22px; }
    .startgoed-tools__hero { padding: 70px 0 76px; }
    .startgoed-tools__hero p,
    .startgoed-tools__intro p { font-size: 17px; }
    .startgoed-tools__content { padding: 57px 0 64px; }
    .startgoed-tools__intro { margin-bottom: 28px; }
    .startgoed-tools__grid { grid-template-columns: 1fr; gap: 14px; }
    .startgoed-tools__card { min-height: 260px; padding: 27px 25px 25px; }
    .startgoed-tools__advice { align-items: flex-start; flex-direction: column; gap: 22px; margin-top: 36px; padding: 28px 25px; }
}

/* Contact appointment layout: editable through the matching BeBuilder import. */
.sg-contact-appointment {
    --sg-contact-appointment-navy: #38368f;
    --sg-contact-appointment-orange: #f46443;
    padding: 0;
    background: #ffffff;
}

.sg-contact-appointment .section_wrapper {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    width: 100% !important;
    max-width: 1440px !important;
    min-height: 684px;
    padding: 0 !important;
}

.sg-contact-appointment-form,
.sg-contact-appointment-direct {
    width: 100% !important;
}

.sg-contact-appointment-form .mcb-wrap-inner {
    width: min(100%, 648px);
    margin-left: auto;
    padding: 38px 88px 50px 54px;
    box-sizing: border-box;
}

.sg-contact-appointment-title h1 {
    max-width: 500px;
    margin: 0 0 12px;
    color: var(--sg-contact-appointment-navy);
    font-size: clamp(38px, 3.2vw, 54px);
    line-height: 1.02;
    font-weight: 800;
}

.sg-contact-appointment-intro .column_attr p {
    max-width: 550px;
    margin: 0 0 32px;
    color: #6264a2;
    font-size: 18px;
    line-height: 1.45;
}

.sg-contact-appointment-form-fields .wpcf7 form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 18px;
}

.sg-contact-appointment-form-fields .wpcf7 form > p {
    margin: 0 0 15px;
    color: var(--sg-contact-appointment-navy);
    font-size: 15px;
    font-weight: 800;
    line-height: 1.35;
}

.sg-contact-appointment-form-fields .wpcf7 form > p:nth-of-type(5),
.sg-contact-appointment-form-fields .wpcf7 form > p:nth-of-type(6),
.sg-contact-appointment-form-fields .wpcf7 form > p:nth-of-type(7) {
    grid-column: 1 / -1;
}

.sg-contact-appointment-form-fields input[type="text"],
.sg-contact-appointment-form-fields input[type="email"],
.sg-contact-appointment-form-fields input[type="tel"],
.sg-contact-appointment-form-fields textarea {
    width: 100%;
    min-height: 47px;
    margin: 6px 0 0;
    padding: 11px 14px;
    border: 1px solid #d9d9eb;
    border-radius: 13px;
    background: #ffffff;
    box-sizing: border-box;
    color: #25255f;
    font-family: inherit;
    font-size: 16px;
}

.sg-contact-appointment-form-fields textarea {
    min-height: 70px;
    resize: vertical;
}

.sg-contact-appointment-form-fields .wpcf7-list-item {
    margin: 0 16px 0 0;
    color: var(--sg-contact-appointment-navy);
    font-size: 15px;
    font-weight: 500;
}

.sg-contact-appointment-form-fields .wpcf7-submit {
    min-height: 46px;
    padding: 0 24px;
    border: 0;
    border-radius: 999px;
    background: var(--sg-contact-appointment-orange);
    color: #ffffff;
    font-size: 15px;
    font-weight: 800;
    box-shadow: 0 11px 22px rgba(244, 100, 67, 0.2);
}

.sg-contact-appointment-form-fields .wpcf7 form > p:last-child {
    display: flex;
    align-items: center;
    gap: 16px;
}

.sg-contact-appointment-form-fields .wpcf7 form > p:last-child::after {
    content: "Gratis en vrijblijvend";
    color: #8b8eb7;
    font-size: 14px;
    font-weight: 500;
}

.sg-contact-appointment-direct .mcb-wrap-inner {
    position: relative;
    min-height: 684px;
    padding: 38px min(9vw, 136px) 46px 48px;
    overflow: hidden;
    box-sizing: border-box;
    background: var(--sg-contact-appointment-navy);
}

.sg-contact-appointment-direct .mcb-wrap-inner::after {
    position: absolute;
    top: -88px;
    right: -52px;
    width: 214px;
    height: 410px;
    content: "";
    border-radius: 44px;
    background: rgba(149, 75, 167, 0.38);
    transform: rotate(37deg);
}

.sg-contact-direct-title h2.title {
    position: relative;
    z-index: 1;
    margin: 0 0 8px;
    color: #ffffff;
    font-size: clamp(32px, 2.4vw, 43px);
    line-height: 1.1;
    font-weight: 800;
}

.sg-contact-direct-intro .column_attr p {
    position: relative;
    z-index: 1;
    max-width: 510px;
    margin: 0 0 22px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.45;
}

.sg-contact-direct-links .column_attr {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 12px;
    margin-bottom: 18px;
}

.sg-contact-direct-links a {
    display: inline-flex;
    align-items: center;
    gap: 13px;
    width: fit-content;
    color: #ffffff;
    font-size: 18px;
    line-height: 1.2;
    text-decoration: none;
}

.sg-contact-direct-links a > i {
    color: var(--sg-contact-appointment-orange);
    font-size: 16px;
}

.sg-contact-direct-links a.sg-contact-whatsapp {
    margin-top: 4px;
    padding: 13px 22px;
    border-radius: 999px;
    background: #008c42;
    font-size: 16px;
    box-shadow: 0 12px 26px rgba(0, 0, 0, 0.18);
}

.sg-contact-direct-links a.sg-contact-whatsapp > i {
    color: #ffffff;
    font-size: 19px;
}

.sg-contact-direct-note .column_attr {
    position: relative;
    z-index: 1;
    max-width: 560px;
    margin: 18px 0 24px;
    padding: 13px 16px;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.15);
    color: #ffffff;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.45;
}

.sg-contact-direct-note p {
    margin: 0;
}

.sg-contact-direct-note strong {
    color: #ffffff;
}

.sg-contact-photo-label .column_attr {
    position: relative;
    z-index: 2;
    display: inline-flex;
    margin: 0 0 -8px -14px;
    padding: 13px 24px;
    border-radius: 22px 22px 22px 3px;
    background: var(--sg-contact-appointment-orange);
    color: #ffffff;
    font-size: 16px;
    font-weight: 800;
}

.sg-contact-photo-label p {
    margin: 0;
}

.sg-contact-adviser-photo {
    position: relative;
    z-index: 1;
    width: 332px !important;
    max-width: 100%;
    margin-left: 0;
}

.sg-contact-adviser-photo .image_frame {
    display: block;
    overflow: hidden;
    border: 0;
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.16);
}

.sg-contact-adviser-photo img {
    display: block;
    width: 100% !important;
    height: 212px !important;
    object-fit: cover;
    object-position: center top;
}

@media only screen and (max-width: 959px) {
    .sg-contact-appointment .section_wrapper {
        grid-template-columns: 1fr;
        min-height: 0;
    }

    .sg-contact-appointment-form .mcb-wrap-inner {
        width: min(100%, 720px);
        margin: 0 auto;
        padding: 48px 32px;
    }

    .sg-contact-appointment-direct .mcb-wrap-inner {
        min-height: 0;
        padding: 48px 32px;
    }
}

@media only screen and (max-width: 600px) {
    .sg-contact-appointment-form .mcb-wrap-inner,
    .sg-contact-appointment-direct .mcb-wrap-inner {
        padding: 36px 22px;
    }

    .sg-contact-appointment-form-fields .wpcf7 form {
        grid-template-columns: 1fr;
    }

    .sg-contact-appointment-form-fields .wpcf7 form > p {
        grid-column: 1 / -1;
    }

    .sg-contact-appointment-form-fields .wpcf7 form > p:last-child {
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
    }

    .sg-contact-direct-links a {
        font-size: 16px;
    }
}

/* Final cascade layer for the contact appointment design. */
.mfn-builder-content .sg-contact-section.sg-contact-appointment {
    width: 100vw !important;
    max-width: none !important;
    margin-right: calc(50% - 50vw) !important;
    margin-left: calc(50% - 50vw) !important;
}

.mfn-builder-content .sg-contact-section.sg-contact-appointment .section_wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 684px;
    margin: 0 !important;
    padding: 0 !important;
}

.mfn-builder-content .sg-contact-section.sg-contact-appointment .sg-contact-appointment-form .mcb-wrap-inner {
    width: min(100%, 720px);
    margin-left: auto;
    padding: 46px clamp(48px, 7vw, 140px) 48px clamp(32px, 7vw, 140px);
}

.mfn-builder-content .sg-contact-section.sg-contact-appointment .sg-contact-appointment-direct .mcb-wrap-inner {
    min-height: 684px;
    padding: 42px clamp(42px, 7vw, 132px) 46px clamp(32px, 4vw, 72px);
    background: #38368f !important;
}

.mfn-builder-content .sg-contact-section.sg-contact-appointment .sg-contact-direct-title h2.title {
    color: #ffffff !important;
    font-size: clamp(34px, 2.7vw, 50px);
}

.mfn-builder-content .sg-contact-section.sg-contact-appointment .sg-contact-direct-intro .column_attr,
.mfn-builder-content .sg-contact-section.sg-contact-appointment .sg-contact-direct-intro .column_attr p,
.mfn-builder-content .sg-contact-section.sg-contact-appointment .sg-contact-direct-note .column_attr,
.mfn-builder-content .sg-contact-section.sg-contact-appointment .sg-contact-direct-note p,
.mfn-builder-content .sg-contact-section.sg-contact-appointment .sg-contact-direct-note strong,
.mfn-builder-content .sg-contact-section.sg-contact-appointment .sg-contact-photo-label .column_attr,
.mfn-builder-content .sg-contact-section.sg-contact-appointment .sg-contact-photo-label p {
    color: #ffffff !important;
}

.mfn-builder-content .sg-contact-section.sg-contact-appointment .sg-contact-direct-links a {
    color: #ffffff !important;
}

.mfn-builder-content .sg-contact-section.sg-contact-appointment .sg-contact-direct-note .column_attr {
    background: rgba(255, 255, 255, 0.16) !important;
}

.mfn-builder-content .sg-contact-section.sg-contact-appointment .sg-contact-photo-label .column_attr {
    background: #f46443 !important;
}

@media only screen and (max-width: 959px) {
    .mfn-builder-content .sg-contact-section.sg-contact-appointment {
        width: 100% !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .mfn-builder-content .sg-contact-section.sg-contact-appointment .section_wrapper {
        grid-template-columns: 1fr !important;
        min-height: 0;
    }

    .mfn-builder-content .sg-contact-section.sg-contact-appointment .sg-contact-appointment-form .mcb-wrap-inner,
    .mfn-builder-content .sg-contact-section.sg-contact-appointment .sg-contact-appointment-direct .mcb-wrap-inner {
        width: min(100%, 720px);
        min-height: 0;
        margin: 0 auto;
        padding: 48px 32px;
    }
}

#cookie-law-info-bar {
    z-index: 999999999999999999 !important;
}

#mfn-gdpr {
    display: none;
    align-items: center;
    position: fixed;
    z-index: 999999999999999 !important;
    box-sizing: border-box;
}

.woocommerce .mfn-variations-wrapper-loop {
    display: none;
}

.startgoed-blog-cards {
    --sg-blog-card-bg: #ffffff;
    --sg-blog-image-bg: #f3ebfb;
    --sg-blog-heading: #373694;
    --sg-blog-text: #6767b1;
    --sg-blog-button: #b778e4;
    padding: 0;
}

.startgoed-blog-cards__inner {
    width: min(100%, 1160px);
    margin: 0 auto;
    padding: 0 32px;
}

.startgoed-blog-cards__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.startgoed-blog-card {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-height: 100%;
    border-radius: 26px;
    background: var(--sg-blog-card-bg);
    box-shadow: 0 18px 40px rgba(62, 58, 115, 0.08);
}

.startgoed-blog-card__image {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1.45 / 1;
    overflow: hidden;
    background: var(--sg-blog-image-bg);
    text-decoration: none;
}

.startgoed-blog-cards__image-tag {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.35s ease;
}

.startgoed-blog-card:hover .startgoed-blog-cards__image-tag {
    transform: scale(1.04);
}

.startgoed-blog-card__image-placeholder {
    color: #7877bb;
    font-size: 28px;
    font-weight: 500;
}

.startgoed-blog-card__content {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 26px 24px 24px;
}

.startgoed-blog-card__title {
    margin: 0 0 12px;
    color: var(--sg-blog-heading);
    font-size: 20px;
    line-height: 1.3;
    font-weight: 700;
}

.startgoed-blog-card__title a {
    color: inherit;
    text-decoration: none;
}

.startgoed-blog-card__excerpt {
    margin: 0 0 14px;
    color: var(--sg-blog-text);
    font-size: 18px;
    line-height: 1.5;
}

.startgoed-blog-card__link,
.startgoed-blog-cards__button {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    width: fit-content;
    font-weight: 700;
    text-decoration: none;
    transition: transform 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.startgoed-blog-card__link {
    margin-top: auto;
    color: var(--sg-blog-heading);
    font-size: 18px;
}

.startgoed-blog-card__link:hover,
.startgoed-blog-cards__button:hover {
    transform: translateX(3px);
}

.startgoed-blog-cards__footer {
    margin-top: 30px;
}

.startgoed-blog-cards__button {
    padding: 14px 26px;
    border: 2px solid var(--sg-blog-button);
    border-radius: 999px;
    color: var(--sg-blog-heading);
    font-size: 18px;
}

@media only screen and (max-width: 1099px) {
    .startgoed-blog-cards__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media only screen and (max-width: 767px) {
    .startgoed-blog-cards__inner {
        padding: 0 20px;
    }

    .startgoed-blog-cards__grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .startgoed-blog-card__content {
        padding: 22px 20px 20px;
    }

    .startgoed-blog-card__title {
        font-size: 22px;
    }

    .startgoed-blog-card__excerpt,
    .startgoed-blog-card__link,
    .startgoed-blog-cards__button {
        font-size: 17px;
    }
}

/* Full blog overview: uses the same card language as the homepage block. */
.startgoed-blog-overview {
    --sg-overview-card-bg: #ffffff;
    --sg-overview-image-bg: #f3ebfb;
    --sg-overview-heading: #373694;
    --sg-overview-text: #6767b1;
    background: #f8f7f2;
}

.startgoed-blog-overview__listing {
    padding: 68px 0 82px;
}

.startgoed-blog-overview__inner {
    width: min(100%, 1160px);
    margin: 0 auto;
    padding: 0 32px;
}

.startgoed-blog-overview__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 28px 18px;
}

.startgoed-blog-overview__card {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-height: 100%;
    border-radius: 26px;
    background: var(--sg-overview-card-bg);
    box-shadow: 0 18px 40px rgba(62, 58, 115, 0.08);
}

.startgoed-blog-overview__image {
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1.45 / 1;
    overflow: hidden;
    background: var(--sg-overview-image-bg);
}

.startgoed-blog-overview__image-tag {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.35s ease;
}

.startgoed-blog-overview__card:hover .startgoed-blog-overview__image-tag {
    transform: scale(1.04);
}

.startgoed-blog-overview__placeholder {
    color: #7877bb;
    font-size: 22px;
    font-weight: 500;
}

.startgoed-blog-overview__content {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 26px 24px 24px;
}

.startgoed-blog-overview__title {
    margin: 0 0 12px;
    color: var(--sg-overview-heading);
    font-size: 23px;
    line-height: 1.28;
    font-weight: 700;
}

.startgoed-blog-overview__title a {
    color: inherit;
    text-decoration: none;
}

.startgoed-blog-overview__excerpt {
    margin: 0 0 18px;
    color: var(--sg-overview-text);
    font-size: 17px;
    line-height: 1.5;
}

.startgoed-blog-overview__link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    width: fit-content;
    margin-top: auto;
    color: var(--sg-overview-heading);
    font-size: 17px;
    font-weight: 700;
    text-decoration: none;
    transition: transform 0.2s ease;
}

.startgoed-blog-overview__link:hover {
    color: var(--sg-overview-heading);
    transform: translateX(3px);
}

.startgoed-blog-overview__pagination {
    margin-top: 48px;
}

.startgoed-blog-overview__pagination .page-numbers {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.startgoed-blog-overview__pagination .page-numbers a,
.startgoed-blog-overview__pagination .page-numbers span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 44px;
    padding: 0 13px;
    border: 1px solid #b778e4;
    border-radius: 999px;
    color: var(--sg-overview-heading);
    font-weight: 700;
    text-decoration: none;
}

.startgoed-blog-overview__pagination .page-numbers .current {
    border-color: var(--sg-overview-heading);
    background: var(--sg-overview-heading);
    color: #ffffff;
}

@media only screen and (max-width: 1099px) {
    .startgoed-blog-overview__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media only screen and (max-width: 767px) {
    .startgoed-blog-overview__listing {
        padding: 44px 0 56px;
    }

    .startgoed-blog-overview__inner {
        padding: 0 20px;
    }

    .startgoed-blog-overview__grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .startgoed-blog-overview__content {
        padding: 22px 20px 20px;
    }
}

.startgoed-landing {
    --sg-navy: #302d8f;
    --sg-ink: #222746;
    --sg-muted: #5d6382;
    --sg-orange: #ff6334;
    --sg-soft: #f8f7f2;
    --sg-lilac: #f0ebfb;
    --sg-line: rgba(48, 45, 143, 0.14);
    font-family: inherit;
}

.startgoed-landing *,
.startgoed-landing *::before,
.startgoed-landing *::after {
    box-sizing: border-box;
}

.startgoed-landing__inner {
    width: min(100%, 1160px);
    margin: 0 auto;
    padding: 0 32px;
}

.startgoed-landing h1,
.startgoed-landing h2,
.startgoed-landing h3 {
    color: var(--sg-navy);
    letter-spacing: 0;
}

.startgoed-landing h1 {
    max-width: 720px;
    margin: 18px 0 18px;
    font-size: 54px;
    line-height: 1.04;
    font-weight: 800;
}

.startgoed-landing h2 {
    margin: 0 0 20px;
    font-size: 34px;
    line-height: 1.18;
    font-weight: 800;
}

.startgoed-landing h3 {
    margin: 0 0 18px;
    font-size: 28px;
    line-height: 1.2;
    font-weight: 800;
}

.startgoed-landing p {
    margin: 0 0 16px;
    color: var(--sg-muted);
    font-size: 17px;
    line-height: 1.65;
}

.startgoed-landing__kicker {
    display: inline-flex;
    padding: 7px 13px;
    border: 1px solid var(--sg-orange);
    border-radius: 999px;
    color: var(--sg-orange);
    font-size: 13px;
    font-weight: 800;
}

.startgoed-landing__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 28px;
}

.startgoed-landing__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 48px;
    padding: 0 25px;
    border-radius: 999px;
    font-size: 15px;
    font-weight: 800;
    text-decoration: none;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.startgoed-landing__button:hover {
    transform: translateY(-2px);
}

.startgoed-landing__button--primary {
    background: var(--sg-orange);
    color: #ffffff !important;
    box-shadow: 0 12px 24px rgba(255, 99, 52, 0.26);
}

.startgoed-landing__button--secondary {
    border: 1px solid var(--sg-navy);
    background: #ffffff;
    color: var(--sg-navy) !important;
}

.startgoed-landing__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: var(--sg-lilac);
    color: var(--sg-navy);
    font-size: 14px;
    font-weight: 800;
    text-transform: uppercase;
}

.startgoed-hero {
    overflow: hidden;
    padding: 72px 0 76px;
    background: linear-gradient(180deg, #ffffff 0%, #fbfaf6 100%);
}

.startgoed-hero__grid {
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(360px, 1fr);
    gap: 58px;
    align-items: center;
}

.startgoed-hero__content > p {
    max-width: 640px;
}

.startgoed-hero__trust {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    margin-top: 34px;
}

.startgoed-hero__trust span {
    display: flex;
    gap: 10px;
    align-items: center;
    color: var(--sg-muted);
    font-size: 14px;
    line-height: 1.35;
}

.startgoed-hero__trust .startgoed-landing__icon {
    width: 32px;
    height: 32px;
    background: transparent;
    border: 1px solid var(--sg-line);
    font-size: 11px;
}

.startgoed-hero__visual {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    min-height: 430px;
    padding: 32px;
}

.startgoed-hero__visual::before {
    position: absolute;
    inset: 24px 12px 0;
    content: "";
    border-radius: 46% 54% 42% 58%;
    background: linear-gradient(135deg, #f5efff 0%, #e9e2fb 68%, #fff6ee 100%);
}

.startgoed-hero__visual::after {
    position: absolute;
    right: 34px;
    top: 72px;
    left: 20px;
    height: 118px;
    content: "";
    border-top: 4px solid rgba(255, 255, 255, 0.82);
    border-radius: 50%;
    transform: rotate(13deg);
}

.startgoed-hero__image {
    position: relative;
    z-index: 1;
    display: block;
    width: min(100%, 470px);
    max-height: 390px;
    object-fit: contain;
}

.startgoed-hero__badge {
    position: absolute;
    z-index: 2;
    top: 44px;
    right: 24px;
    max-width: 190px;
    padding: 16px 18px;
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 18px 34px rgba(48, 45, 143, 0.13);
}

.startgoed-hero__badge strong,
.startgoed-hero__badge span {
    display: block;
}

.startgoed-hero__badge strong {
    color: var(--sg-navy);
    font-size: 14px;
}

.startgoed-hero__badge span {
    color: var(--sg-muted);
    font-size: 12px;
    line-height: 1.4;
}

.startgoed-info {
    padding: 62px 0 42px;
    background: #ffffff;
}

.startgoed-info__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 430px;
    gap: 64px;
    align-items: start;
}

.startgoed-info__chart {
    margin-top: 28px;
    padding: 24px 28px;
    border-radius: 20px;
    background: linear-gradient(135deg, #f7f3ff 0%, #ffffff 100%);
}

.startgoed-info__chart strong {
    display: block;
    margin-bottom: 14px;
    color: var(--sg-navy);
    font-size: 18px;
}

.startgoed-info__chart svg {
    display: block;
    width: 100%;
    height: auto;
}

.startgoed-info__chart path {
    fill: none;
    stroke: var(--sg-navy);
    stroke-width: 2;
}

.startgoed-info__chart .startgoed-info__line {
    stroke-width: 4;
}

.startgoed-info__chart .startgoed-info__dash {
    stroke-dasharray: 6 7;
}

.startgoed-info__features {
    padding: 28px;
    border-radius: 20px;
    background: #ffffff;
    box-shadow: 0 18px 42px rgba(48, 45, 143, 0.11);
}

.startgoed-info__feature {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 18px;
    align-items: start;
}

.startgoed-info__feature + .startgoed-info__feature {
    margin-top: 22px;
}

.startgoed-info__feature strong,
.startgoed-card-strip strong,
.startgoed-steps strong {
    display: block;
    margin-bottom: 6px;
    color: var(--sg-navy);
    font-size: 16px;
    line-height: 1.25;
}

.startgoed-info__feature p {
    margin-bottom: 0;
    font-size: 15px;
    line-height: 1.48;
}

.startgoed-card-strip {
    padding: 34px 0 44px;
    background: #ffffff;
}

.startgoed-card-strip .startgoed-landing__inner {
    padding-top: 30px;
    padding-bottom: 30px;
    border-radius: 22px;
    background: linear-gradient(135deg, #fbf5eb 0%, #ffffff 62%, #f6f1ff 100%);
}

.startgoed-card-strip h2,
.startgoed-steps h2,
.startgoed-faq h2,
.startgoed-logos h2 {
    text-align: center;
}

.startgoed-card-strip__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
}

.startgoed-card-strip article {
    padding: 8px 26px;
}

.startgoed-card-strip article + article {
    border-left: 1px solid rgba(255, 99, 52, 0.25);
}

.startgoed-card-strip p,
.startgoed-steps p {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 1.5;
}

.startgoed-card-strip .startgoed-landing__icon {
    margin-bottom: 18px;
    background: #ffffff;
    color: var(--sg-orange);
    box-shadow: 0 10px 24px rgba(255, 99, 52, 0.13);
}

.startgoed-steps {
    padding: 28px 0 44px;
    background: #ffffff;
}

.startgoed-steps__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 34px;
}

.startgoed-steps article {
    position: relative;
    display: grid;
    grid-template-columns: 68px minmax(0, 1fr);
    gap: 18px;
    align-items: center;
}

.startgoed-steps article:not(:last-child)::after {
    position: absolute;
    top: 34px;
    right: -25px;
    width: 46px;
    content: "";
    border-top: 2px dashed rgba(48, 45, 143, 0.34);
}

.startgoed-steps__number {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--sg-navy);
    color: #ffffff;
    font-size: 13px;
    font-weight: 800;
}

.startgoed-steps .startgoed-landing__icon {
    width: 68px;
    height: 68px;
    font-size: 13px;
}

.startgoed-cta {
    padding: 42px 0 52px;
    background: #ffffff;
}

.startgoed-cta__panel {
    display: grid;
    grid-template-columns: minmax(0, 0.92fr) minmax(360px, 1fr);
    overflow: hidden;
    border-radius: 24px;
    background: linear-gradient(135deg, #fbf4e9 0%, #ffffff 54%);
    box-shadow: 0 18px 44px rgba(48, 45, 143, 0.1);
}

.startgoed-cta__content {
    padding: 42px 34px 38px;
}

.startgoed-cta ul {
    display: grid;
    gap: 7px;
    margin: 22px 0 0;
    padding: 0;
    list-style: none;
}

.startgoed-cta li {
    position: relative;
    padding-left: 25px;
    color: var(--sg-muted);
    font-size: 15px;
}

.startgoed-cta li::before {
    position: absolute;
    left: 0;
    top: 1px;
    content: "ok";
    color: var(--sg-orange);
    font-size: 11px;
    font-weight: 800;
}

.startgoed-cta__media {
    position: relative;
    min-height: 350px;
}

.startgoed-cta__image {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 350px;
    object-fit: cover;
}

.startgoed-cta__badge {
    position: absolute;
    right: 22px;
    bottom: 22px;
    max-width: 170px;
    padding: 18px;
    border-radius: 16px;
    background: var(--sg-navy);
    color: #ffffff;
    box-shadow: 0 16px 30px rgba(48, 45, 143, 0.22);
}

.startgoed-cta__badge span,
.startgoed-cta__badge strong {
    display: block;
}

.startgoed-cta__badge span {
    font-size: 13px;
}

.startgoed-cta__badge strong {
    font-size: 21px;
    line-height: 1.08;
}

.startgoed-faq {
    padding: 42px 0 34px;
    background: #ffffff;
}

.startgoed-faq__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 20px;
}

.startgoed-faq details {
    border-radius: 10px;
    background: #f7f5f0;
}

.startgoed-faq summary {
    position: relative;
    cursor: pointer;
    padding: 18px 52px 18px 20px;
    color: var(--sg-ink);
    font-size: 15px;
    font-weight: 800;
    list-style: none;
}

.startgoed-faq summary::-webkit-details-marker {
    display: none;
}

.startgoed-faq summary::after {
    position: absolute;
    right: 20px;
    content: "+";
    color: var(--sg-navy);
}

.startgoed-faq details[open] summary::after {
    content: "-";
}

.startgoed-faq details p {
    padding: 0 20px 18px;
    font-size: 15px;
}

.startgoed-logos {
    padding: 26px 0 62px;
    background: #ffffff;
}

.startgoed-logos__row {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 16px;
    align-items: center;
}

.startgoed-logos__item {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 74px;
    padding: 14px;
    border-radius: 12px;
    background: #ffffff;
    color: var(--sg-navy);
    font-size: 22px;
    font-weight: 800;
    text-align: center;
    box-shadow: 0 10px 26px rgba(48, 45, 143, 0.08);
}

.startgoed-logos__image {
    display: block;
    width: auto;
    max-width: 100%;
    max-height: 46px;
    object-fit: contain;
}

@media only screen and (max-width: 1099px) {
    .startgoed-hero__grid,
    .startgoed-info__grid,
    .startgoed-cta__panel {
        grid-template-columns: 1fr;
    }

    .startgoed-card-strip__grid,
    .startgoed-logos__row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .startgoed-card-strip article:nth-child(odd) {
        border-left: 0;
    }

    .startgoed-steps article:not(:last-child)::after {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .startgoed-landing__inner {
        padding: 0 20px;
    }

    .startgoed-landing h1 {
        font-size: 38px;
    }

    .startgoed-landing h2 {
        font-size: 28px;
    }

    .startgoed-landing h3 {
        font-size: 23px;
    }

    .startgoed-hero {
        padding: 48px 0 54px;
    }

    .startgoed-hero__visual {
        min-height: 300px;
        padding: 20px;
    }

    .startgoed-hero__trust,
    .startgoed-steps__grid,
    .startgoed-faq__grid {
        grid-template-columns: 1fr;
    }

    .startgoed-card-strip .startgoed-landing__inner {
        border-radius: 0;
    }

    .startgoed-card-strip__grid,
    .startgoed-logos__row {
        grid-template-columns: 1fr;
    }

    .startgoed-card-strip article {
        padding: 18px 0;
        border-left: 0 !important;
        border-top: 1px solid rgba(255, 99, 52, 0.2);
    }

    .startgoed-card-strip article:first-child {
        border-top: 0;
    }

    .startgoed-cta__content {
        padding: 30px 22px;
    }

    .startgoed-cta__media,
    .startgoed-cta__image {
        min-height: 270px;
    }
}

.sg-builder-section {
    --sg-builder-navy: #302d8f;
    --sg-builder-ink: #222746;
    --sg-builder-muted: #5d6382;
    --sg-builder-orange: #ff6334;
    --sg-builder-soft: #f8f7f2;
    --sg-builder-lilac: #f0ebfb;
    --sg-builder-line: rgba(48, 45, 143, 0.14);
    background: #ffffff;
}

.sg-builder-section .section_wrapper {
    width: min(100%, 1160px);
}

.sg-builder-section h1.title,
.sg-builder-section h2.title,
.sg-builder-section h3.title,
.sg-builder-section h4.title,
.sg-builder-section .icon_box .title {
    color: var(--sg-builder-navy);
    letter-spacing: 0;
}

.sg-builder-section p,
.sg-builder-section .column_attr,
.sg-builder-section .icon_box .desc {
    color: var(--sg-builder-muted);
    font-size: 17px;
    line-height: 1.65;
}

.sg-builder-center {
    text-align: center;
}

.sg-builder-kicker .column_attr p {
    display: inline-flex;
    margin: 0 0 16px;
    padding: 7px 13px;
    border: 1px solid var(--sg-builder-orange);
    border-radius: 999px;
    color: var(--sg-builder-orange);
    font-size: 13px;
    font-weight: 800;
    line-height: 1;
}

.sg-builder-hero {
    overflow: hidden;
    padding: 72px 0 76px;
    background: linear-gradient(180deg, #ffffff 0%, #fbfaf6 100%);
}

.sg-builder-hero-title h1.title {
    max-width: 720px;
    margin: 0 0 18px;
    font-size: 54px;
    line-height: 1.04;
    font-weight: 800;
}

.sg-builder-lead .column_attr p {
    max-width: 640px;
    margin-bottom: 0;
}

.sg-builder-button-primary .button,
.sg-builder-button-secondary .button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 0 25px;
    border-radius: 999px !important;
    font-size: 15px;
    font-weight: 800;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.sg-builder-button-primary .button:hover,
.sg-builder-button-secondary .button:hover {
    transform: translateY(-2px);
}

.sg-builder-button-primary .button {
    border-color: var(--sg-builder-orange) !important;
    background: var(--sg-builder-orange) !important;
    color: #ffffff !important;
    box-shadow: 0 12px 24px rgba(255, 99, 52, 0.26);
}

.sg-builder-button-primary .button .button_label,
.sg-builder-button-secondary .button .button_label {
    padding: 0;
}

.sg-builder-button-secondary .button {
    border: 1px solid var(--sg-builder-navy) !important;
    background: #ffffff !important;
    color: var(--sg-builder-navy) !important;
}

.sg-builder-trust {
    margin-top: 30px;
}

.sg-builder-trust .icon_box {
    display: flex;
    align-items: center;
    gap: 10px;
}

.sg-builder-trust .icon_wrapper {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    margin: 0;
    border: 1px solid var(--sg-builder-line);
    border-radius: 50%;
}

.sg-builder-trust .icon_wrapper i {
    color: var(--sg-builder-navy);
    font-size: 14px;
}

.sg-builder-trust .desc_wrapper h4.title {
    margin: 0;
    color: var(--sg-builder-muted);
    font-size: 14px;
    line-height: 1.35;
    font-weight: 700;
}

.sg-builder-hero-visual .mcb-wrap-inner {
    position: relative;
    min-height: 430px;
    padding: 32px;
}

.sg-builder-hero-visual .mcb-wrap-inner::before {
    position: absolute;
    inset: 24px 12px 0;
    content: "";
    border-radius: 46% 54% 42% 58%;
    background: linear-gradient(135deg, #f5efff 0%, #e9e2fb 68%, #fff6ee 100%);
}

.sg-builder-hero-visual .mcb-wrap-inner::after {
    position: absolute;
    right: 34px;
    top: 72px;
    left: 20px;
    height: 118px;
    content: "";
    border-top: 4px solid rgba(255, 255, 255, 0.82);
    border-radius: 50%;
    transform: rotate(13deg);
}

.sg-builder-hero-image,
.sg-builder-floating-badge {
    position: relative;
    z-index: 1;
}

.sg-builder-hero-image .image_frame,
.sg-builder-hero-image .image_wrapper {
    border: 0;
    background: transparent;
    box-shadow: none;
}

.sg-builder-hero-image img {
    display: block;
    width: min(100%, 470px);
    max-height: 390px;
    margin: 0 auto;
    object-fit: contain;
}

.sg-builder-floating-badge {
    position: absolute !important;
    top: 44px;
    right: 24px;
    width: 190px !important;
}

.sg-builder-floating-badge .column_attr {
    padding: 16px 18px;
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 18px 34px rgba(48, 45, 143, 0.13);
}

.sg-builder-floating-badge p {
    margin: 0;
    font-size: 12px;
    line-height: 1.4;
}

.sg-builder-floating-badge strong {
    display: block;
    color: var(--sg-builder-navy);
    font-size: 14px;
}

.sg-builder-info {
    padding: 62px 0 42px;
}

.sg-builder-section-title h2.title {
    margin: 0 0 20px;
    font-size: 34px;
    line-height: 1.18;
    font-weight: 800;
}

.sg-builder-panel-title h3.title {
    margin: 0 0 18px;
    font-size: 28px;
    line-height: 1.2;
    font-weight: 800;
}

.sg-builder-feature-panel .mcb-wrap-inner {
    padding: 28px;
    border-radius: 20px;
    background: #ffffff;
    box-shadow: 0 18px 42px rgba(48, 45, 143, 0.11);
}

.sg-builder-feature {
    margin-bottom: 22px;
}

.sg-builder-feature .icon_box {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 18px;
}

.sg-builder-feature .icon_wrapper,
.sg-builder-mini-card .icon_wrapper,
.sg-builder-step .icon_wrapper {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--sg-builder-lilac);
}

.sg-builder-feature .icon_wrapper {
    width: 48px;
    height: 48px;
}

.sg-builder-feature .icon_wrapper i,
.sg-builder-mini-card .icon_wrapper i,
.sg-builder-step .icon_wrapper i {
    color: var(--sg-builder-navy);
}

.sg-builder-feature .desc_wrapper h4.title,
.sg-builder-mini-card .desc_wrapper h4.title,
.sg-builder-step .desc_wrapper h4.title {
    margin: 0 0 6px;
    font-size: 16px;
    line-height: 1.25;
    font-weight: 800;
}

.sg-builder-feature .desc,
.sg-builder-mini-card .desc,
.sg-builder-step .desc {
    font-size: 15px;
    line-height: 1.48;
}

.sg-builder-chart-card .column_attr {
    margin-top: 28px;
    padding: 24px 28px;
    border-radius: 20px;
    background: linear-gradient(135deg, #f7f3ff 0%, #ffffff 100%);
}

.sg-builder-chart-card h3 {
    margin: 0 0 72px;
    color: var(--sg-builder-navy);
    font-size: 18px;
    font-weight: 800;
}

.sg-builder-chart-line {
    position: relative;
    height: 78px;
    margin-bottom: 16px;
    border-left: 2px solid var(--sg-builder-navy);
    border-bottom: 2px solid var(--sg-builder-navy);
}

.sg-builder-chart-line::before {
    position: absolute;
    right: 12px;
    bottom: 14px;
    left: 16px;
    height: 56px;
    content: "";
    border-bottom: 4px solid var(--sg-builder-navy);
    border-radius: 0 0 70% 40%;
    transform: rotate(8deg);
    transform-origin: left bottom;
}

.sg-builder-chart-line::after {
    position: absolute;
    right: 22px;
    bottom: 28px;
    left: 18px;
    content: "";
    border-top: 2px dashed var(--sg-builder-navy);
}

.sg-builder-card-strip {
    padding: 34px 0 44px;
}

.sg-builder-card-strip .section_wrapper {
    padding: 30px 32px;
    border-radius: 22px;
    background: linear-gradient(135deg, #fbf5eb 0%, #ffffff 62%, #f6f1ff 100%);
}

.sg-builder-mini-card {
    padding: 8px 24px;
}

.sg-builder-mini-card:not(:first-of-type) {
    border-left: 1px solid rgba(255, 99, 52, 0.25);
}

.sg-builder-mini-card .icon_box {
    text-align: left;
}

.sg-builder-mini-card .icon_wrapper {
    width: 54px;
    height: 54px;
    margin-bottom: 18px;
    background: #ffffff;
    box-shadow: 0 10px 24px rgba(255, 99, 52, 0.13);
}

.sg-builder-mini-card .icon_wrapper i {
    color: var(--sg-builder-orange);
}

.sg-builder-steps {
    padding: 28px 0 44px;
}

.sg-builder-step {
    position: relative;
}

.sg-builder-step:not(:last-of-type)::after {
    position: absolute;
    top: 34px;
    right: -22px;
    width: 44px;
    content: "";
    border-top: 2px dashed rgba(48, 45, 143, 0.34);
}

.sg-builder-step .icon_box {
    display: grid;
    grid-template-columns: 68px minmax(0, 1fr);
    gap: 18px;
    align-items: center;
}

.sg-builder-step .icon_wrapper {
    width: 68px;
    height: 68px;
}

.sg-builder-cta {
    padding: 42px 0 52px;
}

.sg-builder-cta .section_wrapper {
    overflow: hidden;
    border-radius: 24px;
    background: linear-gradient(135deg, #fbf4e9 0%, #ffffff 54%);
    box-shadow: 0 18px 44px rgba(48, 45, 143, 0.1);
}

.sg-builder-cta-copy .mcb-wrap-inner {
    padding: 42px 34px 38px;
}

.sg-builder-checklist ul {
    display: grid;
    gap: 7px;
    margin: 22px 0 0;
    padding: 0;
    list-style: none;
}

.sg-builder-checklist li {
    position: relative;
    padding-left: 25px;
    color: var(--sg-builder-muted);
    font-size: 15px;
}

.sg-builder-checklist li::before {
    position: absolute;
    left: 0;
    top: 0;
    content: "ok";
    color: var(--sg-builder-orange);
    font-size: 11px;
    font-weight: 800;
}

.sg-builder-cta-visual .mcb-wrap-inner {
    position: relative;
    min-height: 350px;
}

.sg-builder-cta-image,
.sg-builder-cta-image .mcb-column-inner,
.sg-builder-cta-image .image_frame,
.sg-builder-cta-image .image_wrapper,
.sg-builder-cta-image img {
    height: 100%;
    min-height: 350px;
}

.sg-builder-cta-image .image_frame,
.sg-builder-cta-image .image_wrapper {
    border: 0;
    box-shadow: none;
}

.sg-builder-cta-image img {
    display: block;
    width: 100%;
    object-fit: cover;
}

.sg-builder-review-badge {
    position: absolute !important;
    right: 22px;
    bottom: 22px;
    width: 170px !important;
}

.sg-builder-review-badge .column_attr {
    padding: 18px;
    border-radius: 16px;
    background: var(--sg-builder-navy);
    color: #ffffff;
    box-shadow: 0 16px 30px rgba(48, 45, 143, 0.22);
}

.sg-builder-review-badge p {
    margin: 0;
    color: #ffffff;
    font-size: 13px;
    line-height: 1.2;
}

.sg-builder-review-badge strong {
    color: #ffffff;
    font-size: 21px;
    line-height: 1.08;
}

.sg-builder-faq {
    padding: 42px 0 34px;
}

.sg-builder-faq .faq h4.title {
    margin: 0 0 22px;
    color: var(--sg-builder-navy);
    font-size: 34px;
    line-height: 1.18;
    font-weight: 800;
    text-align: center;
}

.sg-builder-faq .faq_wrapper {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 20px;
}

.sg-builder-faq .faq .question {
    margin: 0;
    border: 0;
    border-radius: 10px;
    background: #f7f5f0;
}

.sg-builder-faq .faq .question .title {
    padding: 18px 52px 18px 20px;
    color: var(--sg-builder-ink);
    font-size: 15px;
    font-weight: 800;
}

.sg-builder-faq .faq .question .title .num {
    display: none;
}

.sg-builder-faq .faq .question .answer {
    padding: 0 20px 18px;
    color: var(--sg-builder-muted);
    font-size: 15px;
    line-height: 1.55;
}

.sg-builder-logos {
    padding: 26px 0 62px;
}

.sg-builder-logo-card .column_attr {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 74px;
    padding: 14px;
    border-radius: 12px;
    background: #ffffff;
    color: var(--sg-builder-navy);
    font-size: 22px;
    font-weight: 800;
    text-align: center;
    box-shadow: 0 10px 26px rgba(48, 45, 143, 0.08);
}

.sg-builder-logo-card p {
    margin: 0;
    color: var(--sg-builder-navy);
    font-size: 22px;
    font-weight: 800;
    line-height: 1.1;
}

@media only screen and (max-width: 1099px) {
    .sg-builder-hero-title h1.title {
        font-size: 46px;
    }

    .sg-builder-step:not(:last-of-type)::after {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .sg-builder-hero {
        padding: 48px 0 54px;
    }

    .sg-builder-hero-title h1.title {
        font-size: 38px;
    }

    .sg-builder-section-title h2.title,
    .sg-builder-faq .faq h4.title {
        font-size: 28px;
    }

    .sg-builder-panel-title h3.title {
        font-size: 23px;
    }

    .sg-builder-hero-visual .mcb-wrap-inner {
        min-height: 300px;
        padding: 20px;
    }

    .sg-builder-floating-badge {
        position: relative !important;
        top: auto;
        right: auto;
        width: 100% !important;
        margin-top: 16px;
    }

    .sg-builder-card-strip .section_wrapper {
        padding: 28px 20px;
        border-radius: 0;
    }

    .sg-builder-mini-card {
        padding: 18px 0;
        border-left: 0 !important;
        border-top: 1px solid rgba(255, 99, 52, 0.2);
    }

    .sg-builder-mini-card:first-of-type {
        border-top: 0;
    }

    .sg-builder-step .icon_box,
    .sg-builder-feature .icon_box {
        grid-template-columns: 1fr;
    }

    .sg-builder-cta-copy .mcb-wrap-inner {
        padding: 30px 22px;
    }

    .sg-builder-cta-visual .mcb-wrap-inner,
    .sg-builder-cta-image,
    .sg-builder-cta-image .mcb-column-inner,
    .sg-builder-cta-image .image_frame,
    .sg-builder-cta-image .image_wrapper,
    .sg-builder-cta-image img {
        min-height: 270px;
    }

    .sg-builder-review-badge {
        width: 150px !important;
    }

    .sg-builder-faq .faq_wrapper {
        grid-template-columns: 1fr;
    }
}

/* BeBuilder-safe layout overrides for the editable Start Goed landing blocks. */
.sg-builder-section .section_wrapper {
    width: min(100%, 1160px) !important;
    max-width: 1160px !important;
    padding-right: 32px;
    padding-left: 32px;
    box-sizing: border-box;
}

.sg-builder-section .mcb-wrap,
.sg-builder-section .mcb-column {
    margin-right: 0 !important;
    margin-left: 0 !important;
    box-sizing: border-box;
}

.sg-builder-section .mcb-column-inner {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.sg-builder-section .icon_box.icon_position_left {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 16px;
    align-items: flex-start;
}

.sg-builder-section .icon_box.icon_position_left .icon_wrapper {
    position: static !important;
    margin: 0 !important;
}

.sg-builder-section .icon_box.icon_position_left .desc_wrapper {
    padding: 0 !important;
    text-align: left !important;
}

.sg-builder-section .button {
    width: auto !important;
    min-width: max-content;
    max-width: 100%;
    white-space: normal;
}

.sg-builder-section .button .button_label {
    line-height: 1.2;
    white-space: normal;
}

.sg-builder-hero {
    padding: 58px 0 70px;
}

.sg-builder-hero .section_wrapper {
    display: grid !important;
    grid-template-columns: minmax(0, 0.95fr) minmax(360px, 1.05fr);
    gap: 54px;
    align-items: center;
}

.sg-builder-hero-copy,
.sg-builder-hero-visual {
    width: 100% !important;
}

.sg-builder-hero-copy .mcb-wrap-inner {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: 16px;
    align-items: center;
}

.sg-builder-hero-copy .sg-builder-kicker,
.sg-builder-hero-copy .sg-builder-hero-title,
.sg-builder-hero-copy .sg-builder-lead {
    grid-column: 1 / -1;
    width: 100% !important;
}

.sg-builder-hero-copy .sg-builder-button-primary,
.sg-builder-hero-copy .sg-builder-button-secondary {
    grid-column: auto / span 4;
    width: auto !important;
    margin-top: 28px !important;
}

.sg-builder-hero-copy .sg-builder-button-primary .button,
.sg-builder-cta-copy .sg-builder-button-primary .button {
    min-width: 190px;
}

.sg-builder-hero-copy .sg-builder-button-secondary .button,
.sg-builder-cta-copy .sg-builder-button-secondary .button {
    min-width: 170px;
}

.sg-builder-hero-copy .sg-builder-trust {
    grid-column: auto / span 4;
    width: 100% !important;
    margin-top: 34px !important;
}

.sg-builder-trust .icon_box.icon_position_left {
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
}

.sg-builder-trust .desc_wrapper h4.title {
    max-width: 150px;
}

.sg-builder-hero-visual .mcb-wrap-inner {
    min-height: 390px;
}

.sg-builder-hero-image {
    width: 100% !important;
}

.sg-builder-hero-image .mcb-column-inner {
    margin-bottom: 0 !important;
}

.sg-builder-hero-image img:not([src]),
.sg-builder-hero-image img[src=""],
.sg-builder-cta-image img:not([src]),
.sg-builder-cta-image img[src=""] {
    display: none !important;
}

.sg-builder-hero-image .image_frame:has(img:not([src])),
.sg-builder-hero-image .image_frame:has(img[src=""]) {
    min-height: 300px;
}

.sg-builder-info .section_wrapper {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(340px, 430px);
    gap: 64px;
    align-items: start;
}

.sg-builder-info .mcb-wrap {
    width: 100% !important;
}

.sg-builder-feature-panel .mcb-wrap-inner {
    display: block;
}

.sg-builder-feature,
.sg-builder-feature-panel .sg-builder-panel-title {
    width: 100% !important;
}

.sg-builder-feature .icon_box.icon_position_left {
    grid-template-columns: 50px minmax(0, 1fr);
    gap: 18px;
}

.sg-builder-card-strip .mcb-wrap-inner {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: stretch;
}

.sg-builder-card-strip .sg-builder-section-title {
    grid-column: 1 / -1;
    width: 100% !important;
}

.sg-builder-card-strip .sg-builder-mini-card {
    width: 100% !important;
}

.sg-builder-mini-card .icon_box {
    height: 100%;
}

.sg-builder-steps .mcb-wrap-inner {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 34px;
    align-items: start;
}

.sg-builder-steps .sg-builder-section-title {
    grid-column: 1 / -1;
    width: 100% !important;
}

.sg-builder-step {
    width: 100% !important;
}

.sg-builder-step .icon_box.icon_position_left {
    grid-template-columns: 70px minmax(0, 1fr);
    gap: 18px;
}

.sg-builder-step .desc {
    max-width: 230px;
}

.sg-builder-cta .section_wrapper {
    display: grid !important;
    grid-template-columns: minmax(0, 0.95fr) minmax(360px, 1.05fr);
    padding-right: 0;
    padding-left: 0;
    align-items: stretch;
}

.sg-builder-cta .mcb-wrap {
    width: 100% !important;
}

.sg-builder-cta-copy .mcb-wrap-inner {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: 16px;
    align-content: center;
}

.sg-builder-cta-copy .sg-builder-section-title,
.sg-builder-cta-copy .sg-builder-body {
    grid-column: 1 / -1;
    width: 100% !important;
}

.sg-builder-cta-copy .sg-builder-button-primary,
.sg-builder-cta-copy .sg-builder-button-secondary {
    grid-column: auto / span 5;
    width: auto !important;
    margin-top: 26px !important;
}

.sg-builder-cta-visual .mcb-wrap-inner {
    overflow: hidden;
    background: linear-gradient(135deg, #f2ecff 0%, #fff5ea 100%);
}

.sg-builder-cta-image {
    width: 100% !important;
}

.sg-builder-review-badge {
    z-index: 2;
}

.sg-builder-faq .faq .question .title {
    padding-left: 20px !important;
}

.sg-builder-faq .faq .question .title::before,
.sg-builder-faq .faq .question .title .num {
    display: none !important;
}

@media only screen and (max-width: 1099px) {
    .sg-builder-hero .section_wrapper,
    .sg-builder-info .section_wrapper,
    .sg-builder-cta .section_wrapper {
        grid-template-columns: 1fr;
    }

    .sg-builder-card-strip .mcb-wrap-inner {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media only screen and (max-width: 767px) {
    .sg-builder-section .section_wrapper {
        padding-right: 22px;
        padding-left: 22px;
    }

    .sg-builder-hero-copy .mcb-wrap-inner,
    .sg-builder-cta-copy .mcb-wrap-inner,
    .sg-builder-card-strip .mcb-wrap-inner,
    .sg-builder-steps .mcb-wrap-inner {
        display: block;
    }

    .sg-builder-hero-copy .sg-builder-button-primary,
    .sg-builder-hero-copy .sg-builder-button-secondary,
    .sg-builder-hero-copy .sg-builder-trust,
    .sg-builder-cta-copy .sg-builder-button-primary,
    .sg-builder-cta-copy .sg-builder-button-secondary {
        width: 100% !important;
    }

    .sg-builder-section .button {
        width: 100% !important;
        min-width: 0;
    }

    .sg-builder-info .section_wrapper,
    .sg-builder-cta .section_wrapper {
        gap: 28px;
    }

    .sg-builder-step .desc,
    .sg-builder-trust .desc_wrapper h4.title {
        max-width: none;
    }
}

/* Native Betheme archive and related posts are restyled to match the custom blog cards. */
body.category .section-filters {
    display: none;
}

body.category #Content {
    background: #f8f7f2;
}

body.category #Content .sections_group > .section:not(.section-filters) {
    padding: 58px 0 82px;
}

body.category #Content .posts_group {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 28px 18px;
    height: auto !important;
}

body.category #Content .posts_group::before,
body.category #Content .posts_group::after {
    display: none;
}

body.category #Content .posts_group .post-item {
    position: static !important;
    left: auto !important;
    top: auto !important;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    width: auto !important;
    min-height: 100%;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 26px;
    background: #ffffff;
    box-shadow: 0 18px 40px rgba(62, 58, 115, 0.08);
}

body.category #Content .posts_group .post-photo-wrapper {
    width: 100%;
    margin: 0;
    border: 0;
    aspect-ratio: 1.45 / 1;
    overflow: hidden;
    background: #f3ebfb;
}

body.category #Content .posts_group .image_wrapper,
body.category #Content .posts_group .image_wrapper a,
body.category #Content .posts_group .image_wrapper img {
    display: block;
    width: 100%;
    height: 100%;
}

body.category #Content .posts_group .image_wrapper img {
    object-fit: cover;
    transition: transform 0.35s ease;
}

body.category #Content .posts_group .post-item:hover .image_wrapper img {
    transform: scale(1.04);
}

body.category #Content .posts_group .image_frame,
body.category #Content .posts_group .image_wrapper {
    border: 0;
    box-shadow: none;
}

body.category #Content .posts_group .image_frame .image_wrapper .mask,
body.category #Content .posts_group .image_frame .image_wrapper .image_links,
body.category #Content .posts_group .date_label,
body.category #Content .posts_group .post-head,
body.category #Content .posts_group .button-love,
body.category #Content .posts_group .post-footer .button-love,
body.category #Content .posts_group .post-footer .post-links i {
    display: none !important;
}

body.category #Content .posts_group .post-desc-wrapper {
    display: flex;
    flex: 1;
    background: transparent !important;
}

body.category #Content .posts_group .post-desc {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 26px 24px 24px;
}

body.category #Content .posts_group .post-title {
    margin: 0;
}

body.category #Content .posts_group .entry-title {
    margin: 0 0 12px;
    color: #373694;
    font-size: 23px;
    line-height: 1.28;
    font-weight: 700;
}

body.category #Content .posts_group .entry-title a {
    color: inherit;
    text-decoration: none;
}

body.category #Content .posts_group .post-excerpt {
    margin: 0 0 18px;
    color: #6767b1;
    font-size: 17px;
    line-height: 1.5;
}

body.category #Content .posts_group .post-footer {
    margin-top: auto;
    padding: 0;
    border: 0;
    background: transparent;
}

body.category #Content .posts_group .post-links {
    float: none;
}

body.category #Content .posts_group .post-more {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #373694;
    font-size: 17px;
    font-weight: 700;
    text-decoration: none;
    transition: transform 0.2s ease;
}

body.category #Content .posts_group .post-more::after {
    content: "\2192";
}

body.category #Content .posts_group .post-more:hover {
    color: #373694;
    transform: translateX(3px);
}

body.category #Content .pager_wrapper {
    margin-top: 48px;
}

body.category #Content .pager {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-start;
}

body.category #Content .pager a,
body.category #Content .pager span.page {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 44px;
    padding: 0 13px;
    border: 1px solid #b778e4;
    border-radius: 999px;
    color: #373694;
    font-weight: 700;
    text-decoration: none;
}

body.category #Content .pager a.active {
    border-color: #373694;
    background: #373694;
    color: #ffffff;
}

body.category #Content .pager .pages {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

body.single-post .section-post-related {
    background: #f8f7f2;
    padding: 62px 0 74px;
}

body.single-post .section-post-related .section-related-adjustment > h4 {
    margin: 0 0 24px;
    color: #373694;
    font-size: 30px;
    line-height: 1.2;
    font-weight: 700;
}

body.single-post .section-post-related .section-related-ul {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

body.single-post .section-post-related .section-related-ul::before,
body.single-post .section-post-related .section-related-ul::after {
    display: none;
}

body.single-post .section-post-related .post-related {
    float: none;
    width: auto !important;
    margin: 0 !important;
}

body.single-post .section-post-related .post-related .mcb-column-inner {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    height: 100%;
    border-radius: 26px;
    background: #ffffff;
    box-shadow: 0 18px 40px rgba(62, 58, 115, 0.08);
}

body.single-post .section-post-related .single-photo-wrapper {
    margin: 0;
    aspect-ratio: 1.45 / 1;
    overflow: hidden;
    background: #f3ebfb;
}

body.single-post .section-post-related .single-photo-wrapper .image_frame,
body.single-post .section-post-related .single-photo-wrapper .image_wrapper,
body.single-post .section-post-related .single-photo-wrapper .image_wrapper a,
body.single-post .section-post-related .single-photo-wrapper img {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    box-shadow: none;
}

body.single-post .section-post-related .single-photo-wrapper img {
    object-fit: cover;
    transition: transform 0.35s ease;
}

body.single-post .section-post-related .post-related:hover .single-photo-wrapper img {
    transform: scale(1.04);
}

body.single-post .section-post-related .image_frame .image_wrapper .mask,
body.single-post .section-post-related .image_frame .image_wrapper .image_links,
body.single-post .section-post-related .date_label,
body.single-post .section-post-related .desc .hr_color {
    display: none !important;
}

body.single-post .section-post-related .post-related .desc {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 24px;
}

body.single-post .section-post-related .post-related .desc h4 {
    margin: 0 0 18px;
    color: #373694;
    font-size: 20px;
    line-height: 1.3;
    font-weight: 700;
}

body.single-post .section-post-related .post-related .desc h4 a {
    color: inherit;
    text-decoration: none;
}

body.single-post .section-post-related .post-related .button {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    width: fit-content;
    margin-top: auto;
    padding: 0;
    border: 0;
    background: transparent !important;
    color: #373694 !important;
    font-size: 17px;
    font-weight: 700;
    text-decoration: none;
    transition: transform 0.2s ease;
}

body.single-post .section-post-related .post-related .button::after {
    content: "\2192";
}

body.single-post .section-post-related .post-related .button:hover {
    transform: translateX(3px);
}

body.single-post .section-post-related .post-related .button_icon {
    display: none;
}

body.single-post .section-post-related .post-related .button_label {
    padding: 0;
}

@media only screen and (max-width: 1099px) {
    body.category #Content .posts_group,
    body.single-post .section-post-related .section-related-ul {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media only screen and (max-width: 767px) {
    body.category #Content .sections_group > .section:not(.section-filters),
    body.single-post .section-post-related {
        padding: 44px 0 56px;
    }

    body.category #Content .posts_group,
    body.single-post .section-post-related .section-related-ul {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    body.category #Content .posts_group .post-desc,
    body.single-post .section-post-related .post-related .desc {
        padding: 22px 20px 20px;
    }

    body.category #Content .posts_group .entry-title {
        font-size: 22px;
    }

    body.single-post .section-post-related .section-related-adjustment > h4 {
        font-size: 26px;
    }
}

/* Editable BeBuilder contact page design. */
.sg-contact-section {
    --sg-contact-navy: #302d8f;
    --sg-contact-ink: #222746;
    --sg-contact-muted: #636985;
    --sg-contact-orange: #ff6334;
    --sg-contact-cream: #f8f4ec;
    --sg-contact-lilac: #f1edff;
    --sg-contact-line: rgba(48, 45, 143, 0.12);
    background: #ffffff;
}

.sg-contact-section .section_wrapper {
    width: min(100%, 1160px) !important;
    max-width: 1160px !important;
    padding-right: 32px;
    padding-left: 32px;
    box-sizing: border-box;
}

.sg-contact-section .mcb-wrap,
.sg-contact-section .mcb-column {
    margin-right: 0 !important;
    margin-left: 0 !important;
    box-sizing: border-box;
}

.sg-contact-section .mcb-column-inner {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.sg-contact-section h1,
.sg-contact-section h2.title,
.sg-contact-section h3,
.sg-contact-section h4.title {
    color: var(--sg-contact-navy);
    letter-spacing: 0;
}

.sg-contact-section p,
.sg-contact-section .column_attr,
.sg-contact-section .icon_box .desc {
    color: var(--sg-contact-muted);
    font-size: 17px;
    line-height: 1.65;
}

.sg-contact-hero {
    overflow: hidden;
    padding: 72px 0 56px;
    background:
        radial-gradient(circle at 78% 20%, rgba(255, 99, 52, 0.12), transparent 28%),
        linear-gradient(135deg, #fffaf3 0%, #ffffff 54%, #f3f0ff 100%);
}

.sg-contact-hero .section_wrapper,
.sg-contact-main .section_wrapper,
.sg-contact-location .section_wrapper {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(330px, 430px);
    gap: 42px;
    align-items: stretch;
}

.sg-contact-hero-copy,
.sg-contact-hero-card,
.sg-contact-form-wrap,
.sg-contact-aside,
.sg-contact-location-copy,
.sg-contact-location-card {
    width: 100% !important;
}

.sg-contact-kicker .column_attr p {
    display: inline-flex;
    margin: 0 0 18px;
    padding: 8px 14px;
    border: 1px solid rgba(255, 99, 52, 0.45);
    border-radius: 999px;
    color: var(--sg-contact-orange);
    font-size: 13px;
    font-weight: 800;
    line-height: 1;
}

.sg-contact-title h1 {
    max-width: 760px;
    margin: 0 0 18px;
    color: var(--sg-contact-navy);
    font-size: 56px;
    line-height: 1.02;
    font-weight: 800;
}

.sg-contact-lead .column_attr p {
    max-width: 690px;
    margin-bottom: 0;
    color: var(--sg-contact-muted);
    font-size: 19px;
}

.sg-contact-trust-row .column_attr {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 28px;
}

.sg-contact-trust-row span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border: 1px solid var(--sg-contact-line);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.72);
    color: var(--sg-contact-navy);
    font-size: 14px;
    font-weight: 800;
    box-shadow: 0 10px 26px rgba(48, 45, 143, 0.06);
}

.sg-contact-hero-card .mcb-wrap-inner,
.sg-contact-aside .mcb-wrap-inner,
.sg-contact-location-card .mcb-wrap-inner {
    height: 100%;
    padding: 30px;
    border-radius: 26px;
    background: var(--sg-contact-navy);
    box-shadow: 0 24px 52px rgba(48, 45, 143, 0.18);
}

.sg-contact-hero-card .mcb-wrap-inner {
    position: relative;
    overflow: hidden;
    background:
        linear-gradient(135deg, rgba(255, 99, 52, 0.92), rgba(48, 45, 143, 0.95)),
        var(--sg-contact-navy);
}

.sg-contact-hero-card .mcb-wrap-inner::after {
    position: absolute;
    right: -70px;
    bottom: -90px;
    width: 230px;
    height: 230px;
    content: "";
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.12);
}

.sg-contact-card-title h2.title,
.sg-contact-aside-title h3.title,
.sg-contact-location-title h2.title {
    margin: 0 0 16px;
    color: #ffffff;
    font-size: 30px;
    line-height: 1.15;
    font-weight: 800;
}

.sg-contact-hero-card p,
.sg-contact-hero-card .column_attr,
.sg-contact-aside p,
.sg-contact-aside .column_attr,
.sg-contact-location-card p,
.sg-contact-location-card .column_attr {
    color: rgba(255, 255, 255, 0.88);
}

.sg-contact-quick-list .column_attr,
.sg-contact-info-list .column_attr {
    display: grid;
    gap: 14px;
}

.sg-contact-quick-list a,
.sg-contact-info-list a {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.12);
    color: #ffffff;
    font-weight: 800;
    text-decoration: none;
}

.sg-contact-quick-list a {
    position: relative;
    overflow: hidden;
    min-height: 62px;
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr) auto;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: rgba(255, 255, 255, 0.18);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18), 0 12px 26px rgba(35, 31, 93, 0.14);
}

.sg-contact-quick-list a::after {
    align-self: center;
    content: "\2192";
    color: rgba(255, 255, 255, 0.86);
    font-size: 18px;
}

.sg-contact-quick-list a span,
.sg-contact-info-list a span {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    padding: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.95);
    color: var(--sg-contact-navy);
    font-size: 18px;
}

.sg-contact-quick-list a strong,
.sg-contact-info-list a strong {
    align-self: center;
    min-width: 0;
    overflow-wrap: anywhere;
    font-weight: 900;
}

.sg-contact-quick-list a:hover,
.sg-contact-info-list a:hover {
    background: rgba(255, 255, 255, 0.24);
    text-decoration: none;
    transform: translateY(-2px);
}

.sg-contact-main {
    padding: 58px 0 42px;
    background: linear-gradient(180deg, #ffffff 0%, #fbfaf6 100%);
}

.sg-contact-main .section_wrapper {
    grid-template-columns: 1fr;
    gap: 24px;
}

.sg-contact-form-card .mcb-column-inner,
.sg-contact-form-card .column_attr {
    padding: 36px;
    border: 1px solid rgba(48, 45, 143, 0.08);
    border-radius: 28px;
    background: #ffffff;
    box-shadow: 0 22px 54px rgba(48, 45, 143, 0.09);
}

.sg-contact-form-card h2 {
    margin: 0 0 10px;
    color: var(--sg-contact-navy);
    font-size: 38px;
    line-height: 1.12;
    font-weight: 800;
}

.sg-contact-form-card p.sg-contact-form-intro {
    max-width: 640px;
    margin-bottom: 28px;
}

.sg-contact-form-card input[type="text"],
.sg-contact-form-card input[type="email"],
.sg-contact-form-card input[type="tel"],
.sg-contact-form-card select,
.sg-contact-form-card textarea,
.sg-contact-form-card .wpcf7 input[type="text"],
.sg-contact-form-card .wpcf7 input[type="email"],
.sg-contact-form-card .wpcf7 input[type="tel"],
.sg-contact-form-card .wpcf7 select,
.sg-contact-form-card .wpcf7 textarea {
    width: 100%;
    min-height: 52px;
    margin-bottom: 14px;
    padding: 15px 16px;
    border: 1px solid rgba(48, 45, 143, 0.12);
    border-radius: 14px;
    background: #fbfaf8;
    color: var(--sg-contact-ink);
    font-size: 15px;
    box-shadow: none;
}

.sg-contact-form-card textarea,
.sg-contact-form-card .wpcf7 textarea {
    min-height: 145px;
}

.sg-contact-form-card input:focus,
.sg-contact-form-card select:focus,
.sg-contact-form-card textarea:focus {
    border-color: rgba(48, 45, 143, 0.45);
    background: #ffffff;
    outline: 0;
}

.sg-contact-form-card input[type="submit"],
.sg-contact-form-card .wpcf7 input[type="submit"] {
    min-height: 52px;
    padding: 0 28px;
    border: 0;
    border-radius: 999px;
    background: var(--sg-contact-orange);
    color: #ffffff;
    font-size: 16px;
    font-weight: 800;
    box-shadow: 0 14px 26px rgba(255, 99, 52, 0.26);
}

.sg-contact-aside .mcb-wrap-inner {
    background:
        radial-gradient(circle at 100% 0%, rgba(255, 99, 52, 0.12), transparent 36%),
        linear-gradient(135deg, #ffffff 0%, #fffaf3 52%, #f3f0ff 100%);
    border: 1px solid rgba(48, 45, 143, 0.08);
    box-shadow: 0 18px 42px rgba(48, 45, 143, 0.08);
}

.sg-contact-aside-title h3.title {
    color: var(--sg-contact-navy);
}

.sg-contact-aside p,
.sg-contact-aside .column_attr {
    color: var(--sg-contact-muted);
}

.sg-contact-info-list .column_attr {
    grid-template-columns: 1fr;
    gap: 12px;
}

.sg-contact-info-list a {
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr);
    min-height: 0;
    gap: 2px 16px;
    align-items: center;
    padding: 16px 18px;
    border: 1px solid rgba(48, 45, 143, 0.1);
    background: #ffffff;
    color: var(--sg-contact-navy);
    box-shadow: 0 12px 28px rgba(48, 45, 143, 0.07);
}

.sg-contact-info-list a:first-child {
    grid-column: 1 / -1;
}

.sg-contact-info-list a span {
    grid-row: 1 / 3;
    background: var(--sg-contact-lilac);
}

.sg-contact-info-list a span i,
.sg-contact-quick-list a span i {
    line-height: 1;
}

.sg-contact-info-list a strong {
    grid-column: 2;
    line-height: 1.25;
}

.sg-contact-info-list a small {
    display: block;
    grid-column: 2;
    margin-top: 4px;
    color: var(--sg-contact-muted);
    font-size: 14px;
    line-height: 1.35;
    font-weight: 600;
}

.sg-contact-note .column_attr {
    margin-top: 18px;
    padding: 18px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.1);
}

.sg-contact-note strong {
    display: block;
    color: #ffffff;
    font-size: 18px;
}

.sg-contact-paths {
    padding: 34px 0 48px;
    background: #fbfaf6;
}

.sg-contact-paths .mcb-wrap-inner {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

.sg-contact-paths-title {
    grid-column: 1 / -1;
    width: 100% !important;
    text-align: center;
}

.sg-contact-paths-title h2.title {
    margin-bottom: 18px;
    font-size: 36px;
    line-height: 1.15;
    font-weight: 800;
}

.sg-contact-path-card {
    width: 100% !important;
}

.sg-contact-path-card .icon_box {
    height: 100%;
    padding: 24px;
    border: 1px solid rgba(48, 45, 143, 0.08);
    border-radius: 22px;
    background: #ffffff;
    box-shadow: 0 14px 36px rgba(48, 45, 143, 0.06);
}

.sg-contact-path-card .icon_wrapper {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    margin-bottom: 16px;
    border-radius: 50%;
    background: var(--sg-contact-lilac);
}

.sg-contact-path-card .icon_wrapper i {
    color: var(--sg-contact-orange);
}

.sg-contact-location {
    padding: 54px 0 72px;
    background: #ffffff;
}

.sg-contact-location-copy .mcb-wrap-inner {
    padding: 34px;
    border-radius: 26px;
    background:
        linear-gradient(135deg, rgba(248, 244, 236, 0.92), rgba(255, 255, 255, 0.94)),
        var(--sg-contact-cream);
}

.sg-contact-location-copy h2.title {
    margin-bottom: 16px;
    font-size: 36px;
    line-height: 1.14;
    font-weight: 800;
}

.sg-contact-location-card .mcb-wrap-inner {
    background: linear-gradient(135deg, #ff6334, #302d8f);
}

.sg-contact-location-card a {
    color: #ffffff;
    font-weight: 800;
    text-decoration: none;
}

.sg-contact-location-card a:hover {
    text-decoration: underline;
}

@media only screen and (max-width: 1099px) {
    .sg-contact-hero .section_wrapper,
    .sg-contact-main .section_wrapper,
    .sg-contact-location .section_wrapper {
        grid-template-columns: 1fr;
    }

    .sg-contact-paths .mcb-wrap-inner {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media only screen and (max-width: 767px) {
    .sg-contact-section .section_wrapper {
        padding-right: 22px;
        padding-left: 22px;
    }

    .sg-contact-hero {
        padding: 46px 0 36px;
    }

    .sg-contact-title h1 {
        font-size: 40px;
    }

    .sg-contact-form-card .mcb-column-inner,
    .sg-contact-form-card .column_attr,
    .sg-contact-hero-card .mcb-wrap-inner,
    .sg-contact-aside .mcb-wrap-inner,
    .sg-contact-location-copy .mcb-wrap-inner,
    .sg-contact-location-card .mcb-wrap-inner {
        padding: 24px;
        border-radius: 22px;
    }

    .sg-contact-paths .mcb-wrap-inner {
        grid-template-columns: 1fr;
    }

    .sg-contact-info-list .column_attr {
        grid-template-columns: 1fr;
    }
}

/* Keep the new contact appointment section full-width despite older contact styles. */
.sg-contact-section.sg-contact-appointment .section_wrapper {
    width: 100% !important;
    max-width: 1440px !important;
    padding: 0 !important;
}

@media only screen and (max-width: 767px) {
    .sg-contact-section.sg-contact-appointment .section_wrapper {
        padding: 0 !important;
    }
}

/* Support the existing Contact Form 7 column markup on the contact page. */
.sg-contact-section.sg-contact-appointment .sg-contact-appointment-form-fields .wpcf7 form > .column {
    float: none !important;
    width: auto !important;
    margin: 0 0 15px !important;
    padding: 0 !important;
    box-sizing: border-box;
}

.sg-contact-section.sg-contact-appointment .sg-contact-appointment-form-fields .wpcf7 form > .column.one-second {
    grid-column: span 1;
}

.sg-contact-section.sg-contact-appointment .sg-contact-appointment-form-fields .wpcf7 form > .column.one {
    grid-column: 1 / -1;
}

.sg-contact-section.sg-contact-appointment .sg-contact-appointment-form-fields .wpcf7 form > .column.one:last-child {
    display: flex;
    align-items: center;
    gap: 16px;
}

.sg-contact-section.sg-contact-appointment .sg-contact-appointment-form-fields .wpcf7 form > .column.one:last-child::after {
    content: "Gratis en vrijblijvend";
    color: #8b8eb7;
    font-size: 14px;
    font-weight: 500;
}

@media only screen and (max-width: 600px) {
    .sg-contact-section.sg-contact-appointment .sg-contact-appointment-form-fields .wpcf7 form > .column.one-second {
        grid-column: 1 / -1;
    }

    .sg-contact-section.sg-contact-appointment .sg-contact-appointment-form-fields .wpcf7 form > .column.one:last-child {
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
    }
}

/* Compact desktop proportions for the contact appointment section. */
@media only screen and (min-width: 960px) {
    .mfn-builder-content .sg-contact-section.sg-contact-appointment .section_wrapper,
    .mfn-builder-content .sg-contact-section.sg-contact-appointment .sg-contact-appointment-direct .mcb-wrap-inner {
        min-height: 584px;
    }

    .mfn-builder-content .sg-contact-section.sg-contact-appointment .sg-contact-appointment-form .mcb-wrap-inner {
        width: min(100%, 740px);
        padding: 32px 70px 32px 96px;
    }

    .mfn-builder-content .sg-contact-section.sg-contact-appointment .sg-contact-appointment-direct .mcb-wrap-inner {
        padding: 30px clamp(46px, 6vw, 112px) 30px clamp(34px, 4vw, 64px);
    }

    .mfn-builder-content .sg-contact-section.sg-contact-appointment .sg-contact-appointment-form .mcb-column,
    .mfn-builder-content .sg-contact-section.sg-contact-appointment .sg-contact-appointment-direct .mcb-column {
        margin-bottom: 0 !important;
    }

    .mfn-builder-content .sg-contact-section.sg-contact-appointment .sg-contact-appointment-title h1 {
        margin-bottom: 8px;
        font-size: clamp(36px, 2.6vw, 46px);
        line-height: 1.04;
    }

    .mfn-builder-content .sg-contact-section.sg-contact-appointment .sg-contact-appointment-intro .column_attr p {
        margin-bottom: 18px;
        font-size: 16px;
        line-height: 1.4;
    }

    .mfn-builder-content .sg-contact-section.sg-contact-appointment .sg-contact-direct-title h2.title {
        margin-bottom: 5px;
        font-size: 34px;
        line-height: 1.08;
    }

    .mfn-builder-content .sg-contact-section.sg-contact-appointment .sg-contact-direct-intro .column_attr p {
        margin-bottom: 14px;
        font-size: 14px;
        line-height: 1.4;
    }

    .mfn-builder-content .sg-contact-section.sg-contact-appointment .sg-contact-direct-links .column_attr {
        gap: 8px;
        margin-bottom: 12px;
    }

    .mfn-builder-content .sg-contact-section.sg-contact-appointment .sg-contact-direct-links a {
        font-size: 16px;
    }

    .mfn-builder-content .sg-contact-section.sg-contact-appointment .sg-contact-direct-links a.sg-contact-whatsapp {
        margin-top: 0;
        padding: 10px 18px;
        font-size: 14px;
    }

    .mfn-builder-content .sg-contact-section.sg-contact-appointment .sg-contact-direct-note .column_attr {
        margin: 12px 0 14px;
        padding: 12px 14px;
        font-size: 14px;
        line-height: 1.4;
    }

    .mfn-builder-content .sg-contact-section.sg-contact-appointment .sg-contact-photo-label .column_attr {
        margin-bottom: -6px;
        padding: 10px 18px;
        font-size: 14px;
    }

    .mfn-builder-content .sg-contact-section.sg-contact-appointment .sg-contact-adviser-photo {
        width: 280px !important;
    }

    .mfn-builder-content .sg-contact-section.sg-contact-appointment .sg-contact-adviser-photo img {
        height: 280px !important;
    }

    .mfn-builder-content .sg-contact-section.sg-contact-appointment .sg-contact-appointment-form-fields .wpcf7 form {
        row-gap: 0;
        column-gap: 16px;
    }

    .mfn-builder-content .sg-contact-section.sg-contact-appointment .sg-contact-appointment-form-fields .wpcf7 form > .column {
        margin-bottom: 9px !important;
        font-size: 14px;
        line-height: 1.25;
    }

    .mfn-builder-content .sg-contact-section.sg-contact-appointment .sg-contact-appointment-form-fields input[type="text"],
    .mfn-builder-content .sg-contact-section.sg-contact-appointment .sg-contact-appointment-form-fields input[type="email"],
    .mfn-builder-content .sg-contact-section.sg-contact-appointment .sg-contact-appointment-form-fields input[type="tel"] {
        min-height: 40px;
        margin-top: 4px;
        padding: 8px 11px;
        font-size: 14px;
    }

    .mfn-builder-content .sg-contact-section.sg-contact-appointment .sg-contact-appointment-form-fields textarea {
        height: 62px !important;
        min-height: 62px !important;
        margin-top: 4px;
        padding: 8px 11px;
    }

    .mfn-builder-content .sg-contact-section.sg-contact-appointment .sg-contact-appointment-form-fields .wpcf7-list-item {
        margin-right: 12px;
        font-size: 13px;
    }

    .mfn-builder-content .sg-contact-section.sg-contact-appointment .sg-contact-appointment-form-fields .wpcf7-submit {
        min-height: 40px;
        padding: 0 20px;
        font-size: 14px;
    }
}

/* Pixel-level refinements for the contact form and adviser card. */
.mfn-builder-content .sg-contact-section.sg-contact-appointment .mcb-column-inner {
    margin-bottom: 0 !important;
}

.mfn-builder-content .sg-contact-section.sg-contact-appointment .sg-contact-appointment-form-fields {
    margin-top: 24px;
}

.mfn-builder-content .sg-contact-section.sg-contact-appointment .sg-contact-appointment-form-fields label,
.mfn-builder-content .sg-contact-section.sg-contact-appointment .sg-contact-appointment-form-fields strong {
    color: #38368f !important;
    font-size: 14px;
    font-weight: 800;
    line-height: 18px !important;
}

.mfn-builder-content .sg-contact-section.sg-contact-appointment .sg-contact-appointment-form-fields label > span:not(.wpcf7-form-control-wrap),
.mfn-builder-content .sg-contact-section.sg-contact-appointment .sg-contact-appointment-form-fields strong > span {
    color: #f46443 !important;
}

.mfn-builder-content .sg-contact-section.sg-contact-appointment .sg-contact-appointment-form-fields label .wpcf7-form-control-wrap {
    display: block;
    margin-top: 4px;
    line-height: 1 !important;
}

.mfn-builder-content .sg-contact-section.sg-contact-appointment .sg-contact-appointment-form-fields label > br {
    display: none;
}

.mfn-builder-content .sg-contact-section.sg-contact-appointment .sg-contact-appointment-form-fields label .wpcf7-form-control-wrap {
    line-height: 0 !important;
}

/* Keep the submit hint editable in Contact Form 7, below the button. */
.mfn-builder-content .sg-contact-section.sg-contact-appointment .sg-contact-appointment-form-fields .wpcf7 form > .column.one:nth-of-type(8) {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
}

.mfn-builder-content .sg-contact-section.sg-contact-appointment .sg-contact-appointment-form-fields .wpcf7 form > .column.one:nth-of-type(8)::after {
    content: none;
}

.mfn-builder-content .sg-contact-section.sg-contact-appointment .sg-contact-form-disclaimer {
    display: block;
    color: #8b8eb7;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.35;
}

.mfn-builder-content .sg-contact-section.sg-contact-appointment .sg-contact-appointment-form-fields .wpcf7-submit {
    max-width: 100%;
    white-space: break-spaces;
}

@media only screen and (max-width: 600px) {
    .mfn-builder-content .sg-contact-section.sg-contact-appointment .sg-contact-appointment-form-fields .wpcf7-submit {
        width: 100%;
        min-height: 46px;
        padding-right: 16px;
        padding-left: 16px;
    }
}

.mfn-builder-content .sg-contact-section.sg-contact-appointment .sg-contact-appointment-form-fields .wpcf7 form > .column.one:nth-of-type(8) {
    display: flex;
    align-items: center;
    gap: 16px;
}

.mfn-builder-content .sg-contact-section.sg-contact-appointment .sg-contact-appointment-form-fields .wpcf7 form > .column.one:nth-of-type(8)::after {
    content: "Gratis en vrijblijvend";
    color: #8b8eb7;
    font-size: 14px;
    font-weight: 500;
}

.mfn-builder-content .sg-contact-section.sg-contact-appointment .sg-contact-appointment-form-fields .wpcf7-submit,
.mfn-builder-content .sg-contact-section.sg-contact-appointment .sg-contact-appointment-form-fields .wpcf7-submit:disabled {
    background: #f46443 !important;
    color: #ffffff !important;
    opacity: 1 !important;
}

.mfn-builder-content .sg-contact-section.sg-contact-appointment .sg-contact-photo-label {
    position: relative;
    z-index: 3;
    width: fit-content !important;
    margin-bottom: -22px !important;
}

.mfn-builder-content .sg-contact-section.sg-contact-appointment .sg-contact-photo-label .column_attr {
    margin: 0 !important;
}

.mfn-builder-content .sg-contact-section.sg-contact-appointment .sg-contact-adviser-photo {
    position: relative;
    z-index: 2;
    margin-top: -10px !important;
}

.mfn-builder-content .sg-contact-section.sg-contact-appointment .sg-contact-appointment-direct {
    align-self: stretch;
}

.mfn-builder-content .sg-contact-section.sg-contact-appointment .sg-contact-appointment-direct .mcb-wrap-inner {
    height: 100%;
}

.mfn-builder-content .sg-contact-section.sg-contact-appointment .sg-contact-appointment-form-fields .wpcf7 form > .column.one:nth-of-type(6),
.mfn-builder-content .sg-contact-section.sg-contact-appointment .sg-contact-appointment-form-fields .wpcf7 form > .column.one:nth-of-type(7),
.mfn-builder-content .sg-contact-section.sg-contact-appointment .sg-contact-appointment-form-fields .wpcf7 form > .column.one:nth-of-type(8) {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.mfn-builder-content .sg-contact-section.sg-contact-appointment .sg-contact-appointment-direct .mcb-wrap-inner::after {
    top: 0;
    right: 0;
    width: 310px;
    height: 310px;
    border-radius: 0;
    background: url("/wp-content/uploads/2026/09/download-1.png") top right / contain no-repeat;
    opacity: 1;
    transform: none;
}

/* Final form controls and mobile containment. */
.mfn-builder-content .sg-contact-section.sg-contact-appointment .sg-contact-appointment-direct .mcb-wrap-inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
}

.mfn-builder-content .sg-contact-section.sg-contact-appointment .sg-contact-photo-label {
    align-self: flex-start;
    margin-bottom: -22px !important;
}

.mfn-builder-content .sg-contact-section.sg-contact-appointment .sg-contact-adviser-photo {
    align-self: flex-start;
    margin-left: 0 !important;
}

.mfn-builder-content .sg-contact-section.sg-contact-appointment .sg-contact-appointment-direct .mcb-wrap-inner::after {
    opacity: 0.34;
}

.mfn-builder-content .sg-contact-section.sg-contact-appointment .sg-contact-appointment-form-fields label,
.mfn-builder-content .sg-contact-section.sg-contact-appointment .sg-contact-appointment-form-fields strong {
    line-height: 14px !important;
}

.mfn-builder-content .sg-contact-section.sg-contact-appointment .sg-contact-appointment-form-fields .wpcf7-radio input[type="radio"] {
    -webkit-appearance: none;
    appearance: none;
    width: 15px;
    height: 15px;
    margin: 0 6px 0 0;
    border: 1.5px solid #b9b9cf;
    border-radius: 50%;
    background: #ffffff;
    cursor: pointer;
    vertical-align: -2px;
}

.mfn-builder-content .sg-contact-section.sg-contact-appointment .sg-contact-appointment-form-fields .wpcf7-radio input[type="radio"]:checked {
    border-color: #f46443;
    background: radial-gradient(circle, #f46443 0 42%, #ffffff 47%);
}

.mfn-builder-content .sg-contact-section.sg-contact-appointment .sg-contact-appointment-form-fields .wpcf7-radio .wpcf7-list-item-label {
    color: #38368f;
    font-weight: 600;
}

@media only screen and (max-width: 959px) {
    .mfn-builder-content .sg-contact-section.sg-contact-appointment {
        width: 100% !important;
        max-width: 100% !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
        overflow: hidden;
    }

    .mfn-builder-content .sg-contact-section.sg-contact-appointment .section_wrapper,
    .mfn-builder-content .sg-contact-section.sg-contact-appointment .sg-contact-appointment-form,
    .mfn-builder-content .sg-contact-section.sg-contact-appointment .sg-contact-appointment-direct,
    .mfn-builder-content .sg-contact-section.sg-contact-appointment .mcb-wrap-inner {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        box-sizing: border-box;
    }

    .mfn-builder-content .sg-contact-section.sg-contact-appointment .sg-contact-appointment-form-fields .wpcf7 form {
        grid-template-columns: minmax(0, 1fr) !important;
        width: 100%;
        min-width: 0;
    }

    .mfn-builder-content .sg-contact-section.sg-contact-appointment .sg-contact-appointment-form-fields .wpcf7 form > .column,
    .mfn-builder-content .sg-contact-section.sg-contact-appointment .sg-contact-appointment-form-fields .wpcf7 form > .column.one-second,
    .mfn-builder-content .sg-contact-section.sg-contact-appointment .sg-contact-appointment-form-fields .wpcf7 form > .column.one {
        grid-column: 1 / -1;
        min-width: 0;
        max-width: 100%;
    }

    .mfn-builder-content .sg-contact-section.sg-contact-appointment .sg-contact-appointment-form-fields input,
    .mfn-builder-content .sg-contact-section.sg-contact-appointment .sg-contact-appointment-form-fields textarea {
        max-width: 100% !important;
        box-sizing: border-box;
    }
}

@media only screen and (min-width: 960px) {
    .mfn-builder-content .sg-contact-section.sg-contact-appointment .section_wrapper,
    .mfn-builder-content .sg-contact-section.sg-contact-appointment .sg-contact-appointment-direct .mcb-wrap-inner {
        min-height: 0;
    }

    .mfn-builder-content .sg-contact-section.sg-contact-appointment .sg-contact-appointment-form .mcb-wrap-inner,
    .mfn-builder-content .sg-contact-section.sg-contact-appointment .sg-contact-appointment-direct .mcb-wrap-inner {
        padding-top: 32px;
        padding-bottom: 32px;
    }

    .mfn-builder-content .sg-contact-section.sg-contact-appointment .sg-contact-appointment-title h1 {
        font-size: 40px;
        line-height: 1.03;
    }

    .mfn-builder-content .sg-contact-section.sg-contact-appointment .sg-contact-appointment-intro .column_attr p {
        margin-top: 8px;
        margin-bottom: 0;
        font-size: 15px;
        line-height: 1.38;
    }

    .mfn-builder-content .sg-contact-section.sg-contact-appointment .sg-contact-appointment-form-fields .wpcf7 form > .column {
        margin-bottom: 7px !important;
    }

    .mfn-builder-content .sg-contact-section.sg-contact-appointment .sg-contact-appointment-form-fields textarea {
        height: 58px !important;
        min-height: 58px !important;
    }

    .mfn-builder-content .sg-contact-section.sg-contact-appointment .sg-contact-direct-title h2.title {
        font-size: 32px;
    }

    .mfn-builder-content .sg-contact-section.sg-contact-appointment .sg-contact-direct-intro .column_attr p {
        margin-top: 6px;
        margin-bottom: 0;
    }
}

/* The Contact Form 7 disclaimer is real content, never a CSS pseudo-element. */
.mfn-builder-content .sg-contact-section.sg-contact-appointment .sg-contact-appointment-form-fields .wpcf7 form > p:last-child::after,
.mfn-builder-content .sg-contact-section.sg-contact-appointment .sg-contact-appointment-form-fields .wpcf7 form > .column.one:last-child::after,
.mfn-builder-content .sg-contact-section.sg-contact-appointment .sg-contact-appointment-form-fields .wpcf7 form > .column.one:nth-of-type(8)::after {
    display: none !important;
    content: none !important;
}

.mfn-builder-content .sg-contact-section.sg-contact-appointment .sg-contact-appointment-form-fields .wpcf7 form > .column.one:nth-of-type(8) {
    display: flex !important;
    align-items: flex-start !important;
    flex-direction: column !important;
    text-align: left !important;
}

.mfn-builder-content .sg-contact-section.sg-contact-appointment .sg-contact-form-disclaimer {
    width: 100%;
    text-align: left !important;
}

/* Editable BeBuilder pricing page. */
.sg-pricing-section {
    --sg-price-navy: #38368f;
    --sg-price-orange: #f46443;
    --sg-price-ink: #31365c;
    --sg-price-muted: #7579a6;
    --sg-price-cream: #efede6;
    --sg-price-lilac: #f4effa;
    background: #ffffff;
}

.sg-pricing-section .section_wrapper {
    width: min(100%, 1160px) !important;
    max-width: 1160px !important;
    padding-right: 30px;
    padding-left: 30px;
    box-sizing: border-box;
}

.sg-pricing-section .mcb-wrap,
.sg-pricing-section .mcb-column,
.sg-pricing-section .mcb-column-inner {
    box-sizing: border-box;
}

.sg-pricing-section .mcb-column-inner {
    margin-bottom: 0 !important;
}

.sg-pricing-section h1,
.sg-pricing-section h2.title,
.sg-pricing-section h3,
.sg-pricing-section p,
.sg-pricing-section .column_attr {
    color: var(--sg-price-ink);
}

.sg-pricing-section p,
.sg-pricing-section .column_attr {
    font-size: 16px;
    line-height: 1.55;
}

.sg-pricing-hero {
    position: relative;
    overflow: hidden;
    padding: 70px 0 44px;
    background: var(--sg-price-cream);
}

.sg-pricing-hero::after {
    position: absolute;
    top: -110px;
    right: -60px;
    width: 230px;
    height: 350px;
    content: "";
    border: 58px solid rgba(56, 54, 143, 0.05);
    border-radius: 70px;
    transform: rotate(14deg);
}

.sg-pricing-hero .section_wrapper {
    position: relative;
    z-index: 1;
}

.sg-pricing-hero .mcb-wrap-inner {
    max-width: 1000px;
}

.sg-pricing-kicker .column_attr p {
    display: inline-flex;
    margin: 0 0 16px;
    padding: 7px 14px;
    border: 1px solid var(--sg-price-navy);
    border-radius: 999px;
    color: var(--sg-price-navy);
    font-size: 13px;
    font-weight: 800;
    line-height: 1.1;
}

.sg-pricing-hero-title h1 {
    margin: 0 0 12px;
    color: var(--sg-price-navy);
    font-size: clamp(40px, 4vw, 58px);
    line-height: 1.04;
    font-weight: 800;
}

.sg-pricing-hero-intro .column_attr p {
    max-width: 650px;
    margin-bottom: 20px;
    color: var(--sg-price-muted);
}

.sg-pricing-hero-points .column_attr {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: 9px;
}

.sg-pricing-hero-points span {
    display: inline-flex;
    align-items: center;
    padding: 10px 15px;
    border-radius: 999px;
    background: #ffffff;
    color: var(--sg-price-navy);
    font-size: 13px;
    font-weight: 800;
    line-height: 1.2;
}

.sg-pricing-hero-points span::before,
.sg-pricing-checklist li::before {
    margin-right: 8px;
    content: "✓";
    color: var(--sg-price-orange);
    font-weight: 900;
}

.sg-pricing-packages,
.sg-pricing-extras,
.sg-pricing-faq {
    padding: 76px 0;
}

.sg-pricing-eyebrow .column_attr p {
    margin: 0 0 10px;
    color: var(--sg-price-orange);
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 0.08em;
    line-height: 1;
    text-transform: uppercase;
}

.sg-pricing-section-title h2.title {
    margin: 0 0 10px;
    color: var(--sg-price-navy);
    font-size: clamp(32px, 3vw, 46px);
    line-height: 1.1;
    font-weight: 800;
}

.sg-pricing-section-intro .column_attr p {
    max-width: 590px;
    margin: 0 0 30px;
    color: var(--sg-price-muted);
}

.sg-pricing-packages .mcb-wrap-inner {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.sg-pricing-packages .mcb-column {
    width: 100% !important;
    margin: 0 !important;
}

.sg-pricing-packages .sg-pricing-eyebrow,
.sg-pricing-packages .sg-pricing-section-title,
.sg-pricing-packages .sg-pricing-section-intro {
    grid-column: 1 / -1;
}

.sg-pricing-card .column_attr {
    display: flex;
    flex-direction: column;
    min-height: 250px;
    padding: 28px;
    border: 1px solid rgba(56, 54, 143, 0.14);
    border-radius: 20px;
    background: #ffffff;
}

.sg-pricing-card h3 {
    margin: 0 0 14px;
    color: var(--sg-price-navy);
    font-size: 20px;
    line-height: 1.2;
    font-weight: 800;
}

.sg-pricing-card p {
    margin: 0 0 16px;
    color: var(--sg-price-muted);
    font-size: 15px;
}

.sg-pricing-card .sg-pricing-price {
    margin-bottom: 15px;
    color: var(--sg-price-navy);
    font-size: 29px;
    font-weight: 800;
    line-height: 1;
}

.sg-pricing-price small {
    margin-right: 5px;
    color: var(--sg-price-muted);
    font-size: 13px;
    font-weight: 500;
}

.sg-pricing-card strong {
    margin-top: auto;
    color: var(--sg-price-orange);
    font-size: 13px;
    line-height: 1.35;
}

.sg-pricing-card a:not(.sg-pricing-button) {
    display: inline-block;
    margin-top: 12px;
    color: var(--sg-price-navy);
    font-size: 14px;
    font-weight: 900;
    text-decoration: none;
}

.sg-pricing-card-featured .column_attr {
    position: relative;
    border-color: #b879d9;
}

.sg-pricing-popular {
    position: absolute;
    top: -13px;
    left: 18px;
    padding: 6px 13px;
    border-radius: 999px;
    background: #ad76d0;
    color: #ffffff;
    font-size: 12px;
    font-weight: 800;
}

.sg-pricing-card-cta .column_attr {
    border: 0;
    background: var(--sg-price-cream);
}

.sg-pricing-button,
.sg-pricing-button-primary .button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    min-height: 46px;
    padding: 0 22px;
    border-radius: 999px;
    background: var(--sg-price-orange) !important;
    color: #ffffff !important;
    font-size: 14px;
    font-weight: 800;
    text-decoration: none !important;
    box-shadow: 0 12px 25px rgba(244, 100, 67, 0.2);
}

.sg-pricing-card-cta .sg-pricing-button {
    margin-top: auto;
}

.sg-pricing-details,
.sg-pricing-included {
    padding: 76px 0;
    background: var(--sg-price-cream);
}

.sg-pricing-narrow .mcb-wrap-inner {
    max-width: 760px;
}

.sg-pricing-accordion .accordion {
    margin: 0;
}

.sg-pricing-accordion .question {
    margin-bottom: 12px;
    scroll-margin-top: 110px;
    border: 0;
    border-radius: 14px;
    background: #ffffff;
    box-shadow: 0 8px 22px rgba(56, 54, 143, 0.06);
}

.sg-pricing-accordion .question .title {
    position: relative;
    padding: 18px 54px 18px 20px;
    color: var(--sg-price-navy);
    font-size: 16px;
    font-weight: 800;
}

/* Betheme adds FAQ item numbers by default; this design uses only the title. */
.sg-pricing-accordion .question .title .num,
.sg-pricing-accordion .question .title::before {
    display: none !important;
}

.sg-pricing-accordion .question .title > .acc-icon-plus,
.sg-pricing-accordion .question .title > .acc-icon-minus {
    right: 18px;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: var(--sg-price-lilac);
    color: var(--sg-price-navy);
    line-height: 26px;
    text-align: center;
}

.sg-pricing-accordion .answer {
    padding: 0 20px 20px;
}

.sg-pricing-accordion .answer p {
    margin: 0 0 10px;
}

.sg-pricing-accordion .answer p strong {
    color: var(--sg-price-navy);
    font-size: 17px;
}

.sg-pricing-accordion .answer ul {
    margin: 0;
    padding-left: 18px;
}

.sg-pricing-accordion .answer li {
    margin: 5px 0;
}

.sg-pricing-extras .mcb-wrap-inner {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.sg-pricing-extras .mcb-column {
    width: 100% !important;
    margin: 0 !important;
}

.sg-pricing-extras .sg-pricing-eyebrow,
.sg-pricing-extras .sg-pricing-section-title,
.sg-pricing-extras .sg-pricing-section-intro {
    grid-column: 1 / -1;
}

.sg-pricing-extra-card .column_attr {
    display: flex;
    flex-direction: column;
    min-height: 72px;
    padding: 18px;
    border-radius: 14px;
    background: var(--sg-price-cream);
}

.sg-pricing-extra-card strong {
    color: var(--sg-price-navy);
    font-size: 14px;
    line-height: 1.25;
}

.sg-pricing-extra-card span {
    display: block;
    margin-top: 8px;
    color: var(--sg-price-muted);
    font-size: 13px;
}

.sg-pricing-included .section_wrapper {
    display: grid !important;
    grid-template-columns: minmax(0, 2fr) minmax(280px, 0.95fr);
    gap: 50px;
    align-items: center;
}

.sg-pricing-included-copy,
.sg-pricing-document-card {
    width: 100% !important;
}

.sg-pricing-checklist ul {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px 36px;
    margin: 26px 0 0;
    list-style: none;
}

.sg-pricing-checklist li {
    display: flex;
    color: var(--sg-price-muted);
    font-size: 15px;
    line-height: 1.4;
}

.sg-pricing-checklist li::before {
    flex: 0 0 auto;
}

.sg-pricing-document-card .mcb-wrap-inner {
    padding: 30px;
    border-radius: 20px;
    background: #ffffff;
    box-shadow: 0 16px 35px rgba(56, 54, 143, 0.08);
}

.sg-pricing-document-title h3.title {
    margin: 0 0 8px;
    color: var(--sg-price-navy);
    font-size: 20px;
    line-height: 1.25;
    font-weight: 800;
}

.sg-pricing-document-card p {
    margin: 0;
    color: var(--sg-price-muted);
    font-size: 15px;
}

.sg-pricing-final-cta {
    padding: 42px 0;
    background: linear-gradient(105deg, #66265f 0%, #302d8f 48%, #7b2b66 100%);
}

.sg-pricing-final-cta .section_wrapper {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 36px;
    align-items: center;
}

.sg-pricing-final-copy,
.sg-pricing-final-button {
    width: 100% !important;
}

.sg-pricing-final-title h2.title {
    margin: 0 0 8px;
    color: #ffffff;
    font-size: 34px;
    line-height: 1.1;
    font-weight: 800;
}

.sg-pricing-final-cta p {
    max-width: 540px;
    margin: 0;
    color: rgba(255, 255, 255, 0.9);
}

.sg-pricing-final-button .mcb-column-inner {
    text-align: right;
}

@media only screen and (max-width: 959px) {
    .sg-pricing-packages .mcb-wrap-inner {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sg-pricing-extras .mcb-wrap-inner {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sg-pricing-included .section_wrapper,
    .sg-pricing-final-cta .section_wrapper {
        grid-template-columns: 1fr;
    }

    .sg-pricing-document-card .mcb-wrap-inner {
        max-width: 500px;
    }

    .sg-pricing-final-button .mcb-column-inner {
        text-align: left;
    }
}

@media only screen and (max-width: 767px) {
    .sg-pricing-section .section_wrapper {
        padding-right: 22px;
        padding-left: 22px;
    }

    .sg-pricing-hero,
    .sg-pricing-packages,
    .sg-pricing-details,
    .sg-pricing-extras,
    .sg-pricing-included,
    .sg-pricing-faq {
        padding-top: 52px;
        padding-bottom: 52px;
    }

    .sg-pricing-hero-title h1 {
        font-size: 39px;
    }

    .sg-pricing-packages .mcb-wrap-inner,
    .sg-pricing-extras .mcb-wrap-inner,
    .sg-pricing-checklist ul {
        grid-template-columns: 1fr;
    }

    .sg-pricing-card .column_attr {
        min-height: 0;
    }

    .sg-pricing-final-button .button {
        width: 100%;
    }
}

/* Review icon boxes: add `iconboxessameheight` to the BeBuilder wrap. */
.mcb-section .mcb-wrap .mcb-item-odnhonkt9 .title {
    height: fit-content !important;
}

.mcb-wrap.iconboxessameheight .mfn-icon-box:not(.mfn-header-icon-box) {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.mcb-wrap.iconboxessameheight .mfn-icon-box:not(.mfn-header-icon-box) .desc-wrapper,
.mcb-wrap.iconboxessameheight .mfn-icon-box:not(.mfn-header-icon-box) .desc_wrapper {
    display: flex;
    flex-grow: 1;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 0;
}

/* The slider is created automatically for icon-box wraps with the class above. */
.mcb-wrap.iconboxessameheight .startgoed-iconbox-slider__viewport {
    overflow: hidden;
    width: 100%;
}

.mcb-wrap.iconboxessameheight .startgoed-iconbox-slider__track {
    display: flex;
    gap: 24px;
    transition: transform 350ms ease;
    will-change: transform;
}

.mcb-wrap.iconboxessameheight .startgoed-iconbox-slider__track > .mcb-column {
    display: flex;
    flex: 0 0 calc((100% - 48px) / 3);
    float: none !important;
    width: auto !important;
    margin: 0 !important;
}

.mcb-wrap.iconboxessameheight .startgoed-iconbox-slider__track > .mcb-column > .mcb-column-inner {
    display: flex;
    width: 100%;
    margin: 0 !important;
}

.mcb-wrap.iconboxessameheight .startgoed-iconbox-slider__controls {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 20px;
}

.mcb-wrap.iconboxessameheight .startgoed-iconbox-slider__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #38368f;
    color: #ffffff;
    cursor: pointer;
    font-size: 22px;
    line-height: 1;
}

.mcb-wrap.iconboxessameheight .startgoed-iconbox-slider__button:hover,
.mcb-wrap.iconboxessameheight .startgoed-iconbox-slider__button:focus-visible {
    background: #f46443;
}

.mcb-wrap.iconboxessameheight .startgoed-iconbox-slider__button:disabled {
    cursor: default;
    opacity: 0.35;
}

.mcb-wrap.iconboxessameheight .startgoed-iconbox-slider--static .startgoed-iconbox-slider__controls {
    display: none;
}

@media only screen and (max-width: 959px) {
    .mcb-wrap.iconboxessameheight .startgoed-iconbox-slider__track > .mcb-column {
        flex-basis: calc((100% - 24px) / 2);
    }
}

@media only screen and (max-width: 767px) {
    .mcb-wrap.iconboxessameheight .startgoed-iconbox-slider__track > .mcb-column {
        flex-basis: 100%;
    }
}

/* Mortgage adviser location overview. */
.startgoed-locations {
    --sg-location-navy: #38368f;
    --sg-location-purple: #8d50bd;
    --sg-location-orange: #f46443;
    --sg-location-ink: #302f70;
    --sg-location-text: #6264a2;
    --sg-location-lilac: #f2edfb;
    overflow: hidden;
    background: #ffffff;
}

.startgoed-locations__inner {
    width: min(100%, 1160px);
    margin: 0 auto;
    padding: 0 32px;
    box-sizing: border-box;
}

.startgoed-locations__hero {
    position: relative;
    overflow: hidden;
    padding: 104px 0 112px;
    background: linear-gradient(118deg, #302e82 0%, #4d4199 55%, #7d3f88 100%);
}

.startgoed-locations__hero::before,
.startgoed-locations__hero::after {
    position: absolute;
    content: "";
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 50%;
}

.startgoed-locations__hero::before {
    top: -265px;
    right: -90px;
    width: 610px;
    height: 610px;
}

.startgoed-locations__hero::after {
    right: 230px;
    bottom: -285px;
    width: 485px;
    height: 485px;
}

.startgoed-locations__hero .startgoed-locations__inner {
    position: relative;
    z-index: 1;
    max-width: 800px;
    margin-left: max(0px, calc((100% - 1160px) / 2));
}

.startgoed-locations__eyebrow {
    display: inline-block;
    margin-bottom: 14px;
    color: var(--sg-location-orange);
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.startgoed-locations__hero h1,
.startgoed-locations__heading h2 {
    margin: 0;
    font-weight: 800;
    letter-spacing: -0.035em;
}

.startgoed-locations__hero h1 {
    max-width: 650px;
    color: #ffffff;
    font-size: clamp(44px, 5.3vw, 72px);
    line-height: 1.02;
}

.startgoed-locations__hero p {
    max-width: 650px;
    margin: 22px 0 30px;
    color: rgba(255, 255, 255, 0.9);
    font-size: 19px;
    line-height: 1.55;
}

.startgoed-locations__button,
.startgoed-locations__text-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border-radius: 999px;
    font-weight: 800;
    text-decoration: none;
    transition: transform 0.2s ease, background-color 0.2s ease;
}

.startgoed-locations__button {
    padding: 15px 25px;
    background: var(--sg-location-orange);
    color: #ffffff;
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.16);
}

.startgoed-locations__button:hover,
.startgoed-locations__text-link:hover {
    color: #ffffff;
    transform: translateY(-2px);
}

.startgoed-locations__content {
    padding: 84px 0 92px;
}

.startgoed-locations__heading {
    max-width: 720px;
    margin-bottom: 36px;
}

.startgoed-locations__heading .startgoed-locations__eyebrow {
    color: var(--sg-location-purple);
}

.startgoed-locations__heading h2 {
    color: var(--sg-location-navy);
    font-size: clamp(34px, 4vw, 52px);
    line-height: 1.08;
}

.startgoed-locations__heading p {
    margin: 17px 0 0;
    color: var(--sg-location-text);
    font-size: 18px;
    line-height: 1.55;
}

.startgoed-locations__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.startgoed-locations__card {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 166px;
    padding: 22px;
    border: 1px solid #e5e0f0;
    border-radius: 18px;
    background: #ffffff;
    color: var(--sg-location-ink);
    box-shadow: 0 8px 22px rgba(56, 54, 143, 0.05);
    font-size: 15px;
    line-height: 1.35;
    text-decoration: none;
    transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.startgoed-locations__card:hover {
    border-color: #b99ad5;
    color: var(--sg-location-ink);
    box-shadow: 0 15px 32px rgba(56, 54, 143, 0.13);
    transform: translateY(-4px);
}

.startgoed-locations__card strong {
    display: inline-block;
    margin-top: 2px;
    color: var(--sg-location-navy);
    font-size: 20px;
    line-height: 1.2;
}

.startgoed-locations__pin {
    color: var(--sg-location-purple);
    font-size: 27px;
    line-height: 1;
}

.startgoed-locations__arrow {
    position: absolute;
    right: 20px;
    bottom: 19px;
    color: var(--sg-location-orange);
    font-size: 24px;
    line-height: 1;
}

.startgoed-locations__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    margin-top: 38px;
    padding: 25px 30px;
    border-radius: 18px;
    background: var(--sg-location-lilac);
}

.startgoed-locations__footer p {
    max-width: 690px;
    margin: 0;
    color: var(--sg-location-text);
    line-height: 1.5;
}

.startgoed-locations__footer strong {
    color: var(--sg-location-navy);
}

.startgoed-locations__text-link {
    flex: 0 0 auto;
    color: var(--sg-location-navy);
}

.startgoed-locations__text-link:hover {
    color: var(--sg-location-navy);
}

@media only screen and (max-width: 959px) {
    .startgoed-locations__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media only screen and (max-width: 767px) {
    .startgoed-locations__inner {
        padding: 0 22px;
    }

    .startgoed-locations__hero {
        padding: 70px 0 76px;
    }

    .startgoed-locations__hero .startgoed-locations__inner {
        margin-left: auto;
    }

    .startgoed-locations__hero p,
    .startgoed-locations__heading p {
        font-size: 17px;
    }

    .startgoed-locations__content {
        padding: 58px 0 64px;
    }

    .startgoed-locations__grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .startgoed-locations__card {
        min-height: 132px;
    }

    .startgoed-locations__footer {
        align-items: flex-start;
        flex-direction: column;
        gap: 16px;
        padding: 23px;
    }
}