@font-face {
    font-family: 'DefaultContent';
    font-style: normal;
    font-weight: 400;
    font-display: auto;
    src: url('/media/6e6afedfe8b653a6631dfa440204028233fa2ede.woff2') format('woff2'),
        url('/media/90907fa4626630a58f462527c93d6f7f2f6cffe6.woff') format('woff');
}

@font-face {
    font-family: 'DefaultContent';
    font-style: normal;
    font-weight: 500;
    font-display: auto;
    src: url("/assets/media/8c51a07b366a90793e31.eot"),
        url('/assets/media/3a19eda02583b148a81f.eot') format('embedded-opentype'),
        url("/media/f5bc6fe8dd89944ab88f3f6a89971079ddd4eb1d.woff2") format("woff2"),
        url("/media/bf9d3682c2f8dc2f700e3c6fdea65562bc47f00b.woff") format("woff"),
        url("/media/c1ea63fda5cdfd31542f8a0358b8e313345cefa0.ttf") format("truetype"),
        url("/media/280d0a681097a3b78ed5125dd6b7ba58484d3698.svg") format("svg");
}

@font-face {
    font-family: 'DefaultContent';
    font-style: normal;
    font-weight: 700;
    font-display: auto;
    src: url('/media/70e45d8fa588e43d7bc88eeb58a0e062069353f6.woff2') format('woff2'),
        url('/media/1a2c9d54502a121e6bdb2146d603780a4e60af5e.woff') format('woff');
}



@font-face {
    font-family: 'Primary';
    font-style: normal;
    font-weight: 400;
    font-display: auto;
    src: url('/media/6e6afedfe8b653a6631dfa440204028233fa2ede.woff2') format('woff2'),
        url('/media/90907fa4626630a58f462527c93d6f7f2f6cffe6.woff') format('woff');
}

@font-face {
    font-family: 'Primary';
    font-style: normal;
    font-weight: 500;
    font-display: auto;
    src: url("/assets/media/8c51a07b366a90793e31.eot"),
        url('/assets/media/3a19eda02583b148a81f.eot') format('embedded-opentype'),
        url("/media/f5bc6fe8dd89944ab88f3f6a89971079ddd4eb1d.woff2") format("woff2"),
        url("/media/bf9d3682c2f8dc2f700e3c6fdea65562bc47f00b.woff") format("woff"),
        url("/media/c1ea63fda5cdfd31542f8a0358b8e313345cefa0.ttf") format("truetype"),
        url("/media/280d0a681097a3b78ed5125dd6b7ba58484d3698.svg") format("svg");
}

@font-face {
    font-family: 'Primary';
    font-style: normal;
    font-weight: 700;
    font-display: auto;
    src: url('/media/70e45d8fa588e43d7bc88eeb58a0e062069353f6.woff2') format('woff2'),
        url('/media/1a2c9d54502a121e6bdb2146d603780a4e60af5e.woff') format('woff');
}




/* Start custom CSS for html, class: .elementor-element-2cf130d */
.blob {
    background: black;
    border-radius: 50%;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
    margin: 10px;
    height: 12px;
    width: 12px;
    transform: scale(1);
    animation: pulse-black 2s infinite;
}

.blob.green {
    background: linear-gradient(90deg, var(--color-primary-500) 0%, var(--color-secondary-500) 100%);
    box-shadow: 0 0 0 0 rgba(197, 224, 193, 1);
    animation: pulse-green 2s infinite;
}

@keyframes pulse-green {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 var(--color-primary-300);
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(197, 224, 193, 0);
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(32, 128, 195, 0);
    }
}



#bordergradient {
    background-color: transparent;
    background-image: linear-gradient(90deg, var(--color-primary-500) 0%, var(--color-secondary-500) 100%);
    height: 10px;
}


#bordergradient .md\:mb-4 {
    margin-bottom: 0px;
}


a.justify-center.cursor-pointer.text-base.whitespace-nowrap.border.items-center.leading-7.font-normal.focus\:outline-none.focus\:ring.transition.ease-in-out.duration-150.text-dark.border.border-dark.bg-white.hover\:bg-gray-100.flex.pt-2.pr-6.pl-6.pb-2 {
    border-radius: 50em;
    color: var(--color-dark-text) !important;
    padding: 10px 20px;
    border-radius: 32px;
    background-color: #fff;
    border-width: 3px;
    font-weight: bold;
}

a.justify-center.cursor-pointer.text-base.whitespace-nowrap.border.items-center.leading-7.font-normal.focus\:outline-none.focus\:ring.transition.ease-in-out.duration-150.text-dark.border.border-dark.bg-white.hover\:bg-gray-100.flex.pt-2.pr-6.pl-6.pb-2:hover {
    color: var(--color-primary-500) !important;
}

.form-button-primary {
    background: linear-gradient(white, white) padding-box, linear-gradient(to right, var(--color-primary-500), var(--color-secondary-500)) border-box !important;
    border-radius: 50em !important;
    border: 3px solid transparent !important;
    color: var(--color-text-dark) !important;
    padding: 14px 22px !important;
    border-radius: 32px !important;
    background-color: #fff !important;
    font-weight: bold !important;
}

.form-button-primary:hover {
    color: var(--color-primary-500) !important;
    background: linear-gradient(white, white) padding-box, linear-gradient(to right, var(--color-secondary-500), var(--color-primary-500)) border-box !important;
}

.form-button-secondary {
    background: linear-gradient(to right, var(--color-primary-500), var(--color-secondary-500)) !important;
    color: var(--color-text-light) !important;
    padding: 14px 22px !important;
    border-radius: 32px !important;
    font-weight: bold !important;
}

.form-button-secondary:hover {
    background: linear-gradient(to right, var(--color-secondary-500), var(--color-primary-500)) !important;
    color: var(--color-text-light) !important;
}

#nopaddingbottomcolumns .mb-4.md\:mb-4.relative {
    margin-bottom: 0px !important;
}

body {
    font-weight: 400;
    overflow-x: hidden;
}

b,
strong {
    font-weight: 700;
}


.website .form-radio-buttons {
    font-weight: bold;
}

@media (max-width: 768px) {

    .copyrightalignment>div>div>div {
        flex-direction: column;
    }

    .mobilefontsize .text-4xl,
    .mobilefontsize .text-4xl strong {
        font-size: 24px !important;
    }

    p.text-3xl.font-bold.font-main {
        line-height: 34px;
    }

    p.text-4xl.font-bold.font-main {
        line-height: 39px;
    }

    p.text-5xl.font-bold.font-main {
        line-height: 39px;
    }

    a.text-dark.block.py-2.space-y-1.hover\:text-primary-500.transition.ease-in-out.duration-150.text-base,
    a.text-dark.pb-3.mb-3.flex.px-3.py-2.justify-between.rounded-md.font-normal.hover\:text-primary-500.hover\:bg-gray-100.focus\:outline-none.focus\:text-primary-500.focus\:bg-gray-100.transition.duration-150.ease-in-out.text-base,
    a.w-full.md\:w-auto.inline-block.pb-3.mb-3.transition.duration-150.ease-in-out.text-base.text-dark.block.px-3.py-2.rounded-md.font-normal.hover\:text-primary-500.hover\:bg-gray-100.focus\:outline-none.focus\:text-primary-500.focus\:bg-gray-100 {
        font-weight: bold;
    }

    .mobilebuttonfullwidth {
        position: fixed;
        bottom: 0px;
        width: 100%;
    }

    .mobilebuttonfullwidth .block {
        width: 100%;
    }

    .mobilebuttonfullwidth .form-button-secondary {
        width: 100%;
        display: block !important;
        border-radius: 0px !important;
        position: relative;
        left: -16px;
    }

    .mobiletopinfo #column_1 {}

    .mobiletopinfo #column_2 {}

    .mobileleftalign {
        float: left !important;
    }

    a.inline-flex.cursor-pointer.items-center.justify-center.p-2.rounded-md.text-gray-900.hover\:text-primary-500.hover\:bg-gray-100.focus\:outline-none.focus\:bg-gray-100.focus\:text-primary-500.pb-3.transition.duration-150.ease-in-out {
        color: var(--color-primary-500) !important;
    }

    a.inline-flex.cursor-pointer.items-center.justify-center.p-2.rounded-md.text-gray-900.hover\:text-primary-500.hover\:bg-gray-100.focus\:outline-none.focus\:bg-gray-100.focus\:text-primary-500.pb-3.transition.duration-150.ease-in-out:hover {
        background-color: transparent !important;
    }

    #contact .flex.md\:flex-row.w-full.flex-col.md\:space-x-4 {
        flex-direction: row !important;
    }

    #contact .flex.md\:flex-row.w-full.flex-col.md\:space-x-4 #column_1 {
        padding-right: 15px;
        margin-bottom: -60px;
    }

    #contact .flex.md\:flex-row.w-full.flex-col.md\:space-x-4 #column_2 {
        padding-right: 30px;
        position: relative;
        top: -5px;
    }

    #contact .flex.md\:flex-row.w-full.flex-col.md\:space-x-4 #column_3 {
        padding-right: 15px;
    }

    #contact .flex.md\:flex-row.w-full.flex-col.md\:space-x-4 #column_4 {
        padding-right: 15px;
        position: relative;
        top: -5px;
    }

    #contact {
        text-align: left !important;
    }

    #greendot .blob.green {
        display: none;
    }

    #rightcolumnbanner {
        height: auto !important;
    }

    #bannerone div#column_2 .m-auto.absolute.left-0.right-0.top-0.bottom-0.w-full.h-full.max-w-full.bg-static.bg-center.bg-cover {
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
        position: relative;
        height: 300px;
        width: 100%;
    }

    #bannertwobgversion {
        overflow-x: hidden;
    }

    #fullwidthbanner #column_1 .m-auto.absolute.left-0.right-0.top-0.bottom-0.w-full.h-full.max-w-full.bg-static.bg-center.bg-cover {
        width: 100%;
        height: 200px;
        position: relative;
    }

    #fullwidthbanner div#column_2 {
        height: 525px !important;
    }

    #fullwidthbanner #column_2 .m-auto.absolute.left-0.right-0.top-0.bottom-0.w-full.h-full.max-w-full.bg-static.bg-center.bg-cover {
        display: none;
    }

    #zbackground img.w-auto.h-auto.md\:mb-0.object-cover.lazyloaded {
        position: absolute;
        top: -229px;
        z-index: -10;
    }


    .hideonmobile {
        display: none;
    }

    #fullwidthbanner span.null.text-4xl,
    #fullwidthbanner span.null.text-4xl strong {
        font-size: 28px;
    }

    #bannertwo {
        margin-bottom: -160px;
    }

    #hideimagemobile img.w-auto.h-auto.md\:mb-0.object-cover.lazyloaded {
        display: none;
    }

    #countnumber {
        width: 94px;
        padding-left: 20px;
        padding-right: 20px;
    }


    #stepsdiv #lineconnector1,
    #stepsdiv #lineconnector2,
    #stepsdiv #lineconnector3,
    #stepsdiv #lineconnector4,
    #stepsdiv #lineconnector5 {
        display: none;
    }


}




@media (max-width: 768px) {
    .leftsidebargegevens {
        position: absolute;
        z-index: -5;
        width: 100%;
        height: 100%;
        display: block;
        background-color: #fff;
    }

    .leftsidebargegevens .form-content {
        display: none;

    }

    .rightsidebargegevens {
        margin-bottom: 27px;
    }

    .gegevensform .text-4xl {
        line-height: 34px;
    }

    .footerconversionicon {
        position: absolute;
        right: 0px;
        top: -113px;
    }
}

@media (min-width: 768px) {


    .sidebarknowledgebase:before {
        content: "";
        position: absolute;
        width: 900px;
        height: 10000%;
        background: var(--color-gray-100);
        left: -222%;
        margin-top: -32px;
        border-radius: 0px 40px 0px 0px;
    }

    .sidebarknowledgebase .text-xl.text-base .active-link {
        background-color: var(--color-primary-100);
        position: relative;
        left: -30px;
        padding-left: 30px;
        padding-top: 10px;
        padding-bottom: 10px;
        width: 200px;
        display: block;
    }

    .website {
        /* overflow:hidden; */
    }


    .gegevensform {
        background: transparent;

        padding-top: 6.5rem;

        padding-bottom: 6.5rem;

        margin-bottom: -6.25rem;

    }


    .rightsidebargegevens {
        position: relative;
        left: 140px;
        top: -212px;
        height: 100%;
        width: 100%;
        background: #fff;
        padding-top: 100px;
        padding-bottom: 200px;
        display: block;
        padding-left: 100px;
        margin-bottom: -317px;
        padding-right: 100px;
    }


    .rightsidebargegevens>.grid {
        width: 800px;
    }

    .leftsidebargegevens>.grid {
        height: 100%;
        position: relative;
    }



    .leftsidebargegevens .firsttitle {
        font-weight: bold;
        line-height: 52px;
    }

    .leftsidebargegevens .secondtitle {
        font-weight: bold;
        line-height: 52px;
        color: rgba(26, 26, 26, 0.39);
        position: relative;
        top: -33px;
    }

    .leftsidebargegevens .thirdtitle img {
        width: 300px;
        position: absolute;
        margin-top: 80px;
        z-index: 10;
    }

    .leftsidebargegevens .fourthtitle img {
        width: 300px;
        position: relative;
        top: -49px;
    }

    .leftsidebargegevens {
        left: -77%;
        background: linear-gradient(180deg, var(--color-primary-300) 0%, var(--color-secondary-300) 100%);

    }

    #fullwidthbanner>.c_c {
        margin: 0 auto;
    }

    .generated.website .hideondesktop {
        display: none;
    }

    #header .items-start.w-full.md\:flex.md\:justify-between {
        flex-direction: column;
    }

    #header .-mb-3.flex.flex-col.justify-end.content-end {
        width: 100%;
    }


    #header .items-center.w-full.md\:flex.md\:justify-between {
        align-items: flex-start;
        flex-direction: column;
    }

    #menu_wrapper .mb-4.md\:mb-4.relative {
        text-align: right;
        float: right;
        width: 100%;
        justify-content: right;
        justify-items: end;
        display: flex;
    }

    #menu_wrapper .main-menu {
        display: flex;
        justify-content: space-between;
        width: 100%;
        align-items: center;
    }

    #menu_wrapper .pt-0.md\:pt-0.pr-0.md\:pr-0.pb-0.md\:pb-0.pl-0.md\:pl-0.mx-auto.max-w-screen-xl.relative {
        margin: 0 0;
    }

    #header .flex.items-center.justify-between.md\:col-span-3.md\:flex.md\:items-center.md\:justify-between {
        z-index: 100;
    }

    #header .-mb-3.flex.flex-col.justify-end.content-end {
        display: flex;
        padding-bottom: 0px;
        padding-top: 0px;
        border-radius: 40px;
        box-shadow: 7px 7px 17px 0px rgba(0, 0, 0, 0.12);
        margin-top: 30px;
        margin-bottom: -75px;
    }

    #headersmallinfo a {
        font-weight: normal !important;
    }

    #headersmallinfo {
        width: 60%;
        float: right;
    }

    #header .text-left a {
        font-weight: normal;
    }

    #header #customcolorheader a {
        color: var(--color-light-text) !important;
        z-index: 100;
    }

    #header .text-left {
        position: absolute;
        top: -30px;
    }

    #header {
        height: 61px;
    }

    img.md\:w-auto.max-h-9.md\:max-h-full.h-10.object-contain {
        z-index: 100000;
    }

    #menu_wrapper {
        width: 100%;
        text-align: left;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: -4px;
        background: #fff;
        padding: 16px 34px;
        border-radius: 53px;
        z-index: 500;
        align-items: center;
    }

    #header .text-left {
        position: absolute;
        top: 15px;
        left: -28px;
    }

    svg.h-5.w-5.group-hover\:text-primary-500.group-focus\:text-primary-500.transition.ease-in-out.duration-150.text-white {
        color: var(--color-dark-text) !important;
    }

    #header .main-menu a:hover {
        color: var(--color-primary-500) !important;
    }

    #header .main-menu a {
        color: var(--color-dark-text) !important;
        margin-bottom: 0px;
        z-index: 100;
        font-weight: bold;
    }

    #header .main-menu .inner_item {
        width: 260px;
    }

    #header .main-menu .inner_item p {
        margin-bottom: 15px;
    }

    #header .main-menu .submenu a {
        font-weight: normal;
    }

    #header .main-menu .submenu strong a {
        font-weight: bold;
    }

    #header .main-menu>a:last-child {
        color: #fff !important;
    }

    #header .main-menu>a:hover:last-child {
        color: #fff !important;
    }

    #menu_wrapper .main-menu>a:last-child {
        position: relative;
        border-radius: 55px;
        text-align: center;
        transition: all .3s;
        padding: 12px 24px;
        fill: #FFFFFF;
        color: #FFFFFF !important;
        background-color: transparent;
        background-image: linear-gradient(90deg, var(--color-primary-500) 0%, var(--color-secondary-500) 100%);
    }

    #menu_wrapper .main-menu>a:last-child:hover {
        background-image: linear-gradient(90deg, var(--color-secondary-500) 0%, var(--color-primary-500) 100%);

    }

    #header a.group.inline-flex.items-center.ml-0.md\:ml-10.mb-3.md\:mb-0.font-normal.hover\:text-primary-500.focus\:outline-none.focus\:text-primary-500.pb-3.transition.duration-150.ease-in-out.text-base {
        padding-bottom: 0px;
    }

    #correction1 {
        position: relative;
        top: -4px;
        color: #fff !important;
    }

    #correction2 {
        position: relative;
        top: -4px;
        color: #fff !important;
    }

    #correction3 {
        position: relative;
        top: -17px;
        color: #fff !important;
    }

    #header #menu_wrapper #correction1 a,
    #header #menu_wrapper #correction2 a,
    #header #menu_wrapper #correction3 a {
        color: #fff !important;
    }

    #menu_wrapper .z-20.relative.grid.bg-white.px-3.py-3,
    #menu_wrapper .shadow-lg.text-left {
        border-radius: 15px;
    }

    #menu_wrapper .absolute.left-1\/2.-mt-2.md\:left-full.transform.-translate-x-1\/2.w-screen.max-w-xs.md\:px-0.z-100 {
        margin-top: 5px;
    }

    #bannerone #rightcolumnbanner {
        width: 100%;
        position: absolute;
        left: 50%;
    }

    #bannerone div#column_2 .m-auto.absolute.left-0.right-0.top-0.bottom-0.w-full.h-full.max-w-full.bg-static.bg-center.bg-cover {
        -webkit-border-radius: 0px 0px 0px 50px;
        -moz-border-radius: 0px 0px 0px 50px;
        border-radius: 0px 0px 0px 50px;
        bottom: inherit;
        height: 569px;
        z-index: 5;
    }

    #bannerone div#column_2 .pt-0.md\:pt-0.pr-0.md\:pr-0.pb-0.md\:pb-0.pl-0.md\:pl-0.mx-auto.max-w-screen-xl.relative {
        z-index: 10;
    }

    #bannertwo div#column_1 #firstcolumn {
        position: absolute;
        width: 100%;
        left: -50%;
    }

    #bannertwo div#column_1 .m-auto.absolute.left-0.right-0.top-0.bottom-0.w-full.h-full.max-w-full.bg-static.bg-center.bg-cover {
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
        bottom: inherit;
        height: 569px;
        z-index: 5;
        background-position: 250px -200px;
    }

    #bannertwo div#column_1 .pt-0.md\:pt-0.pr-0.md\:pr-0.pb-0.md\:pb-0.pl-0.md\:pl-0.mx-auto.max-w-screen-xl.relative {
        z-index: 10;
    }

    .max-w-screen-xl {
        max-width: 1263px !important;
    }

    #fullwidthbanner {
        position: relative;
        top: -38px;
    }

    #bannertwobgversion {
        position: relative;
        left: -170px;
        z-index: 100;
        padding-left: 69px;
        width: 100%;
        border-radius: 25px;
        background-color: #fff;
        top: 60px;
        width: 756px;
        --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
        width: 2000px;
    }

    #bannertwobgversion>div:nth-child(2) {
        height: 500px;
        padding-top: 20px;
        padding-bottom: 20px;
        margin: 0px 0px;
        display: flex;
        align-items: center;
        width: 32%;
    }

    #bannertwo #column_2 .m-auto.absolute.left-0.right-0.top-0.bottom-0.w-full.h-full.max-w-full.bg-static.bg-center.bg-cover {
        margin-top: 31px;
        height: 562px !important;
        margin-left: -127px;
        z-index: 50;
        background-position: left;
    }

    #fullwidthbanner #column_2>div>div {
        height: auto !important;
    }

}


@media (min-width: 1634px) {

    .leftsidebargegevens {}

    .rightsidebargegevens {}
}

@media (min-width: 1400px) and (max-width: 1634px) {

    .leftsidebargegevens {}

    .rightsidebargegevens {
        left: 260px;

    }

    .rightsidebargegevens>.grid {
        width: 688px;
    }
}

@media (min-width: 1000px) and (max-width: 1400px) {

    .leftsidebargegevens {}

    .rightsidebargegevens {
        left: 260px;
        padding-left: 45px;
    }

    .rightsidebargegevens>.grid {
        width: 633px;
    }

    .leftsidebargegevens .firsttitle {
        font-size: 30px;
    }

    .leftsidebargegevens .secondtitle {
        font-size: 30px;
    }

    .leftsidebargegevens .thirdtitle img {
        width: 222px;
    }
}

@media (min-width: 1000px) and (max-width: 1260px) {
    .leftsidebargegevens {
        left: -68%;
    }

}

@media (min-width: 769px) and (max-width: 1000px) {
    .leftsidebargegevens {

        position: absolute;
        background: #fff;
        width: 100%;
        left: 0px;
    }

    .rightsidebargegevens>.grid {
        width: 720px;
    }

    .rightsidebargegevens {
        left: 0px;
        padding-left: 20px;
    }
}

.rightsidebargegevens .text-4xl {
    font-size: 30px;
    font-weight: bold;
}

#team .m-auto.absolute.left-0.right-0.top-0.bottom-0.w-full.h-full.bg-static.bg-static.bg-no-repeat {
    background-position: center 182px;
}

#stepsdiv #stepnumberdiv {
    background: #fff;
    box-shadow: 7px 7px 17px 0px rgba(0, 0, 0, 0.12);
    border-radius: 25px;
    padding-top: 29px;
    padding-left: 29px;
    padding-right: 29px;
    padding-bottom: 7px;
}

#stepsdiv #stepnumberdiv:hover,
#stepsdiv #stepnumberdiv:hover p,
#stepsdiv #stepnumberdiv:hover p span,
#stepsdiv #stepnumberdiv:hover strong {
    color: var(--color-primary-500) !important;
}

#stepsdiv #lineconnector1 {
    position: relative;
    top: 79px;
    left: -16px;
    z-index: -1;
}

#stepsdiv #lineconnector2 {
    position: relative;
    top: 10px;
    left: 10px;
    z-index: -1;
}

#stepsdiv #lineconnector3 {
    position: relative;
    top: -90px;
    left: -17px;
    z-index: -1;
}

#stepsdiv #lineconnector4 {
    position: relative;
    top: -66px;
    left: 104px;
    z-index: -1;
}

#stepsdiv #lineconnector5 {
    position: relative;
    top: -92px;
    left: -17px;
    z-index: -1;
}

.form-radio-buttons {
    background-color: #fff;
    border: 0px;
    border-radius: 1.5rem;
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.reviewelement {
    background-color: #fff;
    border-radius: 25px 25px 25px 25px;
}

.reviewelement .reviewimage img {
    border-radius: 25px 25px 0px 0px;
}

.flex.items-center.justify-between.md\:col-span-3.md\:flex.md\:items-center.md\:justify-between,
#header img.md\:w-auto.max-h-12.md\:max-h-full.h-10.object-contain {
    position: relative;
    z-index: 999999999999 !important;
}

.h-full.w-full.fixed.z-\[2000\].top-0.left-0.items-start.justify-start {
    z-index: 9999;
}
input.focus\:outline-none.text-center.w-full.bg-white.border-t.border-b.font-semibold.text-md.hover\:text-black.focus\:text-black.md\:text-base.cursor-default.flex.items-center.text-gray-700.outline-none{
    width: 70px;
    border: none;
}

@media (min-width: 769px) {

    .mobilefooterconversionone,
    .mobilefooterconversiontwo,
    .bordergradientmobileconversion {
        display: none !important;
    }

}

@media (max-width: 768px) {
    .bordergradientmobileconversion {
        position: relative;
        margin-bottom: -150px;
    }


    .bordergradientmobileconversion:before {
        content: "";
        display: block;
        background-color: transparent;
        background-image: linear-gradient(90deg, var(--color-primary-500) 0%, var(--color-secondary-500) 100%);
        position: absolute;
        overflow: hidden;
        height: 128px;
        width: 108%;
        left: -17px;
    }

    .mobilefooterconversiontwo {
        position: absolute;
        right: 0px;
        top: 0px;
    }

    .mobilefooterconversiontwo img {
        width: 175px;
    }

    .mobilefooterconversionone {
        z-index: 10;
        position: relative;
        top: 8px;
    }

    .mobilefooterconversionone img {

        height: 112px;
    }

    #keuzehulp>div>div {
        padding-bottom: 0px !important;
    }
}









@media (min-width: 1634px) {
    .leftsidebargegevenscorrection {}

    .rightsidebargegevenscorrection {
        left: 20px;
    }

}

@media (min-width: 1500px) and (max-width: 1634px) {
    .rightsidebargegevenscorrection {
        left: 108px;
    }
}

@media (min-width: 1475px) and (max-width: 1500px) {
    .rightsidebargegevenscorrection {
        left: 150px;
    }
}

@media (min-width: 1000px) and (max-width: 1475px) {
    .rightsidebargegevenscorrection {

        left: 139px;

    }
}

@media (min-width: 1000px) and (max-width: 1260px) {
    .rightsidebargegevenscorrection {
        left: 150px;
    }
}


@media (min-width: 769px) and (max-width: 1000px) {
    .rightsidebargegevenscorrection {
        left: 150px;
    }
}



@media (min-width: 769px) and (max-width: 1000px) {
    .rightsidebargegevenscorrection {
        left: 0px;
    }

    .leftsidebargegevenscorrection:before {
        content: "";
        width: 100%;
        height: 100%;
        display: block;
        background: #fff;
    }

    .leftsidebargegevenscorrection .form-content {
        display: none;
    }

}




@media (min-width: 1634px) {
    .leftsidebargegevens .form-content {
        position: relative;
        right: -64%;
        top: 177px;
    }
}

@media (min-width: 1400px) and (max-width:1500px) {

    .leftsidebargegevens .form-content {
        position: relative;
        right: -72%;
        top: 177px;
    }
}

@media (min-width: 1500px) and (max-width:1634px) {

    .leftsidebargegevens .form-content {
        position: relative;
        right: -72%;
        top: 177px;
    }
}



@media (min-width: 1330px) and (max-width:1400px) {

    .leftsidebargegevens .form-content {
        position: relative;
        right: -75%;
        top: 177px;
    }
}


@media (min-width: 1290px) and (max-width:1330px) {

    .leftsidebargegevens .form-content {
        position: relative;
        right: -76%;
        top: 177px;
    }
}

@media (min-width: 1000px) and (max-width:1290px) {

    .leftsidebargegevens .form-content {
        position: relative;
        right: -69%;
        top: 177px;
    }
}


@media (min-width: 1261px) and (max-width:1292px) {

    .leftsidebargegevens .form-content {
        position: relative;
        right: -77%;
        top: 177px;
    }
}


@media (min-width: 769px) and (max-width:1000px) {

    .leftsidebargegevens .form-content {
        display: none !important;
    }
}


.fullwidthbg {
    display: block;
    position: absolute;
    left: -100%;
    top: 0px;
    background: white;
    width: 500%;
    height: 100%;
}

.leftsidebargegevens {
    z-index: 10;
}

.rightsidebargegevens {
    z-index: 20;
    position: relative;
}

.gegevensform {
    padding-bottom: 11px;
}

@media (max-width: 769px) {
    #keuzehulp {
        overflow: hidden;
    }
}

.list-item-with-icon div#column_1 {
    width: 100%;
    margin-bottom: 10px;
}

.add_to_cart_wrapper button.w-auto.cursor-pointer.text-center.block.py-2.px-4.border.border-transparent.text-base.leading-5.text-white.bg-secondary-500.hover\:bg-secondary-300.focus\:outline-none.transition.duration-150.ease-in-out {
    background: linear-gradient(to right, var(--color-primary-500), var(--color-secondary-500)) !important;
    color: var(--color-text-light) !important;
    padding: 14px 22px !important;
    border-radius: 32px !important;
    font-weight: bold !important;
}

.add_to_cart_wrapper button.w-auto.cursor-pointer.text-center.block.py-2.px-4.border.border-transparent.text-base.leading-5.text-white.bg-secondary-500.hover\:bg-secondary-300.focus\:outline-none.transition.duration-150.ease-in-out:hover {
    background: linear-gradient(to right, var(--color-secondary-500), var(--color-primary-500)) !important;
    color: var(--color-text-light) !important;
}

.add_to_cart_wrapper .flex.flex-row.h-10.relative.bg-transparent.mt-4 {
    height: auto;
}

.add_to_cart_wrapper .flex.flex-row.h-10.w-32.relative.bg-transparent.mr-2 {
    margin-top: 5px;
    height: auto;
}

.add_to_cart_wrapper button.bg-gray-300.text-gray-600.hover\:text-gray-700.hover\:bg-gray-400.h-full.w-20.cursor-pointer.outline-none,
.add_to_cart_wrapper button.bg-gray-300.text-gray-600.hover\:text-gray-700.hover\:bg-gray-400.h-full.w-20.cursor-pointer {
    background: #fff;
    width: 42px;
    height: 42px;
    display: block;
    border-radius: 50%;
    color: var(--color-primary-500);
    border: 2px solid var(--color-primary-500);
}

.add_to_cart_wrapper button.bg-gray-300.text-gray-600.hover\:text-gray-700.hover\:bg-gray-400.h-full.w-20.cursor-pointer.outline-none:hover,
.add_to_cart_wrapper button.bg-gray-300.text-gray-600.hover\:text-gray-700.hover\:bg-gray-400.h-full.w-20.cursor-pointer:hover {
    background: var(--color-primary-500);
    color: #fff;
    border: 2px solid var(--color-primary-500);
}

.add_to_cart_wrapper input.outline-none.focus\:outline-none.text-center.w-full.bg-white.border-t.border-b.font-semibold.text-md.hover\:text-black.focus\:text-black.md\:text-basecursor-default.flex.items-center.text-gray-700 {
    width: 40px;
    border: none;
    pointer-events: none;
}

.add_to_cart_wrapper .flex.flex-row.h-10.w-32.relative.bg-transparent.mr-2 {
    margin-top: 5px;
    height: auto;
    width: 200px;
}

.add_to_cart_wrapper button.bg-gray-300.text-gray-600.w-20.cursor-pointer span {
    font-size: 28px;
    position: relative;
    top: -4px;
}

.add_to_cart_wrapper span.font-bold.text-2xl.text-black {
    color: var(--color-primary-500);
}

.add_to_cart_wrapper span.font-bold.text-2xl.text-red-500 {
    color: var(--color-default-text);
}

#section_86890 a.product.flex.justify-between.flex-col.border.border-gray-200.p-4.flex-1.no-underline.group.min-h-36 {
    box-shadow: 4px 6px 18px #ccc;
    border-radius: 1.5rem;
    text-align: center;
}

#section_86890 span.font-bold.text-lg.text-red-500.no-underline {
    text-align: center;
    color: var(--color-primary-500);
}

#section_86890 p.mt-2.text-base.text-right.no-underline {
    text-align: center
}

#section_86890 .product_button.w-auto {
    background: linear-gradient(to right, var(--color-primary-500), var(--color-secondary-500)) !important;
    color: var(--color-text-light) !important;
    padding: 14px 22px !important;
    border-radius: 32px !important;
    font-weight: bold !important;
    text-align: center;
}

#section_86890 .product_button.w-auto:hover {
    background: linear-gradient(to right, var(--color-secondary-500), var(--color-primary-500)) !important;
}

#mobile_cart_wrapper {
    width: 22px;
    height: 22px;
    position: absolute;
    top: 71px;
    z-index: 2;
    right: 30px;
}

#mobile_cart_wrapper img {
    height: 24px;
}

.last-col-full-width div#column_3 {
    width: 100%;
}

.no-underline .editorstyles a {
    text-decoration: none
}

.cart-page .flex.flex-row.h-10.w-32.relative.bg-transparent {
    width: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cart-page span.flex.justify-end a,
.checkout-page .pin-r.pin-y a {
    position: relative;
    border-radius: 55px;
    text-align: center;
    transition: all .3s;
    padding: 12px 24px;
    fill: #FFFFFF;
    color: #FFFFFF !important;
    background-color: transparent;
    background-image: linear-gradient(90deg, var(--color-primary-500) 0%, var(--color-secondary-500) 100%);
}

.cart-page span.flex.justify-end a:hover,
.checkout-page .pin-r.pin-y a:hover {
    background-image: linear-gradient(90deg, var(--color-secondary-500) 0%, var(--color-primary-500) 100%);
}

#site_header {
    position: sticky;
    top: 0;
    z-index: 9999
}

@media (max-width: 769px) {
    #site_header {
        position: sticky;
        top: 0;
    }
}

.mobile-row .flex.w-full.md\:flex-row.flex-col {
    flex-direction: row;
    display: flex;
    gap: 16px;
    align-items: center;
    justify-content: center;
}

.mobile-row .mb-4 {
    margin-bottom: 0px;
}

.animation-wrap {
    overflow-x: hidden;
}

.generated .continuous-carousel {
    overflow: hidden;
    position: relative;
    max-width: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
    /* fallback clip */
    overflow-x: clip;
    /* modern hard clip */
    contain: paint;
    /* isolates paint so transforms can't affect page */
    isolation: isolate;
    /* new stacking context; helps iOS Safari */
    touch-action: pan-y;
}

.generated .continuous-carousel .c_c {
    overflow: hidden;
}

.generated .continuous-carousel .grid {
    height: 100%;
    display: flex;
    flex-wrap: nowrap;

}

.continuous-carousel .grid.no-transition {
    transition: none !important;
}

.generated .continuous-carousel::before,
.generated .continuous-carousel::after {
    content: '';
    position: absolute;
    top: 0;
    height: 100%;
    width: 60px;
    pointer-events: none;
    z-index: 10;
}

.generated .continuous-carousel::before {
    left: 0;
    background: linear-gradient(to right, #f0f1f3, transparent);
}

.generated .continuous-carousel::after {
    right: 0;
    background: linear-gradient(to left, #f0f1f3, transparent);
}

.generated .continuous-carousel .bg-image img {
    max-height: 300px;
    width: auto;
}

.generated .continuous-carousel .grid .c_c.max-w-screen-xl {
    width: 300px;
}

.generated .continuous-carousel .grid:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 99;
}

.generated .continuous-carousel.active .grid:before {
    display: none
}

.c_c_h-remover .c_c_h.flex {
    display: block;
}

/**
* fixed header css
*/

#site_header_menu #menu_wrapper .main-menu {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    background: #fff;
    border-radius: 40px;
    box-shadow: 0px 3px 24px -5px #bdbdbd;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-right: 12px;
}

#site_header_menu .main-menu a {
    font-weight: bold;
}

#site_header_menu .main-menu .submenu a {
    font-weight: normal;
}

.main-menu {
    padding-top: 12px;
    padding-bottom: 12px;
    padding-right: 12px;
}

#site_header_menu #header {
    height: 70px;
}

#site_header_menu #menu_wrapper {
    margin-top: 0px;
}

#site_header .c_b.m-auto.absolute.left-0.right-0.top-0.bottom-0.w-full.h-full.bg-gray-900 {
    height: calc(100% + 70px);
    bottom: auto;
}

#site_header {
    margin-bottom: 70px;
}
@media (max-width: 768px) {
    #site_header { margin-bottom: 0; }
    #site_header .c_b.m-auto.absolute.left-0.right-0.top-0.bottom-0.w-full.h-full.bg-gray-900 { height: 100%; }
}

.menu-loaded .c_b.m-auto.absolute.left-0.right-0.top-0.bottom-0.w-full.h-full.bg-gray-900 {
    height: 100% !important;
}

.menu-loaded {
    margin-bottom: 0px !important
}

#menu_wrapper {
    padding: 0;
    margin-top: 3px;
}

#site_header_menu #menu_wrapper {
    margin-top: 0px !important;
}

.site-header-menu {
    background-image: linear-gradient(to bottom, var(--color-gray-900) 50%, transparent 50%);
}