@font-face {
    font-family: "Cleanvertising Light";
    src: local("Cleanvertising Light"), url("/wp-content/uploads/et-fonts/CLEANVEL.ttf");
    font-weight: 300;
}

html {
    font-size: 15px;
}

/* Font sizes minwidth: 320px - maxwidth: 1280px - 1rem=15px - https://clamp.vittoretrivi.dev/ */

.fs-80 {
    font-size: 1.6rem;
    font-size: clamp(1.6rem, 0.3557rem + 5.8328vw, 5.333rem);
    line-height: 1em !important;
}

.fs-60 {
    font-size: 1, 467rem;
    font-size: clamp(1.467rem, 0.6227rem + 3.9578vw, 4rem);
    line-height: 1em !important;
}

.fs-50 {
    font-size: 1.333rem !important;
    font-size: clamp(1.333rem, 0.6663rem + 3.1250vw, 3.333rem) !important;
    line-height: 1em !important;
}

.fs-30 {
    font-size: 1.2rem !important;
    font-size: clamp(1.2rem, 0.9333rem + 1.2500vw, 2rem) !important;
    line-height: 1em !important;
}

.fs-24 {
    font-size: 1.2rem;
    font-size: clamp(1.2rem, 1.0667rem + 0.6250vw, 1.6rem);
    line-height: 1em !important;
}

.fs-21 {
    font-size: 1.067rem !important;
    font-size: clamp(1.067rem, 0.9560rem + 0.5203vw, 1.4rem) !important;
    line-height: 1.5em !important;
}

.fs-20 {
    font-size: 1.067rem;
    font-size: clamp(1.067rem, 0.9783rem + 0.4156vw, 1.333rem);
    line-height: 1.5em !important;
}

.fs-18 {
    font-size: 1.067rem;
    font-size: clamp(1.067rem, 1.0227rem + 0.2078vw, 1.2rem);
    line-height: 1.5em !important;
}

.fs-15,
.fs-15 ul li {
    font-size: 0.933rem !important;
    font-size: clamp(0.933rem, 0.9107rem + 0.1047vw, 1rem) !important;
    line-height: 1.5em !important;
}

.img__title {
    display: flex;
    align-items: center;
    gap: 2rem;
}


@media all and (max-width: 767px) {
    .img__title {
        flex-direction: column;
    }
}

/* Elements styles */

.list--dash ul {
    list-style-type: none;
    list-style-position: inside;
    padding-left: 0;
    padding-bottom: 0;
}

.list--dash ul li {
    position: relative;
    padding-left: 1.5em;
}

.list--dash ul li:before {
    content: '-';
    position: absolute;
    left: 0;
}

/* Custom text colors */

.sub {
    font-family: 'Cleanvertising Light', Helvetica, Arial, Lucida, sans-serif;
}

.sub b {
    font-weight: 400;
}

.sub .orange {
    color: #FA832F;
}

.sub .blue {
    color: #00A7FA;
}

/* Home Title rotating words */

.header__home {
    position: relative;
}

.header__base_images {
    position: absolute;
    inset: 0;
    background-image: url(https://sltn.nl/wp-content/uploads/2023/04/visual__home_header.png), linear-gradient(90deg, rgba(18, 26, 90, 1) 0%, rgba(18, 26, 90, 1) 35%, rgba(18, 26, 90, 0.2) 100%);
    background-size: cover;
    background-position: center;
    z-index: 1;
    border-radius: 2.5rem;
}

.header__carousel_images {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    z-index: 0;
    border-radius: 2.5rem;
}

.cd-words-wrapper {
    display: inline-block;
    position: relative;
    text-align: left;
}

.cd-words-wrapper b {
    display: inline-block;
    position: absolute;
    white-space: nowrap;
    left: 0;
    top: 0;
}

.cd-words-wrapper b.is-visible {
    position: relative;
}

.no-js .cd-words-wrapper b {
    opacity: 0;
}

.no-js .cd-words-wrapper b.is-visible {
    opacity: 1;
}

.cd-headline.slide span {
    display: inline-block;
    padding: .2em 0;
}

.cd-headline.slide .cd-words-wrapper {
    overflow: hidden;
    vertical-align: top;
}

.cd-headline.slide b {
    opacity: 0;
    top: .2em;
}

.cd-headline.slide b.is-visible {
    top: 0;
    opacity: 1;
    -webkit-animation: slide-in 0.6s;
    -moz-animation: slide-in 0.6s;
    animation: slide-in 0.6s;
}

.cd-headline.slide b.is-hidden {
    -webkit-animation: slide-out 0.6s;
    -moz-animation: slide-out 0.6s;
    animation: slide-out 0.6s;
}

@-webkit-keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(20%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes slide-in {
    0% {
        opacity: 0;
        -moz-transform: translateY(-100%);
    }

    60% {
        opacity: 1;
        -moz-transform: translateY(20%);
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}

@keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(20%);
        -moz-transform: translateY(20%);
        -ms-transform: translateY(20%);
        -o-transform: translateY(20%);
        transform: translateY(20%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes slide-out {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }

    60% {
        opacity: 0;
        -webkit-transform: translateY(120%);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(100%);
    }
}

@-moz-keyframes slide-out {
    0% {
        opacity: 1;
        -moz-transform: translateY(0);
    }

    60% {
        opacity: 0;
        -moz-transform: translateY(120%);
    }

    100% {
        opacity: 0;
        -moz-transform: translateY(100%);
    }
}

@keyframes slide-out {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    60% {
        opacity: 0;
        -webkit-transform: translateY(120%);
        -moz-transform: translateY(120%);
        -ms-transform: translateY(120%);
        -o-transform: translateY(120%);
        transform: translateY(120%);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%);
    }
}

/* Language switcher */

.wpml-ls-legacy-list-horizontal {
    text-align: right;
    margin-bottom: 23px;
}

.wpml-ls-legacy-list-horizontal ul {
    display: inline-block;
    padding-left: 0;
    position: relative;
    padding: 0;
    border: 1px solid #FFFFFF;
    border-radius: 28px;
}

.wpml-ls-legacy-list-horizontal ul:before {
    content: "";
    display: inline-block;
    background-color: #ffffff;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 50%;
    border-radius: 28px;
    transition: left .3s ease-in-out;
    z-index: 1;
}

.wpml-ls-legacy-list-horizontal ul li a {
    color: #ffffff;
    transition: color .3s ease-in-out;
    z-index: 9;
    position: relative;
}

.wpml-ls-legacy-list-horizontal ul li.wpml-ls-current-language a {
    color: #EE8514 !important;
}

.wpml-ls-legacy-list-horizontal ul li a:hover {
    font-weight: 900;
}

.wpml-ls-legacy-list-horizontal ul li.wpml-ls-current-language a {
    font-weight: 900;
}

/* Position of the circle for each language */

body.lang-nl .wpml-ls-legacy-list-horizontal ul:before {
    left: 0%;
}

body.lang-en .wpml-ls-legacy-list-horizontal ul:before {
    left: 50%;
}

body .wpml-ls-legacy-list-horizontal.selected-nl ul:before {
    left: 0%;
}

body .wpml-ls-legacy-list-horizontal.selected-en ul:before {
    left: 50%;
}

body .wpml-ls-legacy-list-horizontal.selecting ul li a {
    color: #ffffff !important;
}

body .wpml-ls-legacy-list-horizontal.selecting ul li.selected a {
    color: #EE8514 !important;
    font-weight: 900 !important;
}

/* Header top bar */

nav#navigation ul.menu {
    list-style-type: none;
    list-style-position: outside;
    padding-left: 0;
    padding-bottom: 0;
    display: flex;
    justify-content: flex-end;
    gap: 1.5rem;
    gap: clamp(1.2rem, -5.68rem + 8.0000vw, 3rem);
}

nav#navigation ul.menu li {
    position: relative;
}

nav#navigation ul.menu li a {
    color: #ffffff !important;
    font-size: 0.933rem !important;
    font-size: clamp(0.933rem, 0.8883rem + 0.2094vw, 1.067rem) !important;
    font-weight: 500 !important;
}

nav#navigation ul.menu li>a {
    cursor: pointer;
}

nav#navigation ul.menu li>.sub-menu {
    display: none;
    background-color: #1A2577;
    list-style: none;
    list-style-position: outside;
    padding-top: 1.5em;
    padding-left: 0;
    padding-bottom: 1.5em;
    position: absolute;
    top: 100%;
    left: 0;
    width: max-content;
}

@media all and (min-width: 981px) {
    nav#navigation ul.menu li:hover>.sub-menu {
        display: block;
    }
}

nav#navigation ul.menu li>.sub-menu li a {
    display: block;
    padding: 1em 3em;
    background-color: transparent;
    transition: background-color .3s ease-in-out;
    color: #ffffff !important;
}

nav#navigation ul.menu li>.sub-menu li.orange a {
    color: #EE8514 !important;
}

nav#navigation ul.menu li>.sub-menu li.blue a {
    color: #00A7FA !important;
}

nav#navigation ul.menu li>.sub-menu li.orange.last:after {
    content: "";
    display: block;
    height: 1px;
    background-color: rgba(255, 255, 255, .3);
    margin-left: 3em;
    margin-right: 3em;
    margin-top: .5em;
    margin-bottom: .5em;
}

nav#navigation ul.menu li>.sub-menu li a:hover {
    background-color: rgba(255, 255, 255, .05);
}

@media all and (min-width: 981px) {

    .hamburger {
        display: none;
    }

    nav#navigation ul.menu>li>a:after {
        content: "";
        display: block;
        height: 2px;
        width: 0px;
        background-color: #FA832F;
        transition: width .3s ease-in-out;
    }

    nav#navigation ul.menu>li:hover>a:after {
        width: 100%;
    }

}

/* Mobile Menu */
@media all and (max-width: 980px) {

    .et_pb_section_0_tb_header.et_pb_section.menu-open {
        min-height: 100vh;
        background-color: #1A2577 !important;
    }

    .et_pb_section_0_tb_header .et_pb_row {
        margin-top: 0;
    }

    .et_pb_section_0_tb_header .et_pb_column:last-of-type {
        display: none;
    }

    .et_pb_section_0_tb_header.menu-open .et_pb_column:last-of-type {
        display: block;
    }

    .column__logo_hamburger {
        display: flex;
        justify-content: space-between;
    }

    .hamburger {
        display: inline-block;
    }

    nav#navigation {
        padding-top: 3em;
        padding-bottom: 3em;
    }

    nav#navigation ul.menu {
        display: inline-flex;
        justify-content: flex-start;
        flex-direction: column;
    }

    nav#navigation ul.menu li>a {
        font-size: 2rem;
    }

    nav#navigation ul.menu li.show-submenu .sub-menu {
        display: block;
        background: #17216C;
    }

    nav#navigation ul.menu>li {
        position: relative;
    }

    nav#navigation ul.menu>li>a {
        display: inline-block;
        padding-top: .5rem;
        padding-bottom: .5rem;
    }

    nav#navigation ul.menu>li>a:after {
        content: "";
        display: inline-block;
        position: absolute;
        top: 0;
        right: -3rem;
        bottom: 0;
        height: 0px;
        width: 2px;
        background-color: #FA832F;
        transition: height .3s ease-in-out;
    }

    nav#navigation ul.menu>li.show-submenu>a:after {
        height: 100%;
    }

    nav#navigation ul.menu li .sub-menu {
        left: calc(100% + 3rem);
        top: 0;
    }

    nav#navigation ul.menu li .sub-menu li>a {
        font-size: 1.0666666667rem;
    }
}

@media all and (max-width: 580px) {
    nav#navigation ul.menu li .sub-menu {
        position: static;
    }

    nav#navigation ul.menu>li>a:after {
        position: static;
        height: 2px !important;
        width: 0;
        transition: width .3s ease-in-out;
    }

    nav#navigation ul.menu>li.show-submenu>a:after {
        width: 100%;
    }

}

/* Transparent top bar */
body.transparent_header_bar .et_pb_section_0_tb_header.et_pb_section {
    background-color: transparent !important;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
}

body.transparent_header_bar .et_pb_section_0_tb_header.et_pb_section.menu-open {
    background-color: #1A2577 !important;
}

body.transparent_header_bar:not(.single-case):not(.single-news) #main-content .et_builder_inner_content .et_pb_section:first-of-type {
    padding-top: 18em;
    padding-bottom: 6em;
}

/* Header with overlapping image */

.section__img_overlap {
    display: flex;
    align-items: flex-end;
}

.section__img_overlap .row__img_overlap {
    margin-bottom: 0;
}

.section__img_overlap+.et_pb_section {
    padding-top: 11em;
}

.row__img_overlap .et_pb_column:nth-child(1) {
    margin-top: 8em;
    border-radius: 2.666em;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.row__img_overlap .et_pb_column:nth-child(1):before {
    content: " ";
    position: absolute;
    top: 0;
    right: 100%;
    bottom: 0;
    width: 100%;
    display: block;
    background-color: rgba(35, 49, 149, 0.75);
    height: 100%;
}

.row__img_overlap .et_pb_column:nth-child(2) {
    position: absolute;
    width: auto !important;
    top: 0;
    right: 0;
    bottom: -8em;
    left: 25%;
    z-index: 1;
}

.row__img_overlap .et_pb_column:nth-child(2) .et_pb_image,
.row__img_overlap .et_pb_column:nth-child(2) .et_pb_image_wrap {
    height: 100%;
}

.row__img_overlap .et_pb_column:nth-child(2) img {
    height: 100%;
    object-fit: cover;
}

/* Buttons */

.btn--primary {
    display: inline-flex;
    align-items: center;
    background-color: #FA832F !important;
    font-size: 1rem !important;
    font-size: clamp(1rem, 0.8890rem + 0.5203vw, 1.333rem) !important;
    line-height: 1em;
    color: #ffffff;
    border-radius: 2em !important;
    padding: .75em 1.5em !important;
    font-weight: 700;
	text-decoration: none !important;
}

.btn--primary:after {
    content: '\24';
    font-family: etmodules;
    color: #1C287E;
    margin-left: .75em;
    transform: translateY(2px);
    transition: transform .3s ease-in-out;
}

.btn--primary:hover:after {
    transform: translateY(2px) translateX(.3em);
}

/* Home solution cards */

.col__business_toggle,
.col__technology_toggle {
    opacity: 1;
    transition: opacity .3s ease-in-out;
}

@media all and (max-width: 767px) {

    .col__business_toggle,
    .col__technology_toggle {
        cursor: pointer;
    }

    .module__business_intro:after,
    .module__technology_intro:after {
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28.004' height='32.002' viewBox='0 0 28.004 32.002'%3E%3Cg transform='translate(38.127 -9) rotate(90)'%3E%3Cpath d='M18.586,10.711a2,2,0,0,1,2.832,0l12,12a2,2,0,0,1,0,2.832l-12,12a2,2,0,1,1-2.832-2.832L29.172,24.125,18.586,13.541a2,2,0,0,1,0-2.832Z' transform='translate(6.997 0)' fill='%23ee8514' fill-rule='evenodd'/%3E%3Cpath d='M9,18.875a2,2,0,0,1,2-2H37a2,2,0,1,1,0,4H11A2,2,0,0,1,9,18.875Z' transform='translate(0 5.25)' fill='%23ee8514' fill-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E");
        display: inline-block;
        margin-top: 1em;
        transform: rotate(-90deg);
        transform-origin: 50%;
        transition: transform .3s ease-in-out;
    }

    .module__technology_intro:after {
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28.004' height='32.002' viewBox='0 0 28.004 32.002'%3E%3Cg transform='translate(38.127 -9) rotate(90)'%3E%3Cpath d='M18.586,10.711a2,2,0,0,1,2.832,0l12,12a2,2,0,0,1,0,2.832l-12,12a2,2,0,1,1-2.832-2.832L29.172,24.125,18.586,13.541a2,2,0,0,1,0-2.832Z' transform='translate(6.997 0)' fill='%2300A7FA' fill-rule='evenodd'/%3E%3Cpath d='M9,18.875a2,2,0,0,1,2-2H37a2,2,0,1,1,0,4H11A2,2,0,0,1,9,18.875Z' transform='translate(0 5.25)' fill='%2300A7FA' fill-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E");
    }

    .col__business_toggle.active .module__business_intro:after,
    .col__technology_toggle.active .module__technology_intro:after {
        transform: rotate(0);
    }
}

.solution__row .et_pb_column {
    padding: 2em;
}

.solution__row .et_pb_column:first-of-type:not(.et_pb_column_empty) {
    border: 2px solid #EE8514;
    border-radius: 30px;
}

.solution__row .et_pb_column:last-of-type:not(.et_pb_column_empty) {
    border: 2px solid #00ABF6;
    border-radius: 30px;
}

.solution__wrapper {
    display: flex;
    gap: 1.5em;
}

.solution__wrapper .icon {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.solution__wrapper .icon img {
    margin-bottom: 1em;
}

.solution__wrapper .icon .arrow__wrapper {
    display: flex;
    width: 27px;
    overflow: hidden;
    justify-content: flex-end;
    transition: width .3s ease-in-out;
}

.solution__wrapper:hover .icon .arrow__wrapper {
    width: 48px;
}

.solution__wrapper .icon .arrow__wrapper .arrow {
    flex-shrink: 0;
    margin-bottom: 5px;
}

.solution__wrapper .content {
    color: #ffffff;
}

.solution__wrapper h3 {
    color: #ffffff;
    font-size: 1.067rem;
    font-size: clamp(1.067rem, 0.9560rem + 0.5203vw, 1.4rem);
}

.solution__wrapper p {
    color: #ffffff;
    font-size: 0.933rem;
    font-size: clamp(0.933rem, 0.9107rem + 0.1047vw, 1rem);
}

@media all and (max-width: 980px) {
    .row__home_services_toggle {
        display: flex;
        /* gap: 2rem; */
        gap: 2rem;
        gap: clamp(1.5rem, -0.2897rem + 8.3893vw, 4rem);
        justify-content: space-between;
    }

    .row__home_services_toggle:after {
        content: none;
    }

    .row__home_services_toggle .et_pb_column {
        margin-left: 0;
    }

    .et_pb_row.solution__row {
        display: flex;
        gap: 2rem;
        justify-content: space-between;
    }

    .et_pb_row.solution__row .et_pb_column {
        margin-bottom: 0;
    }
}

@media all and (max-width: 767px) {

    .col__business_toggle:not(.active),
    .col__technology_toggle:not(.active) {
        opacity: .3;
    }

    .col__business_service {
        margin-bottom: 0;
    }

    /* Default */
    .col__technology_service {
        display: none;
    }

    /* Mobile styles */

    .solution__row .et_pb_column .et_pb_code,
    .solution__row .et_pb_column .et_pb_code .et_pb_code_inner {
        position: static;
    }

    .solution__wrapper {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding-bottom: 2rem;
    }

    .solution__wrapper .icon {
        align-items: center;
    }

    .solution__wrapper .icon .arrow__wrapper {
        display: inline-block;
        overflow: unset;
        transition: unset;
        position: absolute;
        bottom: 0;
        background-color: #264A9B;
        border: 2px solid #EE8528;
        border-radius: 45px;
        padding: 1rem 2rem;
        transform: translateY(50%);
    }

    .col__technology_service .solution__wrapper .icon .arrow__wrapper {
        border-color: #00ABF6;
    }


    .solution__wrapper .icon .arrow__wrapper,
    .solution__wrapper:hover .icon .arrow__wrapper {
        width: auto;
    }

    .solution__wrapper .icon .arrow__wrapper .arrow {
        display: block;
        margin-bottom: 0;
        margin-left: auto;
        margin-right: auto;
    }

    .solution__wrapper .content {
        text-align: center;
    }

}



/* Home Vacature Slider */

.swiper__vacatures .swiper-wrapper {}

.swiper__vacatures .swiper-wrapper .swiper-slide h3 {
    font-family: 'Raleway', Helvetica, Arial, Lucida, sans-serif;
    color: #ffffff;
    font-size: 1.2rem;
    font-size: clamp(1.2rem, 0.9333rem + 1.2500vw, 2rem);
    line-height: 1em;
    font-weight: 900;
    margin-bottom: 1.5rem;
}

.swiper__vacatures .swiper-wrapper .swiper-slide p {
    color: #ffffff;
    font-size: 1.067rem;
    font-size: clamp(1.067rem, 1.0227rem + 0.2078vw, 1.2rem);
    line-height: 1.5em !important;
    margin-bottom: 2rem;
}

.swiper__vacatures_container .swiper-buttons {
    position: absolute;
    right: 0;
    bottom: 4em;
    margin-top: 2em;
    display: flex;
    gap: 1em;
}

.swiper__vacatures_container .swiper-buttons>div {
    /* the buttons */
    position: static;
    margin-top: 0;
    width: auto;
    height: auto;
    border: 1px solid #FA832F;
    padding: 1em;
    transition: background-color .3s ease-in-out;
}

.swiper__vacatures_container .swiper-button-prev:after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18.003' height='15.753' viewBox='0 0 18.003 15.753'%3E%3Cg transform='translate(27.003 25.877) rotate(180)'%3E%3Cpath d='M18.329,10.454a1.125,1.125,0,0,1,1.593,0l6.75,6.75a1.125,1.125,0,0,1,0,1.593l-6.75,6.75a1.126,1.126,0,1,1-1.593-1.593L24.284,18l-5.955-5.954a1.125,1.125,0,0,1,0-1.593Z' fill='%23fff' fill-rule='evenodd'/%3E%3Cpath d='M9,18a1.125,1.125,0,0,1,1.125-1.125H24.75a1.125,1.125,0,0,1,0,2.25H10.125A1.125,1.125,0,0,1,9,18Z' fill='%23fff' fill-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E");
    font-size: 1em;
}

.swiper__vacatures_container .swiper-button-next:after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18.003' height='15.753' viewBox='0 0 18.003 15.753'%3E%3Cg transform='translate(-9 -10.124)'%3E%3Cpath d='M18.329,10.454a1.125,1.125,0,0,1,1.593,0l6.75,6.75a1.125,1.125,0,0,1,0,1.593l-6.75,6.75a1.126,1.126,0,1,1-1.593-1.593L24.284,18l-5.955-5.954a1.125,1.125,0,0,1,0-1.593Z' fill='%23fff' fill-rule='evenodd'/%3E%3Cpath d='M9,18a1.125,1.125,0,0,1,1.125-1.125H24.75a1.125,1.125,0,0,1,0,2.25H10.125A1.125,1.125,0,0,1,9,18Z' fill='%23fff' fill-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E");
    font-size: 1em;
}

.swiper__vacatures_container .swiper-buttons>div:hover {
    background-color: #FA832F;
}

/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {
    .swiper__vacatures_container .swiper-buttons {
        position: static;
    }
}

/* Home Business Cases */

.business__cases {
    display: flex;
    gap: 3em;
}

.business__cases .item {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 0;
}

/* .business__cases .item a { */
.business__cases .item {
    border: 2px solid #FA832F;
    border-radius: 2em;
    padding: 2em;
    aspect-ratio: 1/1;
    display: flex;
    flex-direction: column;
    /* justify-content: flex-end; */
}

/* .business__cases .item:nth-child(even) a { */
.business__cases .item:nth-child(even) {
    border-color: #00ABF6;
}

.business__cases .item h3 {
    font-family: 'Raleway', Helvetica, Arial, Lucida, sans-serif;
    color: #1A2577;
    font-size: 1.2rem;
    font-size: clamp(1.2rem, 0.9333rem + 1.2500vw, 2rem);
    line-height: 1em;
    font-weight: 900;
    margin-bottom: 1em;
    padding-bottom: 0;
}

.business__cases .item p {
    color: #1A2577;
    font-size: 1.067rem;
    font-size: clamp(1.067rem, 1.0227rem + 0.2078vw, 1.2rem);
    line-height: 1.5em !important;
}

@media all and (max-width: 1200px) {
    .business__cases {
        gap: 1.5em;
    }
}

@media all and (max-width: 980px) {

    .business__cases {
        flex-direction: column;
    }

    .business__cases .item a {
        aspect-ratio: auto;
    }

}

/* Case item */

.case__wrapper {
    background-color: #1C287E;
    padding: 3em;
}

.case__wrapper .content h3 {
    font-family: 'Cleanvertising Light', Helvetica, Arial, Lucida, sans-serif;
    padding: 0;
    font-size: 1.2rem;
    font-size: clamp(1.2rem, 0.9333rem + 1.2500vw, 2rem);
    line-height: 1em;
    color: #FA832F;
}

.case__wrapper .content img {
    display: block;
    margin: 1.5em 0;
}

.case__wrapper p {
    color: #ffffff;
    font-size: 0.933rem;
    font-size: clamp(0.933rem, 0.9107rem + 0.1047vw, 1rem);
    line-height: 1.5em !important;
    margin-bottom: 2em;
}

/* Sectoren */

.solution__row.sectoren__row .solution__wrapper .icon {
    justify-content: center;
    flex-basis: 49px;
}

.solution__row.sectoren__row .et_pb_column {
    border-color: #EE8514 !important;
}

/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {
    .solution__row.sectoren__row .solution__wrapper {
        gap: 0;
    }

    .solution__row.sectoren__row .solution__wrapper .icon {
        flex-basis: auto;
    }
}

/* Practices: Data governance */

.data_governance__wrapper {
    display: flex;
    gap: 2em;
}

.data_governance__wrapper .dg__item {
    border-radius: 30px;
    box-shadow: 0px 5px 18px -6px rgba(0, 0, 0, 0.3);
    flex: 1 0 0;
    display: flex;
    flex-direction: column;
}

.data_governance__wrapper .dg__item h3 {
    font-family: 'Cleanvertising Light', Helvetica, Arial, Lucida, sans-serif;
    font-size: 1.2rem;
    font-size: clamp(1.2rem, 0.9333rem + 1.2500vw, 2rem);
    line-height: 1em !important;
    color: #FA832F;
    padding-bottom: 0;
}

.data_governance__wrapper .dg__item p {
    font-size: 0.933rem;
    font-size: clamp(0.933rem, 0.9107rem + 0.1047vw, 1rem);
    line-height: 1.5em !important;
    text-align: center;
}

.data_governance__wrapper .dg__item img {
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
}

.data_governance__wrapper .dg__item .white {
    padding: 3em;
    background-color: #ffffff;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
}

.data_governance__wrapper .dg__item .white p {
    color: #000000;
}

/* .data_governance__wrapper .dg__item .blue {
    padding: 3em;
    background: rgb(35,49,149);
    background: linear-gradient(90deg, rgba(35,49,149,1) 0%, rgba(26,99,173,1) 100%);
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    flex-grow: 1;
}

.data_governance__wrapper .dg__item .blue p {
    color: #ffffff;
} */

@media all and (max-width: 767px) {
    .data_governance__wrapper {
        flex-direction: column;
    }
}

/* Data Services visual */

.visual__data_services .wrapper {
    display: flex;
    flex-direction: column;
    gap: 2em;
}

.visual__data_services .wrapper .item_title,
.visual__data_services .wrapper .items .item:not(.arrow) {
    box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.2);
    background-color: #ffffff;
    border-radius: 30px;
}


.visual__data_services .wrapper .item_title {
    color: #EE8514;
    text-align: center;
    font-family: 'Cleanvertising Light', Helvetica, Arial, Lucida, sans-serif;
    font-size: 1.2rem !important;
    font-size: clamp(1.2rem, 0.9333rem + 1.2500vw, 2rem) !important;
    line-height: 1.5em !important;
    padding: 1em 2em;
}

.visual__data_services .wrapper .items {
    display: flex;
    flex-direction: row;
    gap: 0em;
}

.visual__data_services .wrapper .items .item:not(.arrow) {
    color: #19216C;
    flex: 1 1 0;
    font-size: 0.866rem;
    font-size: clamp(0.866rem, 0.1544rem + 1.0891vw, 1.2rem);
    line-height: 1.5em !important;
    padding: 1em 2em;
}

.visual__data_services .wrapper .items .item.arrow {
    font-family: 'etmodules';
    color: #009DF9;
    flex: 0 1 0;
    font-size: 2.5em;
    font-size: clamp(2.5rem, -5.6667rem + 12.5000vw, 5rem);
    align-self: center;
}

.visual__data_services .wrapper .items .item img {
    display: block;
    margin-top: 1em;
}

@media all and (max-width: 980px) {

    .visual__data_services .wrapper .item_title {
        font-size: 2rem !important;
    }

    .visual__data_services .wrapper .items {
        flex-direction: column;
        gap: 1em;
    }

    .visual__data_services .wrapper .items .item:not(.arrow) {
        font-size: 1.2rem;
        text-align: center;
    }

    .visual__data_services .wrapper .items .item:not(.arrow) img {
        margin: 1em auto 0;
    }

    .visual__data_services .wrapper .items .item.arrow {
        font-size: 5em;
        transform: rotate(90deg);
    }

}

/* Unified Communications */

.uc__wrapper {
    background-color: #ffffff;
    padding: 3em;
}

.uc__wrapper .content h3 {
    font-family: 'Cleanvertising Light', Helvetica, Arial, Lucida, sans-serif;
    padding: 0;
    font-size: 1.2rem;
    font-size: clamp(1.2rem, 0.9333rem + 1.2500vw, 2rem);
    line-height: 1em;
    color: #00ABF6;
}

.uc__wrapper .content img {
    display: block;
    margin: 1.5em 0;
}

.uc__wrapper p {
    color: #000000;
    font-size: 0.933rem;
    font-size: clamp(0.933rem, 0.9107rem + 0.1047vw, 1rem);
    line-height: 1.5em !important;
    margin-bottom: 2em;
}

/* Tabs on about SLTN */

.tabs__about_sltn {
    border: none;
}

.tabs__about_sltn ul.et_pb_tabs_controls {
    background-color: transparent;
    display: flex;
    justify-content: center;
    text-align: center;
    border-top: 1px solid #FA832F;
    border-bottom: 1px solid #FA832F;
    gap: 5em;
    padding-top: 3em !important;
    padding-bottom: 3em !important;
    margin-bottom: 2em;
}

.tabs__about_sltn ul.et_pb_tabs_controls:after {
    content: none;
}

.tabs__about_sltn ul.et_pb_tabs_controls li {
    border: none;
    text-align: center;
    flex: 0.1 0 0;
}

.tabs__about_sltn ul.et_pb_tabs_controls li a {
    font-family: 'Cleanvertising Light', Helvetica, Arial, Lucida, sans-serif;
    color: #FA832F !important;
    font-size: 1.2rem;
    font-size: clamp(1.2rem, 1.0667rem + 0.6250vw, 1.6rem);
    line-height: 1em !important;
    padding: 5px 0;
}

.tabs__about_sltn ul.et_pb_tabs_controls li a:hover,
.tabs__about_sltn ul.et_pb_tabs_controls li.et_pb_tab_active a {
    font-family: 'Cleanvertising Black', Helvetica, Arial, Lucida, sans-serif;
}

.tabs__about_sltn .et_pb_all_tabs {
    max-width: 760px;
    margin: 0 auto;
}

.tabs__about_sltn .et_pb_all_tabs .et_pb_tab {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    font-size: 0.933rem;
    font-size: clamp(0.933rem, 0.9107rem + 0.1047vw, 1rem);
    line-height: 1.5em !important;
}

.tabs__about_sltn .et_pb_all_tabs .et_pb_tab strong {
    color: #1C287E;
}

/* Management items */

.row__management .et_pb_column:not(.et_pb_column_empty) {
    box-shadow: 0px 5px 18px -6px rgba(0, 0, 0, 0.3)
}

.management_wrapper {
    padding: 2em 1.5em;
    padding-bottom: 2.5em;
    text-align: center;
}

.management_wrapper .name {
    font-size: 1.067rem;
    font-size: clamp(1.067rem, 0.9560rem + 0.5203vw, 1.4rem);
    line-height: 1.5em !important;
    color: #1C287E;
    font-weight: 700;
    margin-bottom: .5em;
}

.management_wrapper .title {
    font-size: 0.933rem;
    font-size: clamp(0.933rem, 0.9107rem + 0.1047vw, 1rem);
    line-height: 1.5em !important;
    color: #000000;
}

.management_wrapper .divider img {
    display: block;
    margin: 1.5em auto;
}

.management_wrapper .socials {
    display: flex;
    gap: 1.5em;
    justify-content: center;
}

.management_wrapper .socials a {
    display: inline-block;
}

.management_wrapper .socials a img {
    display: block;
}

/* Partners */

.partners__wrapper {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 3em;
    /* justify-content: center; */
}

.partners__wrapper .partner__item {
    flex: 0 0 calc(25% - 2.25em);
    text-align: center;
}

@media all and (max-width: 980px) {
    .partners__wrapper .partner__item {
        flex: 0 0 calc(33% - 2em);
    }
}

@media all and (max-width: 767px) {
    .partners__wrapper .partner__item {
        flex: 0 0 calc(50% - 2em);
    }
}

/* Cases & News Overview */

.dpdfg_filtergrid {
    margin-top: 3em;
    /* margin-top: -30px; */
}

.dpdfg_filtergrid .dp-dfg-items {
    width: 80%;
    max-width: 1280px;
    margin: 0 auto;
}

.dpdfg_filtergrid .dp-dfg-item,
.dpdfg_filtergrid .dp-dfg-custom-content {
    padding: 0;
}

.dpdfg_filtergrid .dp-dfg-item {
    border: none;
}

.dpdfg_filtergrid .dp-dfg-item .archive__image img {
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    display: block;
    width: 100%;
}

.dpdfg_filtergrid .dp-dfg-item .archive__content {
    padding: 4em;
    background: rgb(35, 49, 149);
    background: linear-gradient(0deg, rgba(35, 49, 149, 1) 0%, rgba(26, 99, 173, 1) 100%);
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
}

.dpdfg_filtergrid .dp-dfg-item .archive__content .news__date {
    display: inline-block;
    font-family: 'Cleanvertising Black', Helvetica, Arial, Lucida, sans-serif;
    color: #fff;
    font-size: 18px;
    margin-bottom: .5em;
}

.dpdfg_filtergrid .dp-dfg-item .archive__content h3 {
    font-family: 'Cleanvertising Light', Helvetica, Arial, Lucida, sans-serif;
    color: #FA832F;
    padding-bottom: 0;
    margin-bottom: 1.5rem;
}

.dpdfg_filtergrid .dp-dfg-item .archive__content .divider {
    display: block;
    margin-bottom: 1.5rem;
}

.dpdfg_filtergrid .dp-dfg-item .archive__content p {
    color: #ffffff;
    margin-bottom: 3rem;
}

.dpdfg_filtergrid .dp-dfg-load-more-button,
.dpdfg_filtergrid .dp-dfg-load-more-button:hover {
    display: inline-flex;
    align-items: center;
    background-color: #FA832F;
    font-size: 1rem;
    font-size: clamp(1rem, 0.8890rem + 0.5203vw, 1.333rem);
    line-height: 1em !important;
    color: #ffffff;
    border-radius: 2em;
    padding: .75em 1.5em;
    font-weight: 700;
    transition: background-color .3s ease-in-out;
    border: none;
}

.dpdfg_filtergrid .dp-dfg-load-more-button:hover {
    background-color: #e86305 !important;
    border: none;
}

.dpdfg_filtergrid .dp-dfg-load-more-button:after {
    content: none;
}

.dp-dfg-filters {
    padding: 5em 3em;
    padding-top: calc(5em + 30px);
    background-color: #F4F4F8;
    border-bottom-left-radius: 5em !important;
    border-bottom-right-radius: 5em !important;
    margin-bottom: 4em !important;
    /* Temporary: */
    display: none;
}

.dp-dfg-filters .dp-dfg-level {
    gap: 2em;
}

.et-l .dp-dfg-skin-default .dp-dfg-filter a.dp-dfg-filter-link {
    background-color: #ffffff;
    border: none;
    color: #A8ABCA;
    border-radius: 30px;
    transition: color .3s ease-in-out;
}

.et-l .dp-dfg-skin-default .dp-dfg-filter a.dp-dfg-filter-link:hover,
.et-l .dp-dfg-skin-default .dp-dfg-filter a.dp-dfg-filter-link.active {
    color: #232E82;
}

/* News styles */

.single-news .et-l--post .et_builder_inner_content .et_pb_section:first-of-type,
.single-news .et-l--post .et_builder_inner_content .et_pb_section:first-of-type .et_pb_row {
    padding-top: 0 !important;
}

.single-news .news__date {
    font-size: 15px;
    color: #1A2577;
    font-weight: 700;
}

@media all and (max-width: 767px) {
    .dpdfg_filtergrid .dp-dfg-item .archive__content {
        padding: 2em;
    }
}

/* WPForms styling */

.wpforms-form input[type="text"],
.wpforms-form input[type="email"],
.wpforms-form input[type="tel"] {
    height: auto;
    padding: 1.5em 2em !important;
    border: 0 !important;
    border-radius: 30px !important;
    font-size: 14px;
    line-height: 1.5em;
}

.wpforms-form .wpforms-field-phone .iti__selected-flag,
.wpforms-form .wpforms-field-phone .iti__flag-container {
    border-top-left-radius: 30px !important;
    border-bottom-left-radius: 30px !important;
}

.wpforms-form .wpforms-field-textarea {
    height: 100% !important;
}

.wpforms-form .wpforms-field-textarea textarea {
    height: 100% !important;
    padding: 1.5em 2em !important;
    border: 0 !important;
    border-radius: 30px !important;
    font-size: 14px;
    line-height: 1.5em;
}

.wpforms-form button[type="submit"] {
    display: flex !important;
    margin: 0 auto;
    height: auto !important;
    align-items: center !important;
    background-color: #FA832F !important;
    font-size: 1rem !important;
    font-size: clamp(1rem, 0.8890rem + 0.5203vw, 1.333rem) !important;
    line-height: 1em !important;
    color: #ffffff !important;
    border-radius: 2em !important;
    padding: .75em 1.5em !important;
    font-weight: 700 !important;
}

div.wpforms-container-full button[type=submit]:hover,
div.wpforms-container-full button[type=submit]:focus {
    background: none !important;
    background-color: #FA832F !important;
}

.wpforms-form button[type="submit"]:after {
    position: static !important;
    content: '\24' !important;
    font-family: etmodules !important;
    color: #1C287E !important;
    margin-left: .75em !important;
    transform: translateY(2px) !important;
    transition: transform .3s ease-in-out !important;
    border: none !important;
}

.wpforms-form button[type="submit"]:hover:after {
    transform: translateY(2px) translateX(.3em) !important;
}

.wpforms-form .wpforms-field-html {
    color: #232E82;
    font-size: 13px;
    padding-top: .5em;
    padding-left: 2em;
}

.wpforms-form .wpforms-field-html a {
    color: #232E82;
    text-decoration: underline;
}

.wpforms-container .wpforms-confirmation-container-full a {
    text-decoration: underline;
}

/* Footer */

.footer__wrapper {
    display: flex;
    justify-content: space-between;
}

.footer__wrapper>div:not(.footer__logo) {
    flex: 1 0 0;
}

.footer__wrapper .footer__logo {
    flex: 1.5 0 0;
    text-align: right;
}

.footer__wrapper h4 {
    font-family: 'Raleway', Helvetica, Arial, Lucida, sans-serif !important;
    color: #ffffff !important;
    font-size: 0.9333333333rem !important;
    font-weight: 700 !important;
}

.footer__wrapper ul {
    list-style-type: none;
    list-style-position: outside;
    padding-left: 0;
    padding-bottom: 0;
}

.footer__wrapper ul li,
.footer__wrapper ul li a {
    color: #ffffff !important;
    font-size: 0.9333333333rem !important;
}

/* @media all and (max-width: 980px) {
    .et-l--footer .et_pb_section .et_pb_row {
        display: flex;
        flex-direction: column-reverse;
    }
} */

@media all and (max-width: 980px) {
    .footer__wrapper {
        flex-direction: column;
        gap: 3em;
        align-items: center;
    }

    .footer__wrapper>div {
        text-align: center;
    }

    .footer__wrapper>div h4 {
        margin-bottom: .5em;
        padding-bottom: 0;
    }

    .footer__wrapper>div.footer__logo {
        order: -1;
    }
}

/* Custom DPFG loader */
.dp-dfg-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -30px;
}

.my_custom_loader {
    border: 8px solid #f3f3f3;
    border-top: 8px solid #FA832F;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    animation: spin 2s linear infinite;
    margin: 0 auto;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* Helpers */

.position__static,
.position__static .et_pb_code_inner {
    position: static;
}

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
    padding: 15px 15px;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
}

.hamburger:hover {
    opacity: 1;
}

.hamburger.is-active:hover {
    opacity: 1;
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
    background-color: #fff;
}

.hamburger-box {
    width: 40px;
    height: 24px;
    display: inline-block;
    position: relative;
}

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px;
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
    width: 40px;
    height: 3px;
    background-color: #ffffff;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
}

.hamburger-inner::before,
.hamburger-inner::after {
    content: "";
    display: block;
}

.hamburger-inner::before {
    top: -10px;
}

.hamburger-inner::after {
    bottom: -10px;
}

/*
* Squeeze
*/
.hamburger--squeeze .hamburger-inner {
    transition-duration: 0.075s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze .hamburger-inner::before {
    transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}

.hamburger--squeeze .hamburger-inner::after {
    transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze.is-active .hamburger-inner {
    transform: rotate(45deg);
    transition-delay: 0.12s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--squeeze.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}

.hamburger--squeeze.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

@media all and (max-width: 980px) {
    .et_pb_section_0_tb_header.menu-open .et_pb_column:last-of-type .et_pb_code_inner>div {
        position: absolute;
        top: -110px;
        right: 80px;
    }
}

@media all and (max-width: 500px) {
    .et_pb_section_0_tb_header.menu-open .et_pb_column:last-of-type .et_pb_code_inner>div {
        position: absolute;
        top: 0;
        right: 0;
    }
}

nav#navigation ul.menu li>a {
    text-wrap: nowrap;
}

/* Language control */

.lang-nl .en_only {
    display: none;
}

.lang-en .nl_only {
    display: none;
}

/* Temporarily hide 'News' from main menu */

.menu-item-1242,
.menu-item-1782 {
    display: none;
    ;
}

.chat-container {
	overflow-y: scroll;
	scrollbar-width: none;
	height: 85dvh;
}

.chat-containe::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Edge */
	 width: 0px;
    background: transparent;
}

.chat-container * {
	font-family: 'Raleway';
}

.chat-container .chat-intro h1 {
	font-size: 48px;
	font-weight: bold;
	color: #253957;
}
		
.chat-container .chat-intro h2,
.decision-container h2 {
	font-size: 24px;
	font-weight: bold;
	color: #253957;
}

.chat-container .chat-intro p {
	color: #253957;
	margin-top: 32px;
}

.chat-container .options-container {
	display: flex;
	flex-direction: column;
    align-items: flex-start;
}

.chat-container .option-button,
.chat-container .user-message {
	padding: 16px 120px 16px 32px;
	background: #FFFFFF url('https://sltn.nl/wp-content/uploads/2025/04/chat-button.png') no-repeat right 45px center;
	background-size: 24px auto;
	border: 0;
	color: #253957;
	font-size: 14px;
	border-radius: 30px;
	text-align: left;
	line-height: 1.5em;
	min-height: 82px;
	display: flex;
	align-items: center;
	cursor: pointer;
	max-width: 586px;
	transition: 0.15s ease-in-out;
}

.chat-container .option-button {
	margin-left: auto;	
}

.chat-container .option-button.selected {
	background-color: #253957;
	color: white;
	cursor: not-allowed
}

.chat-container .option-button.disabled {
	opacity: 0.5;
	cursor: not-allowed
}

.chat-container .option-button + .option-button {
	margin-top: 10px;
}

.chat-container .bot-message:first-child {
	font-size: 24px;
	color: #253957;
	font-weight: bold;
	margin-bottom: 32px;
}

.chat-container .bot-message:not(:first-child) {
	color: #253957;
	padding-block: 20px;
	padding-right: 48px;
	border-top: 1px solid #253957;
	margin-top: 20px;
}

.chat-container .user-message {
	background-image: none;
	margin-block: 32px;
	margin-left: auto;
}

.chat-messages {
	display: flex;
	flex-direction: column;
}

.options-container ~ .options-container {
	border-top: 1px solid #253957;
	padding-top: 20px;
}

.chat-container .decision-container {
	flex-direction: row;
	flex-wrap: wrap;
	gap: 12px;
	padding-top: 32px;
}

.chat-container .decision-container h2 {
	flex-basis: 100%;
	padding-bottom: 0;
}

.chat-container .decision-container button {
	border: 0;
	border-radius: 30px;
	color: white;
	font-size: 24px;
	padding: 10px 24px;
	cursor: pointer;
	text-transform: normal;
}

.option-button-yes {
	background-color: #EE852F;
}

.option-button-no {
	background-color: #0085CA;
}

.popupwhitepaper,
.popupsummary {
	border: 0;
	width: 100vw;
	max-width: 484px;
	border-radius: 30px;
	padding: 40px;
	position: relative;
}


.popupwhitepaper::backdrop,
.popupsummary::backdrop{
  background-color: rgba(242,249,253,0.85);
}

.popupwhitepaper h2,
.popupsummary h2{
	font-family: 'Raleway';
	font-weight: 400;
	font-size: 24px;
	color: #253957;
	line-height: 1.5;
}

.popupwhitepaper h2 strong,
.popupsummary h2 strong{
	font-weight: bold;
}

.popupwhitepaper .wpforms-form input[type="text"], .popupwhitepaper .wpforms-form input[type="email"], .popupwhitepaper .wpforms-form input[type="tel"],
.popupsummary .wpforms-form input[type="text"], .popupsummary .wpforms-form input[type="email"], .popupsummary .wpforms-form input[type="tel"]{
	border:1px solid #707070 !important;
}

.popupwhitepaper .wpforms-form input[type="text"]::placeholder, .popupwhitepaper .wpforms-form input[type="email"]::placeholder, .popupwhitepaper .wpforms-form input[type="tel"]::placeholder,
.popupsummary .wpforms-form input[type="text"]::placeholder, .popupsummary .wpforms-form input[type="email"]::placeholder, .popupsummary .wpforms-form input[type="tel"]::placeholder{
	color: #253957;
}

.popupwhitepaper .wpforms-container .wpforms-field,
.popupsummary .wpforms-container .wpforms-field{
	padding-top: 0 !important;
}

@media screen and (max-width:1024px) {
	.chat-container {
		height: 70dvh;
	}
}

@media screen and (max-width:500px) {
	.chat-container .chat-intro h1 {
		font-size: 32px;	
	}
	
	.chat-container .chat-intro h2,
	.decision-container h2,
	.chat-container .bot-message:first-child{
		font-size: 20px;
	}
	
	.chat-container .option-button,
	.chat-container .user-message {
		padding-right: 40px;
		background-position: right 12px center;
		padding-left: 16px;
		padding-block: 10px;
		border-radius: 12px;	
	}
	
	.chat-container .decision-container button {
		font-size: 18px;
	}
}

.popupclose {
	position: absolute;
	top: 16px; right: 16px;
	
	width: 32px;
	height: 32px;
	
	border-radius: 50%;
	background: #EE852F url('https://sltn.nl/wp-content/uploads/2025/04/close.png') no-repeat center center;
	background-size: 16px auto;
	
	cursor: pointer;
}

 .typing-cursor::after {
    content: ' |';
    animation: blink 1s step-end infinite;
  }
  
  @keyframes blink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0; }
  }

.intro {
	position: relative;
}

.intro .intro__content {
	position: absolute;
	bottom:0; left: 0;
	
	max-width: 600px;
	padding: 64px 30px 64px 0;
}

.intro .intro__content > * {
	position: relative;
	z-index: 10;
}

.intro .intro__content::before {
	content: '';
	z-index: 9;
	
	position: absolute;
	top: 0; right: 0; bottom: 0; 
	
	width: 100vw;
	
	background: rgb(18,26,90);
	background: linear-gradient(45deg, rgba(18,26,90,0.85) 0%, rgba(35,49,149,0.85) 100%);
	border-radius: 0 35px 35px 0;
}

.intro .intro__content h1 {
	font-family: 'Cleanvertising Black',Helvetica,Arial,Lucida,sans-serif;
	font-size: 58px;
	color: #FA832F;
	margin-bottom: 24px;
}

.intro .intro__content h1.nospacing {
	margin-bottom: 0;
}

.intro .intro__content h2 {
	font-size: 28px;
	font-family: 'Cleanvertising Light',Helvetica,Arial,Lucida,sans-serif;
	font-weight: 300;
	color: #FFFFFF;
	margin-bottom: 16px;
}

.intro .intro__content h3 {
	font-size: 28px;
	font-family: 'Cleanvertising Light',Helvetica,Arial,Lucida,sans-serif;
	font-weight: 300;
	color: #FA832F;
}


.intro .intro__content p {
	color: white;
	font-weight: 500;
	font-size: 17px;
	font-family: "Raleway", sans-serif;
}

.intro .intro__image {
	margin-left: 116px;
	margin-right: -170px;
	margin-top: -90px;
    position: relative;
    top: 90px;
}

.left-spacing {
	margin-left: 115px !important;
}

.intro .cta {
	display: none;
}

@media screen and (max-width: 1440px) {
	.intro__container {
		overflow: hidden;
	}
	.intro .intro__image {
		margin-left: 0;
	}
}

@media screen and (max-width: 900px) {
	.intro .intro__content {
		max-width: 100%;
		
		background: rgb(18,26,90);
		background: linear-gradient(45deg, rgba(18,26,90,0.85) 0%, rgba(35,49,149,0.85) 100%);
		border-radius: 30px;
		z-index: 10;
		padding: 48px;
	}
	
	.left-spacing {
		margin-left: 0 !important;
	}
	
	.intro .intro__content h1 {
		font-size: 36px
	}
	
	.intro .intro__content h2 {
		font-size: 24px;
	}
	
	.intro .intro__content p {
		font-size: 15px;
	}
	
	.intro .intro__image {
		height: 630px;
		border-radius: 30px;
		overflow: hidden;
		margin-top: 0;
		top: auto;
	}
	
	.intro .intro__image img {
		height: 100%;
	
	}
	
	.intro .intro__content::before {
		display: none;
	}
}

@media screen and (max-width: 480px) {
	.intro .cta {
		display: block;
		max-width: 343px;
		margin-top: 24px;
	}
	.intro .intro__content {
		position: relative;
		
		padding: 0;
		background: none;
	}
	
	.intro .intro__content h1 {
		margin-bottom: 0;
	}
	
	.intro .intro__content h2 {
		margin-bottom: 0;
	}
	
	.intro .intro__image {
		height: 250px;
		margin-bottom: 48px;
		margin-top: 32px;
	}
}

#wpforms-form-3071 .wpforms-field-container .wpforms-field-large,
#wpforms-form-4173 .wpforms-field-container .wpforms-field-large {
	border: 1px solid rgba(0,0,0,0.7) !important;
}

#wpforms-3071 .wpforms-confirmation-container-full {
	background: white !important;
	border: 0 !important;
	padding: 120px 0 0 !important;
	text-align: center;
	background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="89" height="89" viewBox="0 0 89 89"%3E%3Cg id="Group_5314" data-name="Group 5314" transform="translate(-676 -313)"%3E%3Ccircle id="Ellipse_20" data-name="Ellipse 20" cx="44.5" cy="44.5" r="44.5" transform="translate(676 313)" fill="%23fa832e"/%3E%3Cg id="check" transform="translate(685.744 326.481)"%3E%3Cg id="Group_5261" data-name="Group 5261" transform="translate(12.256 14.29)"%3E%3Cpath id="Path_5843" data-name="Path 5843" d="M50.136,15.427A4.127,4.127,0,0,1,56.023,21.2L34.07,48.66a4.127,4.127,0,0,1-5.942.11L13.569,34.211A4.127,4.127,0,1,1,19.4,28.379L30.923,39.895,50.031,15.548a1.472,1.472,0,0,1,.11-.121Z" transform="translate(-12.256 -14.29)" fill="%23fff"/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E') top center no-repeat !important;
 
}

#wpforms-3071 .wpforms-confirmation-container-full p,
#wpforms-4173 .wpforms-confirmation-container-full p{
	color: #1C287E !important;
	font-weight: bold !important;
	font-size: 21px;
}

.ai_grid {
	display: flex;
	gap: 76px;
}

.ai_grid-item {
	position: relative;
	h2 {
		font-size: 21px;
		font-family: 'Raleway';
		color: #1C287E;
		font-weight: bold;
	}

	+ .ai_grid-item {
		&::after {
			content: '';
			position: absolute;
			top: 0; left: -38px; bottom: 0;
			
			width: 1px;
			
			background: #1C287E;
		}
	}
}

@media screen and (max-width: 900px) {
	.ai_grid {
		flex-direction: column;
	}
	
	.ai_grid-item + .ai_grid-item {
		&::after {
			left: 0; bottom: auto; right: 0; top: -38px;
			
			width: auto;
			height: 1px;
		}
	}
}

.agenda {
	margin-top: 24px;
	
	h2 {
		font-size: 21px;
		font-family: 'Raleway';
		color: #1C287E;
		margin-bottom: 12px;
		font-weight: bold;
	}
	
	p {
		position: relative;
		
		&::before {
			content: '';
			
			position: absolute;
			top: 0; left: 0;
			
			width: 24px;
			height: 1px;
			
			background: #1C287E;
		}
		
		strong {
			color: #FA832F;
			display: block;
			font-weight: bold;
		}
	}
}

#wpforms-form-3360 .wpforms-field-container .wpforms-field-medium, #wpforms-form-3360 .wpforms-field-container .wpforms-field-textarea .wpforms-field-large {
	border: 1px solid #707070 !important;
	padding: 12px 24px !important;
}

#wpforms-form-3360 #wpforms-submit-3360 {
	margin: 0 !important;
}