/*
Theme Name: Slim Academy
Author: Converzo
Author URI: https://converzo.nl/
Description: The Slim Academy Theme based on the famous Wordpress CMS.
Version: 1.0
*/


@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');
* {margin: 0;padding: 0;box-sizing: border-box;}

/* ------ ROOT VARIABLES ------ */
:root {
    /* bg & text Colors */
    --body-color: #3A4952;
    --primary-color: #231F20;
    --orange-color: #F08F08;
    --light-orange-color: #FFE6C9;
    --white-color: #ffffff;

    /* Typography */
    --font-inter: "Inter", sans-serif;
    --font-nunito: "Nunito Sans", sans-serif;

    /* Container */
    --container-width: 1180px;
    --container-padding: 0 30px;

    /* Transition */
    --transition: 0.4s ease;
    --ease-out: cubic-bezier(.2, .7, .2, 1);

    /* font */
    --body-font: 16px;
    --font-h1: 30px;
    --font-h2: 30px;
    --font-h3: 22px;
    --font-h4: 18px;
    --font-h5: 16px;
    --font-h6: 13px;
    --font-44: 44px;

    /* line-hight */
    --p-line-height-global: 24px;

    /* margins */
    --space-0: 0px;
    --space-20: 20px;
    --space-40: 40px;
    --space-50: 50px;

}

img {max-width: 100%;height: auto;}
body {background: #FEF9F3;font-size:var(--body-font);color: var(--body-color);font-family: var(--font-nunito); font-weight: 400;}
p{margin-bottom: var(--space-20);line-height: var(--p-line-height-global);}
p:last-child{margin-bottom: 0;}
a {color: inherit;}
html{scroll-behavior: smooth;}
section{ scroll-margin-top: 130px;}

/* ----- Heading Font CSS ------ */

h1,h2,h3,h4,h5,h6 {margin-bottom: var(--space-20);line-height: 1.1;font-weight: 900;font-family: var(--font-nunito);color: var(--primary-color);}
h1{font-size:var(--font-h1);}
h2{font-size: var(--font-h2);}
h3{font-size:var(--font-h3);}
h4{font-size:var(--font-h4);font-weight: 800;}
h5{font-size:var(--font-h5);}
h6{font-size:var(--font-h6);font-weight: 800;}

.h2-44 h2{font-size: var( --font-44);line-height: 48.4px;}

a:focus,.btn:focus,button:focus,.btn-primary:not(:disabled):not(.disabled):active:focus {outline: none;box-shadow: none;}
input:focus,textarea:focus,select:focus{outline: none;}
input,button,li,strong,i,span,label,textarea,select{font-family: inherit; }

/* ----- global css start ----- */ 
.layout {width: 100%;float: left;overflow-x: clip;}
.wrapper{max-width: var(--container-width);padding: var(--container-padding);width: 100%;margin: 0 auto;}

/* buttons */
.globle-btn {min-width: 101px;display: inline-flex;align-items: center;justify-content: center;gap: 7px; font-size: 14px;line-height:1;font-family: var(--font-inter);font-weight: 700;text-decoration: none;color: var(--white-color);border: 1.5px solid var(--orange-color);border-radius: 30px;background: var(--orange-color);padding: 15.3px 25px;transition: 0.4s; border: 1.5px solid#00000000;box-shadow: 0px 8px 20px 0px rgba(240, 143, 8, 0.2);}
.globle-btn .arow-btn svg{ width: 16px; height: auto;}
.globle-btn:hover{ color: var(--orange-color); background: var(--white-color);border: 1px solid var(--orange-color);}
.globle-btn:hover svg path {stroke: var(--orange-color);}

/* transparent */
.globle-btn.white {background: var(--white-color);color: var(--orange-color);border-color: var(--white-color);}
.globle-btn.white:hover {background: #ffe6c9;border-color: #ffe6c9;}
.globle-btn.white svg path {stroke: var(--orange-color);}
.main-content { display: flex; justify-content: center; flex-direction: column; }
.globle-btn.trp{ background: var(--white-color); border-color: transparent; color: var(--orange-color);}
.globle-btn.trp:hover{ background: #ffe6c9;}
.arrow-link {position: relative;padding-right: 14px;display: inline-flex;align-items: center;text-decoration: underline; letter-spacing:0.12px;  font-size: 12px;line-height: 1;font-family: var(--font-nunito);font-weight: 700;color: var(--white-color);}
.arrow-link::before {content: '';position: absolute;width: 9px;height: 4px;background: url(images/arrow-icon.png)center center no-repeat;background-size: 9px;right: 0;top: 50%;transform: translateY(-50%);}
.header-top .arrow-link {text-decoration: none;}
.header-top .arrow-link::after {content: '';position: absolute;width: 100%;height: 1px;left: 0;bottom: -1px;background: var(--white-color);}
.header-top .arrow-link:hover::after {display: none;}

.btn-trp {display: inline-block;text-align: left;font-size: 14px;line-height:1;font-family: var(--font-inter);font-weight: 700;text-decoration: none;color: #231F20;border: 1.5px solid #231F20;border-radius: 30px;background: transparent;padding: 17px 25px;transition: var(--transition);}
.btn-trp:hover {background: #231F20;color: var(--white-color);}

.title-global-top { text-align: center;width: 100%;max-width: 560px;margin: 0 auto 40px auto;}
.title-global-top .sub-title {margin-bottom: 10px;}
.title-global-top h2, .title-global-top h1 {margin-bottom: 12px;letter-spacing: -0.3px;line-height: 34.5px;color: #231F20;}
.title-global-top h1 strong, .title-global-top h2 strong {color: var(--orange-color);}
.title-global-top h2:last-child, .title-global-top h1:last-child {margin-bottom: 0;}
.title-global-top p {font-size: 15px;line-height: 23.5px;}

/* margins */
.mb-0 {margin-bottom: var(--space-0) !important;} 
.mb-20 {margin-bottom: var(--space-20) !important;} 
.mb-40 {margin-bottom: var(--space-40) !important;} 
.mb-50 {margin-bottom: var(--space-50) !important;} 

/* paddings */
.pb-50 {padding-bottom: var(--space-50);}

/* list style */
ul,ol{margin-bottom: var(--space-20);}
ul li{ list-style: none;}
/* .tick-white ul li{} */
ol{padding-left: 20px;}

ol{padding-left: 11px;margin-bottom: var(--space-20); }
ul:last-child, ol:last-child, ul li:last-child, ol li:last-child { margin-bottom: 0; }
/* ol li::marker { } */
ol li { margin-bottom:5px;}


.error_page {padding: 70px 0;}
.error_page .wrapper {max-width: 800px;}
.error_page .inner_part {text-align: center;}
.error_page h1 {margin-bottom: 30px;text-transform: uppercase;}
.error_page img {display: block; margin: 0 auto 30px auto;}
.error404 .app-install-cta {display: none !important;}

.default-text{padding:80px 0 0;}
.default-text .inner-part{ max-width: 600px; width:100%; margin: 0 auto;}
/* ----- global css end ----- */

/* ******************************* main css ***************************** */

/* header start */
.header {background: var(--white-color);position: fixed;width: 100%;left: 0;top: 0;z-index: 9; transition: 0.4s;}
/* .header.sticky{box-shadow: 0 1px #231f200f;background: #fef9f3;} */
.header.sticky .header-bottom{box-shadow: 0 1px #231f200f;background: #fef9f3;}
.header-top {background: var(--orange-color);padding: 12px 0;position: relative;}
.header-top.remove {display: none;}
.header-top .inner-part {display: flex;justify-content: center;}
.header-top .text-slide {display: flex;flex-wrap: wrap;align-items: center;justify-content: center;gap: 10px;}
.header-top p {display: inline-flex;align-items: center;margin-bottom: 0;font-size: 12px;line-height: 18px;color: var(--white-color);font-weight: 600; letter-spacing: 0.12px;}
.header-top p img {display: inline-block;max-width: 14px;margin-right: 10px;}
.header-top p span.tag {display: inline-block;background: var(--white-color);font-size: 11px;line-height: 1;font-family: var(--font-inter);font-weight: 900;color: var(--orange-color); letter-spacing: 0.55px;text-transform: uppercase;padding: 3px 9px;border-radius: 6px;margin: 0 4px;}
.header-top p strong {display: inline-block;margin-left: 4px;font-weight: 900;}
.headerTopSwiper .swiper-wrapper {transition-timing-function: linear !important;}
.headerTopSwiper .swiper-slide {width: auto;flex-shrink: 0;}
.header-top .cross-icon {position: absolute;width: 26px;height: 26px;background: #F08F08 url(images/cross-icon.svg)center center no-repeat;background-size: 14px;right: 20px;top: 50%;transform: translateY(-50%);cursor: pointer;z-index: 2;}
.header-bottom {padding: 18px 0;}
.header-bottom .wrapper {max-width: 1870px;}
.header-bottom .inner-part {display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
.header-bottom .logo {width: 132px;}
.header-bottom .logo a {display: block;}
.header-bottom .logo img {width: 100%;display: block;}
.header .navigation {width: calc(100% - 419px);display: flex;justify-content: center;align-items: center;padding: 0 15px;}
.header .navigation ul {list-style: none;padding: 0;margin: 0;}
.header .navigation > ul > li {list-style: none;display: inline-block;position: relative;}
.header .navigation > ul > li::before {content: '';position: absolute;width: calc(100% - 20px);height: 4px;background: #F08F08;left: 50%;transform: translateX(-50%);top: calc(100% + 2px);border-radius: 3px;opacity: 0;visibility: hidden;}
.header .navigation > ul > li.menu-item-has-children > a {padding-right: 35px;}
.header .navigation > ul > li.menu-item-has-children > a::before {content: '';position: absolute;width: 9px;height: 5px;background: url(images/menu-arrow.svg)center center no-repeat;background-size: 9px !important;right: 15px;top: 50%;transform: translateY(-50%) rotate(0deg);transition: 0.4s;}
.header .navigation > ul > li.menu-item-has-children:hover > a::before {background: url(images/menu-arrow2.svg)center center no-repeat;}
.header .navigation > ul li a {display: inline-block;font-size: 14px;font-family: var(--font-inter);font-weight: 600;color: var(--body-color);text-decoration: none;padding: 10px 15px;border-radius: 10px;transition: 0.4s;}
.header .navigation > ul > li.current_page_item > a {color: #F08F08;}
.header .navigation > ul > li.current_page_item::before {opacity: 1;visibility: visible;}
.header .navigation ul li a:hover {color: #F08F08;background: #FFE6C9;}
.header .navigation li ul.sub-menu {position: absolute;z-index: 99999;background: #fff;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;width: 245px;padding: 14px;border-radius: 10px;opacity: 0;visibility: hidden;pointer-events: none;transition: 0.4s;left: 0;top: calc(100% + 10px); border: 1px solid #E7E4E2;}
.header .navigation li ul.sub-menu::before {content: '';position: absolute;width: 50%;height: 20px;left: 0;top: -15px;background: transparent;}
.header .navigation > ul > li:hover ul.sub-menu {opacity: 1;visibility: visible;pointer-events: all;}
.header .navigation li li {display: block;}
.header .navigation li li a {display: block;padding: 12px 15px;}
.header-bottom {padding: 18px 0; background: #FEF9F3;}
.home .header-bottom{ background: #fff;}

.menu-icons .login {display: inline-block;font-size: 13px;line-height: 19px;font-family: var(--font-inter);font-weight: 600;color: #3A4952;text-decoration: none;margin-right: 23px;transition: 0.4s;}
.menu-icons .login:hover {color: #ffc487;}
.menu-icons .app {min-width: 83px;display: inline-flex;align-items: center;justify-content: center;font-size: 13px;line-height: 19px;font-family: var(--font-inter);font-weight: 700;text-decoration: none;color: #231F20;border: 1.5px solid #231F20;border-radius: 20px;padding: 9px 15px;transition: 0.4s;margin-right: 10px;}
/* .menu-icons .app span.app-icon {width: 9px;height: 13px;margin-right: 9px;} */
.menu-icons .app:hover {background: #231F20;color: #ffffff;}
.menu-icons .app span.app-icon .color-fill {transition: 0.4s;}
.menu-icons .app:hover span.app-icon .color-fill {stroke: #ffffff;}

.menu-icons .bestel {min-width: 101px;display: inline-flex;align-items: center;justify-content: center;font-size: 13px;line-height: 19px;font-family: var(--font-inter);font-weight: 700;text-decoration: none;color: #ffffff;border: 1.5px solid #F08F08;border-radius: 20px;background: #F08F08;padding: 9px 15px;transition: 0.4s;}
/* .menu-icons .bestel span.bestel-icon {width: 9px;height: 13px;margin-right: 9px;} */
.menu-icons .bestel:hover {background: #FFE6C9;color: #F08F08;border-color: #FFE6C9;}
.menu-icons .bestel span.bestel-icon .color-fill {transition: 0.4s;}
.menu-icons .bestel:hover span.bestel-icon .color-fill {stroke: #F08F08;}
.menu-icons .btn-links {width: 287px;display: flex;flex-wrap: wrap;align-items: center;justify-content: flex-end;}
.menu-icons .icon{ display: flex; align-items: center; flex-wrap: wrap;}
.menu-icons .icon-box{ display: flex; align-items: center; flex-wrap: wrap; gap: 9px;}
/* header end */

/* banner-sec start */
.banner-sec {background: var(--white-color);padding-top: 10px;}
.banner-sec .inner-part {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-end;}
.banner-sec .left-part {width: 70%;padding-bottom: 100px;position: relative;top: -10px; z-index: 2;}
.banner-sec .left-part .text-box {width: 100%;max-width: 553px;margin-bottom: 30px;}
.banner-sec .left-part .text-box:last-child {margin-bottom: 0;}
.banner-sec .left-part .top-tag {color: var(--primary-color); display: inline-block;position: relative;font-size: 11px;line-height: 16px;font-family: var(--font-inter);font-weight: 800;letter-spacing: 1.1px;text-transform: uppercase;background: #FFE6C9;border: 1px solid #F08F0833;border-radius: 16px;padding: 7px 18px 7px 33px;margin-bottom: 22px;}
.banner-sec .left-part .top-tag::before {content: '';position: absolute;width: 6px;height: 6px;border-radius: 50%;background: #F08F08;left: 17px;top: 50%;transform: translateY(-50%);}
.banner-sec .left-part h1 {font-size: 64px;line-height: 65px;letter-spacing: -1.92px;}
.banner-sec .left-part h1 strong {color: #F08F08;}
.banner-sec .left-part h4 {line-height: 28px;color: #F08F08;letter-spacing: 0.74px;text-transform: uppercase;font-weight: 800;margin-bottom: 11px;}
.banner-sec .right-part {width: 30%;}
.banner-sec .right-part .img-box {position: relative;z-index: 1;width: calc(100% + 18px);}
.banner-sec .right-part .img-box img {display: block;}
.banner-sec .right-part .img-box::before {content: '';position: absolute;background: #fcddc8;width: 730px;height: 730px;clip-path: circle(50% at 50% 100%);left: 50%;transform: translateX(-50%);bottom: 0;z-index: -1;}
/* .select-form */
.select-form {width: 100%;height: 106px;border: 2.83px solid #FFE6C9;padding: 15px 84px 15px 15px;border-radius: 28px;background: #fff;box-shadow: 0px 16.99px 45.31px -16.99px rgba(240, 143, 8, 0.2), 0px 11.33px 33.98px 0px rgba(0, 0, 0, 0.1);position: relative;z-index: 2;display: flex;flex-wrap: wrap;align-items: center;}
.select-form .select-field {width: 25%;padding: 10px 22px;border-right: 1.42px solid #9CA3AF73;height: 100%;border-radius: 0;background: transparent;transition: 0.4s;}
.select-form .select-field:not(:has(select:disabled)):hover {background: #ffe6c9;}
.select-form .select-field:first-child {padding-left: 25px;}
.select-form .select-field:nth-last-child(2) {border-right: 0;}
.select-form .select-field label {display: block;font-size: 12px;line-height: 19px;letter-spacing: 1.78px;font-family: var(--font-nunito);font-weight: 900;color: #F08F08;text-transform: uppercase;margin-bottom: 8px;}
.select-form .select-field select {border: none;outline: none;width: 100%;background: transparent url(images/select-arrow.png)right center no-repeat;background-size: 10px !important;appearance: none; font-size: 17px;line-height: 1;font-family: var(--font-inter);font-weight: 600;color: #000000;}
.select-form .select-field select:disabled {opacity: 0.5;cursor: not-allowed;color: #9CA3AF;background: transparent url(images/select-arrow2.png)right center no-repeat;}
.select-form .select-field:has(select:disabled) {cursor: not-allowed;}
.select-form .select-field:has(select:disabled) label {color: #9CA3AF;}
.select-form .submit {position: absolute;width: 65px;height: calc(100% - 30px);right: 16px;top: 50%;transform: translateY(-50%);}
.select-form .submit input {width: 100%;height: 100%;font-size: 0;border: none;outline: none;background: #F08F08 url(images/search-icon.svg)center center no-repeat;background-size: 22px;border-radius: 16px;cursor: pointer; box-shadow: 0 11px 28px 0 #F08F0833;}
/* banner-sec end */

/* stats-sec start */
.stats-sec {margin-bottom: 80px;}
.stats-sec {background: #F08F08;padding: 32px 0;}
.stats-sec .wrapper {max-width: 1340px;}
.stats-sec .inner-part {display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 24px;}
.stats-sec .stats-card {width: calc(25% - 18px);text-align: center;padding: 0 10px;border-left: 1px solid #FFFFFF2E;}
.stats-sec .stats-card:first-child {border-left: 0;}
.stats-sec .stats-card strong {display: block;font-size: 44px;line-height: 1;font-family: var(--font-nunito);letter-spacing: -0.44px;font-weight: 900;color: #ffffff;margin-bottom: 8px;}
.stats-sec .stats-card p { color: var(--white-color);font-size: 11px;line-height: 16.5px;letter-spacing: 1.54px;font-weight: 700;text-transform: uppercase; font-family: var(--font-inter);}
/* stats-sec end */

/* mobile-app-sec start */
.mobile-app-sec {margin-bottom: 115px;}
.mobile-app-sec .inner-part {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.mobile-app-sec .left-part {width: 50.4%;}
.mobile-app-sec .right-part {width: 44%;}
.mobile-app-sec .left-part img{display: block;}
.mobile-app-sec .right-part h2 {margin-bottom: 16px;font-size: 36px;line-height: 39.6px;letter-spacing: -0.36px;}
.mobile-app-sec .right-part h2 strong {color: #F08F08;}
.sub-title {display: block;font-size: 11px;line-height: 16.5px;letter-spacing: 1.54px;text-transform: uppercase;color: #F08F08;font-family: var(--font-nunito);font-weight: 900;margin-bottom: 13px;}
.mobile-app-sec .text-box, .mobile-app-sec .icon-text-block {width: 100%;max-width: 440px;}
.mobile-app-sec .text-box p {font-size: 15px;line-height: 23.5px;}
.mobile-app-sec .icon-text-block {display: flex;flex-wrap: wrap;gap: 14px;margin-top: 24px;}
.mobile-app-sec .icon-text-card {display: flex;flex-wrap: wrap;align-items: flex-start;justify-content: space-between;width: calc(50% - 7px);}
.mobile-app-sec .icon-text-card .icon {width: 34px;}
.mobile-app-sec .icon-text-card .icon img {display: block;border-radius: 10px;}
.mobile-app-sec .icon-text-card .text {width: calc(100% - 34px);padding-left: 10px;}
.mobile-app-sec .icon-text-card .text h3 {font-size: var(--font-h6);line-height: 19.5px;letter-spacing: 0.26px;margin-bottom:2px;font-weight: 800;}
.mobile-app-sec .icon-text-card .text p {font-size: 11px;line-height: 16.5px; color: #808080; }
/* mobile-app-sec end */

/* first-year-sec start */
.first-year-sec {margin-bottom: 88px;}
.first-year-sec .inner-part {display: flex;flex-wrap: wrap;justify-content: space-between;padding: 36px 36px 42px;background: #FFE6C9;border-radius: 28px;}
.first-year-sec .left-text {width: 32%;}
.first-year-sec .left-text .start-icon{margin-bottom: 14px;}
.first-year-sec .left-text .start-icon img{display: block; max-width: 56px; width: auto;}
.first-year-sec .left-text h2 {font-size: 28px;line-height: 30.24px;letter-spacing: -0.28px;margin-bottom: 14px;}
.first-year-sec .left-text p {font-size: 14px;line-height: 21px;}
.first-year-sec .right-cards {width: 64.4%;display: flex;flex-wrap: wrap;gap: 14px;padding-top: 6px;}
.first-year-sec .right-cards .card {width: calc(50% - 7px);min-height: 79px;background: #ffffff;padding: 18px 20px;border-radius: 16px;border: 1.5px solid #0000;text-decoration: none;display: block;transition: all .18s var(--ease-out);}
.first-year-sec .right-cards .card:hover {transform: translateY(-2px);border-color: #F08F08;box-shadow: 0 0 7.65px #00000029;}
.first-year-sec .right-cards .card h3 {font-weight: 800; font-size: var(--font-h6);line-height: 19.5px;text-transform: uppercase;font-family: var(--font-inter);letter-spacing: 0.52px;margin-bottom: 4px;}
.first-year-sec .right-cards .card p {font-size: 12px;line-height: 16.8px;color: #808080; margin-bottom: 0;}
.first-year-sec .right-cards .card.orange {background: #F08F08;display: flex;align-items: center;justify-content: space-between;}
.first-year-sec .right-cards .card.orange h3 {color: var(--white-color);margin-bottom: 0; font-size: 14px; line-height: 21px;letter-spacing: 0.56px; font-weight:800;font-family: var(--font-inter);}
.arrow-btn {width: 32px;height: 32px;background: url(images/arrow-btn.svg)center center no-repeat;background-size: 32px;}

.first-year-sec .right-cards .card.orange .arrow-btn {display: block;}
.first-year-sec .right-cards .card .arrow-btn {display: none;}
/* first-year-sec end */

/* subscription-sec start */
.subscription-sec { margin-bottom: 104px;}
.subscription-sec .inner-part {background: #FFE6C9;border-radius: 28px;padding: 44px 36px;}
.subscription-sec .title {text-align: center;margin-bottom: 28px;}
.subscription-sec .title h2 {line-height: 34px;margin-bottom: 12px;letter-spacing: -0.3px;}
.subscription-sec .title p {width: 100%;max-width: 560px;margin: 0 auto;font-size: 14px;line-height: 21.7px;}
.subscription-sec .title h2 strong {color: #F08F08;}
.subscription-sec .btn-box{ display: flex; justify-content: center; align-items: center;flex-wrap: wrap; margin-top: 24px;}
/* card-wrap */
.card-wrap {display: flex;flex-wrap: wrap;justify-content: center;gap: 12px;}
.card-wrap .card {display: flex;flex-wrap: wrap;align-items: center;padding: 16px 18px;background: var(--white-color);border-radius: 14px;width: calc(33.33% - 12px);max-width: 278px;border: 1px solid #F08F081F;}
.card-wrap .card .icon {width: 40px;}
.card-wrap .card .icon img{display: block;}
.card-wrap .card .text {width: calc(100% - 40px);padding-left: 14px;}
.card-wrap .card .text h3 {font-size: var(--font-h6);line-height: 18.2px;margin-bottom: 0;font-weight: 800;}
/* subscription-sec end */

/* google-reviews-sec  start */
.reviews-sec  .wp-gr:not(.wp-dark) .grw-review-inner.grw-backgnd{ background: #FFFFFF !important; border-radius: 18px !important; margin: 0 !important; border: 1px solid #E7E4E2 !important;  padding: 21px !important;}
.rpi-ltgt.rpi-lt.grw-prev{ position: absolute !important; bottom: 0 !important; left: 0px !important;}
.rpi .rpi-ltgt.rpi-gt{ position: absolute !important; bottom: 0 !important; left: 62px !important;}
.rpi-ltgt.rpi-lt::before{ cursor: pointer; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; border: 1px solid rgba(0, 0, 0,0.2) !important; background: url(./images/prev-arrow.svg) center center no-repeat !important; background-size: 20px !important;}
.rpi-ltgt.rpi-lt::before ,.reviews-sec .rpi-ltgt::after{ display: none !important;}
.rpi-ltgt.rpi-lt.grw-prev{background: url(./images/prev-arrow.svg) center center no-repeat !important;}
.rpi-ltgt.rpi-gt.grw-next{background: url(./images/next-arrow.svg) center center no-repeat !important;}

.wp-gr .grw-content-inner{ padding-bottom: 74px !important;}
.reviews-sec .rpi-ltgt {width: 46px !important;  height: 46px !important; border: 1px solid rgba(0, 0, 0,0.2);}
.rpi-flx.rpi-row12-center{order: 3 !important; margin-top: 10px !important;}
.wp-google-time{ display: none !important;}
.wp-gr .grw-img-wrap ,.wp-gr .grw-img{ min-width: 28px !important; max-width: 28px !important; height: 28px !important;}
.wp-gr .grw-img-wrap::before { min-width: 28px !important; max-width: 28px !important; height: 28px !important;}
.wp-gr.rpi a.wp-google-name{font-size: 12px !important; font-weight: 800 !important; line-height: 18px !important; color: var(--primary-color) !important; display: block !important; }
.wp-gr .wp-google-text{ font-size: 13px !important; font-weight: 400 !important;}
.rpi .rpi-slides-bite{ margin: 0 !important;}
/* google-reviews-sec end */

/* .app-install-cta start */
.home .app-install-cta{margin-bottom: 83px;margin-top: 78px;}
.app-install-cta{ margin: 100px 0;}
.app-install-cta .inner-part{ display: flex; align-items: center; justify-content: center; gap: 20px 24px; flex-wrap: wrap;}
.app-install-cta  img{ display: block;}
.app-install-cta .download-app{ transition: 0.4s;}
.app-install-cta .download-app:hover{transform: translateY(-2px);}
/* .app-install-cta end */

/* producten-sec start */
.producten-sec {padding-top: 80px;margin-bottom: 36px;}
.producten-sec .title-global-top {margin-bottom: 20px;}
.producten-sec .swiper {overflow: hidden !important;padding: 20px;width: calc(100% + 40px);margin-left: -20px;}
.producten-sec .producten-card {width: auto;height: auto;display: flex;flex-direction: column;padding: 13px 13px 29px;border: 1px solid #E7E4E2;border-radius: 24px;background: var(--white-color);transition: all .18s cubic-bezier(.2, .7, .2, 1);}
.producten-sec .producten-card:hover {transform: translateY(-2px);box-shadow: 0 8px 24px #0000001a;border-color: #ffe6c9;}
.producten-sec .producten-card .img-box {margin-bottom: 20px;}
.producten-sec .producten-card .img-box img {display: block;margin: 0 auto;}
.producten-sec .producten-card .text-box {padding: 0 10px;display: flex;flex-direction: column;justify-content: space-between;flex: 1;}
.producten-sec .producten-card .sub-heading {display: block;font-size: 11px;line-height: 16.5px;letter-spacing: 1.54px;font-family: var(--font-nunito);font-weight: 900;text-transform: uppercase;margin-bottom: 16px;color: #F08F08;}
.producten-sec .producten-card h2 {font-size: var(--font-h3);line-height: 28.6px;margin-bottom: 17px; letter-spacing: -0.22px;}
.producten-sec .producten-card p {font-size: 13px;line-height: 20.15px;margin-bottom: 15px;}
.producten-sec .producten-card .text-group {display: inline-flex;align-items: center;justify-content: flex-start;gap: 8px;color: var(--primary-color); font-size: 20px;line-height: 30px;font-family: var(--font-nunito);font-weight: 900;margin-bottom: 16.5px;}
.producten-sec .producten-card .text-group span {display: inline-block;font-size: 12px;line-height: 18px;color: #808080;font-family: var(--font-nunito);font-weight: 400;color:#231F20;}
.producten-sec .producten-card .globle-btn {min-width: 100%;justify-content: flex-start;}
.producten-sec .producten-card .globle-btn:hover{border:1px solid #F08F08 ;}
.producten-sec .producten-card .globle-btn span.btn-arrow{transform: rotate(-54deg);}
.producten-sec .producten-card .btn-trp {min-width: 100%;}

.tick-list.tick-list2 ul li{font-size: 12px; line-height: 18px;}
.tick-list.tick-list2 ul li::before{background: url(images/tick-icon2.svg)center center no-repeat; height: 10px; width: 9px; background-size: 10px;}
/* .tick-list   */
.tick-list ul {margin-bottom: 16px;padding: 0;}
.tick-list ul li {display: block;font-size: 13px;line-height:18.85px;padding-left: 20px;position: relative;margin-bottom: 6px;}
.tick-list ul li:last-child {margin-bottom: 0;}
.tick-list ul li::before {content: '';position: absolute;width:10px;height: 11px;background: url(images/orange-tick-mark.svg)center center no-repeat;background-size:10px;left: 0;top: 4px;}

ol li::marker{color: var(--orange-color);}

.producten-sec .swiper-pagination {bottom: -4px !important;}
.producten-sec .swiper-pagination .swiper-pagination-bullet {background: #FFE6C9 !important;opacity: 1 !important;}
.producten-sec .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #F08F08 !important;}
/* producten-sec end */

/* app-bg-sec start */
.app-bg-sec {margin-bottom: 56px;}
.app-bg-sec .inner-part {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;padding: 56px;background: #FFE6C9;border-radius: 48px;}
.app-bg-sec .left-part {width: 43%;}
.app-bg-sec .left-part .sub-title{font-size:13px; line-height:19.5px;letter-spacing: 1.82px;}
.app-bg-sec .left-part h2 {margin-bottom: 16px; letter-spacing: -0.66px;}
.app-bg-sec .left-part p {margin-bottom: 24px; font-weight: 500;}
.app-bg-sec .right-part {width: 45.7%;}
.app-bg-sec .right-part img{display: block;}
/* app-bg-sec end */

/* study-path-sec start */
.study-path-sec {margin-bottom: 42px;}
.study-path-sec .stappen-slider{padding: 3px 0;}
.study-path-sec .steps-nav {display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 85px;width: 100%;max-width: 620px;margin: 0 auto 40px auto;padding-top: 20px;position: relative;}
.study-path-sec .steps-nav::before {content: '';position: absolute;width: calc(100% - 60px);height: 2px;background: #FFE6C9;top: 0;left: 50%;transform: translateX(-50%);}
.study-path-sec .steps-nav .step-btn {position: relative;display: inline-block;outline: none;border: none;background: none;font-size: 13px;line-height: 19.5px;font-family: var(--font-nunito);font-weight: 700;color: #808080;transition: var(--transition);cursor: pointer;}
.study-path-sec .steps-nav .step-btn:hover, .study-path-sec .steps-nav .step-btn.active {color: #F08F08;}
.study-path-sec .steps-nav .mobile_title{ display: none;}
.study-path-sec .steps-nav .step-btn::before {content: '';position: absolute;box-shadow: 0px 0px 0px 4px #FEF9F3;
width: 16px;height: 16px;border-radius: 50%;background: #FFE6C9;top: -28px;left: 50%;transform: translateX(-50%);transition: 0.4s;}
.study-path-sec .steps-nav .step-btn:first-child::before {transform: translate(calc(-50% + -14px), 0);}
.study-path-sec .steps-nav .step-btn:last-child::before {transform: translate(calc(-50% + 8px), 0);}
.study-path-sec .steps-nav .step-btn.active::before {width: 21px;height: 21px;background: #F08F08;}
.study-path-sec .step-card {width: auto;height: auto !important;transition: all .18s cubic-bezier(.2, .7, .2, 1);display: flex;flex-direction: column;padding: 15px 15px 23px;background: var(--white-color);border: 1px solid #E7E4E2;border-radius: 24px;}
.study-path-sec .step-card:hover {transform: translateY(-2px);box-shadow: 0 8px 24px #0000001a;border-color: #ffe6c9;}
.study-path-sec .step-card.active {border-color: #F08F08;}
.study-path-sec .step-card .img-box {background: #FFE6C9;border-radius: 14px;padding: 5px 5px 0;display: flex;justify-content: center;align-items: flex-end;max-height: 151px;margin-bottom: 14px;}
.study-path-sec .step-card .img-box img {display: block;}
.study-path-sec .step-card .text-box {padding: 0 8px;display: flex;flex-direction: column;justify-content: space-between;flex: 1;}
.study-path-sec .step-card .step-title {display: inline-block;align-items: center;gap: 12px;font-size: 20px;line-height: 24px;letter-spacing: -0.2px;font-family: var(--font-nunito);font-weight: 900;color: #231F20;margin-bottom: 14px;}
.study-path-sec .step-card .step-title span {display: inline-flex;align-items: center;justify-content: center;width: 34px;height: 34px;border-radius: 50%;background: #B9B5F5;font-size: 15px;line-height: 1;color: #6665B7;padding: 5px;}
.study-path-sec .step-card h3 {font-size: var(--font-h5);line-height: 21.6px;margin-bottom: 14px;}
.study-path-sec .step-card p {font-size: 14px;line-height: 21.7px;margin-bottom: 17px;}
.study-path-sec .step-card p:last-child {margin-bottom: 0;}
.study-path-sec .step-card .list-title {display: block;font-size: 13px;line-height: 19.5px;margin-bottom: 14px;font-family: var(--font-nunito);font-weight: 900;color: #231F20;}
.study-path-sec .step-card .bg-text {display: block;padding: 11px 14px 13px;background: #FFE6C9;border-radius: 12px;font-size: 13px;line-height: 19.5px;font-family: var(--font-nunito);font-weight: 400;color: #231F20;}
/* study-path-sec end */

/* advice-note start */
.advice-note {margin-bottom: 42px;}
.advice-note .inner-part {display: flex;flex-wrap: wrap;align-items: center;background: #B9B5F559;padding: 18px 24px;border-radius: 16px;}
.advice-note .icon {width: 36px;}
.advice-note .icon img{display: block;}
.advice-note .text {width: calc(100% - 36px);padding-left: 14px;}
.advice-note .text p {font-size: 14px;line-height: 21.7px;color: #231F20;}
.advice-note .text p strong {font-weight: 900;color: #6665B7;}
/* advice-note end */

/* universities-sec start */
.universities-sec .universities-card {text-decoration: none;position: relative; transition: all .18s;margin-bottom: 8px;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;background: var(--white-color);border: 1px solid #E7E4E2;padding: 17px 21px;border-radius: 16px;}
.universities-sec .universities-card:hover {border-color: #ffe6c9;box-shadow: 0 0 7.65px #00000029;}
.universities-sec .universities-card:last-child {margin-bottom: 0;}
.universities-sec .universities-card .uni-link {position: absolute;width: 100%;height: 100%;z-index: 1;text-decoration: none;font-size: 0;left: 0;top: 0;}
.universities-sec .universities-card .left-part {display: flex;flex-wrap: wrap;align-items: center;width: 28%;}
.universities-sec .universities-card .universiteit-logo {width: 56px;height: 56px;display: flex;justify-content: center;align-items: center;padding: 5px;background: #FFE6C9;border-radius: 12px;}
.universities-sec .universities-card .universiteit-logo img{display: block;}
.universities-sec .universities-card .universiteit-detail {width: calc(100% - 56px);padding-left: 18px;}
.universities-sec .universities-card strong {display: block;font-size: 10px;line-height: 15px;letter-spacing: 1.2px;font-family: var(--font-inter);font-weight: 700;text-transform: uppercase;color: #808080;margin-bottom: 4px;}
.universities-sec .universities-card h2 {font-size: 17px;line-height: 21.25px;letter-spacing: -0.09px;color: #231F20;margin-bottom: 0;white-space: nowrap;}
.universities-sec .universities-card .open-close {display: none;}
.universities-sec .universities-card .right-part {width: 72%;display: flex;align-items: center;justify-content: flex-end;}
.universities-sec .universities-card .course-list {display: flex;flex-wrap: wrap;align-items: center;justify-content: flex-end;gap: 6px;list-style: none;margin: 0;padding: 0;}
.universities-sec .universities-card .course-list li {display: inline-block;margin: 0;padding: 0;}
.universities-sec .universities-card .course-list a, .universities-sec .universities-card .course-list span {display: inline-block;font-size: 11px;line-height: 16.5px;font-family: var(--font-nunito);font-weight: 700;padding: 4px 9px;background: #FFE6C9;border-radius: 13px;color: #231F20;text-decoration: none;}
/* universities-sec end */

/* partners-sec start */
.partners-sec {padding-top: 80px;}
.partners-sec .top-cards {display: flex;flex-wrap: wrap;gap: 16px;margin-bottom: 40px;}
.partners-sec .top-cards .card {width: calc(33.33% - 11px);background: var(--white-color);border: 1px solid #E7E4E2;padding: 22px;border-radius: 16px;}
.partners-sec .top-cards .card .number {display: block;font-size: 32px;line-height: 1;font-family: var(--font-nunito);font-weight: 900;color: #F08F08;margin-bottom: 8px;}
.partners-sec .top-cards .card h2 {font-size: 15px;line-height: 22.5px;margin-bottom: 7.5px;}
.partners-sec .top-cards .card p {font-size: 12px;line-height: 18px;}
.partners-sec .partner-outer {margin-bottom: 32px;}
.partners-sec .partner-outer h2 {font-size: 18px;line-height: 24.3px;letter-spacing: -0.18px;margin-bottom: 13.8px; font-weight: 800;}
.partners-sec .partner-outer:last-child {margin-bottom: 0;}
.partners-sec .inner-part {display: flex;flex-wrap: wrap;gap: 12px;}
.partners-sec .partner-card {width: calc(20% - 10px);border: 1px solid #E7E4E2;background: #ffffff;border-radius: 12px;padding: 18px 22px;display: flex;justify-content: center;align-items: center;}
.partners-sec .partner-card img{display: block;}
/* partners-sec end */

/* contact-sec start */
.contact-sec {margin-bottom: 32px;}
.contact-sec .inner-part{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; border-radius: 48px; background: var(--orange-color); padding: 56px;}
.contact-sec .left-part{width: 47.7%;}
.contact-sec .right-part{width: 47.7%;}
.contact-sec .sub-title{color:#FFBC18;}
.contact-sec .left-part h2{font-size: 44px; line-height: 48.4px; color: var(--white-color); margin-bottom: 16px; letter-spacing: -0.66px;}
.contact-sec .left-part p{color:#FFFFFFE5; font-weight: 500;}
.contact-form{background: var(--white-color); padding:27px 28px 28px; border-radius:24px; box-shadow: 0 8px 24px #0000001A;}
.contact-form .top-title{text-align: center; margin-bottom: 18px;}
.contact-form .top-title h3{line-height: 28.6px; letter-spacing: -0.22px; margin-bottom: 0;}
.contact-form .field-group {display: flex;gap:10px;flex-wrap: wrap;}
.contact-form .field-group .field {width:calc(50% - 5px);}
.contact-form .field {margin-bottom: 12px;}
.contact-form label {width: 100%; display: block;line-height: 13.5px; font-size:9px;font-weight:900;letter-spacing: 1.08px; text-transform: uppercase; margin-bottom:4px; font-family:var(--font-nunito); color:var(--orange-color)}
.contact-form input , .contact-form textarea , .contact-form select{background: var(--white-color); padding:10.5px 12px;border: 1px solid #E7E4E2;border-radius:10px;outline: none; width: 100%; color: var(--white-color); font-size: 13px; line-height: 1;font-family:var(--font-nunito); font-weight: 400; color:var(--primary-color);}
.contact-form select{background: var(--white-color);}
.contact-form input ::placeholder , .contact-form textarea ::placeholder{color:  rgba(35, 31, 32,0.5);}
.contact-form input:focus,select:focus,textarea:focus {  border-color: var(--orange-color);}
.contact-form textarea { resize: none;height: 100px;}
.contact-form .submit-btn {border: none;cursor: pointer;position: relative;min-width: 100%;display: inline-flex;align-items: center;gap: 7px;font-size: 14px;line-height: 21px;font-family: var(--font-inter);font-weight: 700;color: var(--white-color);border: 1.5px solid var(--orange-color);border-radius: 99px;background: var(--orange-color);padding: 14px 25.5px;transition: 0.4s;box-shadow: 0 8px 20px #F08F0833;}
.contact-form .submit-btn:hover{background:var(--white-color); border: 1px solid var(--orange-color); color: var(--orange-color); box-shadow: unset;}


.wpcf7-not-valid-tip {display: none !important;}
.wpcf7-spinner{position: absolute !important;right: 0 !important;top: 11px !important;}
.wpcf7 form.sent .wpcf7-response-output {border-color: #46b450!important;background-color: #46b450!important;color: #fff;border-radius: 50px;text-align: center !important;  padding: 7px 7px !important;font-size: 13px !important;line-height: 16px !important;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { margin: 0 !important; background: red;
color:#fff; border-color: red !important; margin-top: 20px !important; border-radius: 50px;text-align: center !important; padding: 12px 15px !important;line-height: 20px !important; display: inline-block; font-size: 14px !important; width: 100%; }
.wpcf7-list-item{ margin-left: 0 !important;}
.wpcf7-not-valid-tip { display:  none !important; }
.contact-form .field input.wpcf7-not-valid , .contact-form .field select.wpcf7-not-valid{ border: 1px solid #ff0000;}
.wpcf7-form p{ margin-bottom: 0;}
 

/* contact-sec end */

/* faq-sec start */
.faq-sec .tab-btn {font-family: var(--font-inter);text-align: center;margin: 0 auto 20px;display: flex;flex-wrap: wrap;justify-content: center;gap: 6px;}
.faq-sec .tab-btn .option-group {list-style: none;}
.faq-sec .tab-btn ul {list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;gap: 6px;}
.faq-sec .tab-btn li {display: inline-block;padding: 0;margin: 0;}
.faq-sec .tab-btn input[type="radio"] {display: none;}
.faq-sec .tab-btn label {font-family: var(--font-inter);display: inline-block;padding: 7.5px 15px;color: var(--body-color);border-radius: 30px;border: 1px solid #E7E4E2;text-decoration: none;font-size: 12px;font-weight: 700;background: var(--white-color);transition: 0.4s;cursor: pointer;}
.faq-sec .tab-btn label:hover,.tab-btn input[type="radio"]:checked + label {background: var(--orange-color);border-color: var(--orange-color);color: var(--white-color);}

.faq{max-width: 820px; width: 100%; margin: 0 auto;}
.faq h3{font-size: 13px; line-height: 19.5px; font-weight: 800; margin-bottom: 0;}
.faq .faq-items{border: 1px solid #E7E4E2; background: var(--white-color); border-radius: 12px; margin-bottom: 6px;}
.faq .faq-items:last-child{margin-bottom:0;}
.faq .faq-title{cursor: pointer;position: relative; padding-right: 20px; padding: 18.2px 30px 18.2px 20px;}
.faq .faq-title::before{content: "";position: absolute; transition: transform 0.3s ease; right:16px;top:50%;transform: translateY(-50%) rotate(0deg); width: 8px;height:8px;background:url(images/faq-icon.svg) center no-repeat; background-size:8px;}
.faq .faq-title.active::before{transform: translateY(-50%) rotate(45deg);}
.faq .faq-content{ padding:0px 30px 18.2px 18.2px; display: none;font-size: 12px; line-height: 18.6px; color: var(--body-color); font-weight: 400;}
.faq-sec.category{padding-top: 80px;}
 
.loader { display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 30px 0;position: fixed;z-index: 105; left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0,0.4);}
.spinner {border: 4px solid var(--white-color);border-left-color:var(--orange-color); border-radius: 50%;width: 40px;height: 40px;animation: spin 1s linear infinite;margin-bottom: 10px;}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.loader p {font-size: 14px;color: #333;margin: 0;}
 

/* faq-sec end */

/* accordian-sec start */
.accordian-sec {margin-bottom: 56px;}
.accordian-sec .top-title{margin-bottom:16px;}
.accordian-sec .sub-title{margin-bottom:2px; color:#25D366 ;}
.accordian-sec .top-title h2{margin-bottom:6px; font-size: 22px; line-height: 28.6px; letter-spacing: -0.22px;}
.accordian-sec .top-title h2 strong{color: var(--orange-color);}
.accordian-sec .top-title p{font-size: 13px; line-height: 19.5px; font-weight: 400;}
.accordian-sec .outer-part {background: var(--white-color); border-radius: 24px; border: 1px solid #E7E4E2; padding: 34px 29px 31px;}
.accordian h3{font-size: 13px; line-height: 19.5px; font-weight: 800; margin-bottom: 0; font-family: var(--font-inter);}
.accordian .acc-items{border: 1px solid #E7E4E2; background: #FEF9F3; border-radius: 12px; margin-bottom: 8px;}
.accordian .acc-items:last-child{margin-bottom:0;}
.accordian .acc-title{cursor: pointer;position: relative;display: flex;flex-wrap: wrap;gap:10px;align-items: center; padding-left: 4px; padding: 12.5px 18px 12.5px 10px;}
.accordian .acc-title::before{content: "";position: absolute; transition: transform 0.3s ease; right:16px;top:50%; transform: translateY(-50%); width: 16px;height:16px;background:url(images/accordian-icon.svg) center no-repeat; background-size:16px; transition: 0.4s;}
.accordian .acc-title.active::before{background:url(images/accordian-icon-rotate.svg) center no-repeat;}
.accordian .acc-content{display: none;padding-top: 12px; font-size: 12px; line-height: 18.6px; color: var(--body-color); font-weight: 400; padding:0 10px 10px;}
.accordian .sub-acc-content span.name{color: var(--primary-color); font-weight: 700; font-family: var(--font-nunito); font-size: 12px;}
.accordian .acc-title span.currency {display: flex;justify-content: center;align-items: center;padding: 6px 2px;min-width:26px;background: #FFE6C9;color: var(--orange-color);text-transform: uppercase;border-radius: 7px;font-size: 10px;font-weight: 900; font-family: var(--font-inter);}

.acc-content {display: none;padding-top: 15px;}
.sub-acc-item {border: 1px solid #E7E4E2;border-radius: 10px;background: #fff; overflow: hidden;}
.sub-accordian{margin-bottom: 4px;}
.sub-accordian:last-child{margin-bottom: 0px;}
.sub-acc-title {position: relative;padding: 10px 14px;cursor: pointer;font-size: 13px;font-weight: 700; color: var(--primary-color); line-height: 19.5px;}
.sub-acc-title.active{background: #ffe6c9;}
.sub-acc-title::after {content: "";position: absolute;right:13px;top: 50%;width: 14px;height: 14px;transform: translateY(-50%);background: url(images/accordian-icon.svg) center no-repeat;background-size: contain;transition: .3s;}
.sub-acc-title.active::after {transform: translateY(-50%) rotate(0deg); background: url(images/accordian-icon-rotate.svg) center no-repeat;}
.sub-acc-content {display: none;padding: 6px 8px 8px;font-size: 13px;line-height: 1.5;background: #fef9f3;border-radius: 8px;}
.sub-acc-content a {border-radius: 8px;justify-content: space-between;align-items: center;padding: 8px 12px;font-size: 12px;text-decoration: none;transition:0.18s;display: flex;background: #fff;margin-bottom:4px;}
.sub-acc-content a:last-child{margin-bottom: 0;}
.sub-acc-content a:hover{background: #ffe6c9}

.chat-btn{font-family: var(--font-inter); position: relative; color: #25d366; font-weight: 800; font-size: 11px; text-decoration: none; display: inline-block; padding-right: 15px;}
.chat-btn::before{content: "";position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 12px;height: 12px;background: url(images/green-arrow2.svg) center no-repeat;background-size: 12px;}
.btn-group{margin-top: 14px;}
.btn-orange{ position: relative;cursor: pointer;color: var(--orange-color);align-items: center;gap: 6px;font-size: 13px;font-weight: 700;display: inline-flex; text-decoration: none; transition: 0.4s; font-family: var(--font-inter);}
.btn-orange:hover{text-decoration: underline;}
.btn-orange span.arrow-btn{width: 16px;height: 16px;background: url(images/orange-arrow.svg)center center no-repeat;background-size: 16px;}

/* accordian2 */
.accordian-sec.accordian2 .outer-part{max-width:720px; width: 100%; margin: 0 auto; background: transparent; border: unset; padding: 0;}
.accordian-sec.accordian2 .top-title{text-align: center; margin-bottom: 40px;}
.accordian-sec.accordian2 .sub-title {margin-bottom: 10px;color: var(--orange-color);}
.accordian-sec.accordian2 .top-title h2{font-size: 30px; line-height: 34.5px; letter-spacing: -0.3px;}
.accordian-sec.accordian2 .bottom-content{margin-top: 32px;}
.accordian-sec.accordian2 .bottom-content p{font-size: 18px; line-height: 27px; font-weight: 400;}
.accordian-sec.accordian2 .bottom-content p a{font-weight: 700; color: var(--orange-color); text-decoration: none;}
/* accordian-sec end */

/* social-card-sec start */
.social-card-sec {padding-top: 80px;}
.social-card-sec .inner-part{display: flex; flex-wrap: wrap; gap: 14px;}
.social-card-sec a.card{text-decoration: none;}
.social-card-sec .card{width: calc(33.33% - 10px); background: var(--white-color); padding: 22px; border-radius: 16px; border: 1px solid #E7E4E2; transition: 0.4s;}
.social-card-sec .card:hover{border:1px solid var(--orange-color); box-shadow: 0 0 7.65px rgba(0, 0, 0, 0.29);}
.social-card-sec .card .icon{margin-bottom: 10px;}
.social-card-sec .card .icon img{display: block; max-width: 42px; width: auto;}
.social-card-sec .card h3{font-size: 15px; line-height: 20.25px; margin-bottom: 10px;}
.social-card-sec .card p{font-size: 11px; line-height: 15.4px; margin-bottom: 10px; color: #808080;}
.social-card-sec .card p:last-child{margin-bottom: 0;}
.social-card-sec .card .btn-orange{font-size: 12px;  font-weight: 800; hyphens: auto;}
.social-card-sec .card .btn-orange.green{color: #25D366;}
.social-card-sec .card .btn-orange:hover{text-decoration: unset;}
.btn-orange span.arrow-btn.green-arrow{background: url(images/arrow-green.svg)center center no-repeat;}
/* social-card-sec end */

/* four-card-sec start */
.four-card-sec {margin-bottom:61px;padding-top: 80px;}
.four-card-sec .top-title{margin-bottom:40px; text-align: center;}
.four-card-sec .sub-title{margin-bottom:24px; display:inline-flex;justify-content: center; align-items: center;gap:20px;padding-left: 24px; }
.four-card-sec .sub-title img{display: block; max-width:64px; width: auto; box-shadow: 0 8px 20px #F08F0833; border-radius: 18px;}
.four-card-sec .top-title h1{margin-bottom:14px; letter-spacing:-0.96px;line-height: 50.5px; font-size: 48px;}
.four-card-sec .top-title h1 strong{color: var(--orange-color);}
.four-card-sec .top-title p{font-size: 15px; line-height: 24px; font-weight: 400;}
.four-card-sec .inner-part{display: flex; flex-wrap: wrap; gap:14px 14px;}
.four-card-sec .card{width: calc(25% - 11px); background: var(--white-color); padding: 21px; border-radius: 16px; border: 1px solid #E7E4E2; transition: 0.4s;}
.four-card-sec .card .icon{margin-bottom: 12px;}
.four-card-sec .card .icon img{display: block; max-width: 42px; width: auto;}
.four-card-sec .card h3{font-size: 15px; line-height: 20.25px; margin-bottom: 10px;}
.four-card-sec .card p{font-size: 12px; line-height:18px; margin-bottom: 10px; color: var(--body-color);}
.four-card-sec .card p:last-child{margin-bottom: 0;}
/* four-card-sec end */

/* foter start */
.footer{ background: #FFE6C9; padding: 48px 0 24px;}
.footer .wrapper{ max-width: 1380px;}
.footer .footer-top{ background: #FFFFFF; padding: 20px; border-radius:20px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.footer .card{width: 27.2%;}
.footer .card.download{ border: 1px solid #F08F0826; padding: 16px; border-radius: 16px;}
.footer .footer-logo{ margin-bottom: 10px;}
.footer .footer-logo img{display: block; max-width: 132px;}
.footer .card p{ margin-bottom: 8px; font-size: 12px; line-height: 18.6px; }
.footer .card.download  p{ margin-bottom: 8px; font-size: 11px; line-height: 15.4px;}
.footer .card p strong{ color: #231F20; letter-spacing: 1.54px; font-family: var(--font-inter); text-transform: uppercase; font-size: 11px; font-weight:900;}
.footer .card ul{margin-bottom: 0; padding-left: 0; list-style: none;}
.footer .card ul li:not(:last-child){margin-bottom: 13px;}
.footer .card ul li{ line-height: 1;}
.footer .card ul li a{font-size: 12px; font-weight:400; line-height: 18px; color: #3A4952; text-decoration: none; transition: 0.4s;}
.footer .card ul li a:hover{ color: #F08F08;}
.footer .card.link{ width: 18.2%; }
.footer .card.link p { margin-bottom: 12px;}
.footer .card .short-name { width: 28px; height: 28px; background: #F08F08; display: flex; justify-content: center; align-items: center; border-radius: 8px; padding: 5px; color: #fff; }
.footer .card .short-name p strong{font-size: 12px;}
.footer .card .name { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 8px; }
.footer .card .short-name p ,.footer .card .short-name p strong { color: #fff;}
.footer .card .name p{ margin-bottom: 0;}
.footer .card .name p strong{letter-spacing:0.88px; }
.footer .download-app{ width: 100%; text-align: center;}
.footer .card .globle-btn{box-shadow: none; font-size: 12px; position: relative; font-weight: 800; line-height: 1;padding: 10px 25px;}
.footer .card .globle-btn:hover{ background: #F08F08; color: #fff;}
.footer .card .download-icon{background: url(./images/download_icon.svg) center center no-repeat; width: 12px; height: 12px; background-size: 12px;}
/* foter end */

/*  social media start */
.social_icons{display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-top: 14px;}
.social_icons .icon{ transition: 0.4s; width: 32px; height: 32px; border-radius: 50%; background: #F08F08; display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
.social_icons .icon img{display: block;}
.social_icons .icon:hover{ background:#231F20;}
.footer .footer-bottom { margin-top: 28px; padding-top: 16px; border-top: 1px solid rgba(0, 0, 0 , 0.10); display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; margin-right: 40px; }
.footer .footer-bottom  span{ color: #3A4952; font-size: 11px; line-height: 16.5px;}
/*  social media end */

/* .team-event-sec start */
.team-event-sec{padding-top: 85px;margin-bottom: 100px; position: relative; z-index: 1;}
.team-event-sec .wrapper{ max-width: 1117px;}
.team-event-sec .inner-part{ display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; padding: 44px 48px; background: #fff; border-radius: 32px; position: absolute; inset: 0;  overflow: hidden; border: 1px solid rgba(0, 0, 0, 0.05); box-shadow: 0 18px 40px rgba(0, 0, 0, 0.08); transform: translateX(calc(var(--stack-side, 0) * var(--stack-distance, 0) * 40px)) scale(calc(1 - var(--stack-distance, 0) * 0.05)) rotate(var(--tilt, 0deg)); transition: all 0.55s ease; opacity: 0; pointer-events: none; z-index: calc(10 - var(--stack-distance, 0))}
.team-event-sec .left-part{ width: 46%;padding-bottom: 70px; }
.team-event-sec .right-part{ width: 47%; position: relative;}
.team-event-sec .team-slide h2 { font-size: 38px; letter-spacing: -0.02em; color: var(--primary-color); white-space: nowrap; margin-bottom: 18px; font-weight: 900; line-height: 1.05; display: inline-block; position: relative; }
.team-event-sec .team-slide p { font-size: 18px; font-weight: 700; line-height: 1.35; color: #383f45; }
.team-event-sec .team-slide p strong{ color: #F08F08;}
.team-event-sec .brand { pointer-events: none; border-radius: 30% 75% 0 32px / 38% 100% 0 32px; width: 220px; height: 130px; position: absolute; bottom: 0; left: 0; background: rgb(var(--bg-color));}
.team-event-sec .brand-content { z-index: 1; color: #fff; align-items: center; gap: 10px; padding: 38px 22px 22px 24px; display: inline-flex; position: relative; }
.team-event-sec .brand-content img { filter: brightness(0)invert();flex-shrink: 0;width: 36px; height: 36px; }
.team-event-sec .brand-text { line-height: 1.05; letter-spacing: -.005em; border-left: 1px solid #fff6; flex-direction: column; gap: 1px; padding-left: 10px; font-size: 14px; font-weight: 700; display: flex; }
.team-event-sec .heading-curve { width: 110px; height: 12px; color: #6665b7; margin-top: 10px; display: block; }
.team-event-sec .top-right-fix { width: 36px; height: 32px; color: #6665b7; pointer-events: none; position: absolute; top: 24px; right: 28px; }
.team-event-sec .photo-curve {background: rgba(var(--bg-color),0.2); z-index: 0; pointer-events: none; border-radius: 60% 40% 55% 45%/50% 60% 40% 50%; position: absolute; inset: -22px -28px -22px -16px; transform: rotate(-3deg); }
.team-event-sec .team_slider { position: relative; height: 480px; }
/* ACTIVE */
.team-event-sec .team-slide.is-active { opacity: 1; pointer-events: auto; z-index: 10; }
.team-event-sec .team-slide[data-distance="1"] { opacity: 0.55; }
.team-event-sec .team-slide[data-distance="2"] { opacity: 0.25; }
.team-event-sec .team-slide[data-distance="3"] { opacity: 0; }
.team-event-sec .right-part img { width: 100%; border-radius: 18px; display: block; transform: rotate(var(--photo-tilt, 0deg)); box-shadow: 0 10px 24px rgba(0, 0, 0, 0.12); aspect-ratio: 3/2; height: 100%; object-fit: cover; }
/* CONTROLS */
.team-event-sec .controls { margin-top: 35px; display: flex; justify-content: center; align-items: center; gap: 20px; }
.team-event-sec .arrow { width: 40px; height: 40px; border-radius: 50%; border: none;  cursor: pointer; font-size: 0px; border: 1px solid #231F201A;background-size:6px;}
.team-event-sec .arrow.prev{ background: #fff url(./images/prev_arrow.svg) center center no-repeat; }
.team-event-sec .arrow.next{ background: #fff url(./images/next_arrow.svg) center center no-repeat;}
/* DOTS */
.team-event-sec .dots { display: flex; gap: 8px; align-items: center; }
.team-event-sec .dot { width: 8px; height:8px; border-radius: 50%; background: #231F2026; cursor: pointer; transition: 0.4s; }
.team-event-sec .dot.active { width: 24px; border-radius: 20px; background: #f08f08; }
/* .team-event-sec end */

/* .counter-sec start */
.counter-sec{ margin-bottom: 53px;}
.counter-sec .inner-part{ display: flex; justify-content: space-between; flex-wrap: wrap; gap: 24px; padding: 37px; background: #fff; border-radius: 28px; border: 1px solid #FFE6C9;}
.counter-sec .card{ width: calc(33.33% - 16px ); text-align: center;}
.counter-sec .card h2{ font-size: 56px; color: var(--orange-color); line-height: 1; font-weight: 900; margin-bottom: 6px}
.counter-sec .card h2 span{ font-size: inherit; font-weight: inherit; color: inherit;}
.counter-sec .card p{ font-size: 13px; line-height: 19.5px;}
/* .counter-sec end */

/* .team-sec start */
.team-sec .inner-part{ display: flex; flex-wrap: wrap; gap: 20px; }
.team-sec .card{ width: calc(25% - 15px); position: relative; border-radius: 28px; background: linear-gradient(180deg, #ffe6c9 0%, #f08f08 100%);  overflow: hidden; z-index: 2; transition: 0.4s; display: flex; align-items: flex-end; justify-content: flex-start;aspect-ratio: 265 / 353;}
.team-sec .card::before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%;  background: linear-gradient(#231f2000 35%,#231f208c 100%); z-index: 2;}
.team-sec .card .img-box{width: 100%; height: 100%; transition: 0.4s; }
.team-sec .card .hover-img{opacity: 0; position: absolute; top: 0; left: 0;}
.team-sec .card img{ display: block; position: relative; width: 100%; height: 100%; object-fit: cover;transition: 0.4s;}
.team-sec .bottom-text { position: absolute; left: 0; right: 0; bottom: 15px; padding: 0 16px ; color: #fff; z-index: 2; transition: transform 0.4s ease;z-index: 4; }
.team-sec .card *{ color: #fff;}
.team-sec .card .bottom-text strong{font-size: 16px;display: block; line-height: 19.2px;letter-spacing: -0.16px; font-weight: 900;margin-bottom: 5px;}
.team-sec .card .bottom-text span{font-size: 11px;line-height: 16px; font-weight: 400; display: block;}
.team-sec .card .bottom-text .designation{ font-weight: 600; display: block; line-height: 14.85px; color: #FFFFFFE5;}
.team-sec .card .lead { position: absolute; top: 10px; right: 10px; background: #fff; border-radius: 35px; padding: 6px 10px; z-index: 4; line-height: 1; display: flex; align-items: center; justify-content: center; }
.team-sec .lead span{ font-size: 9px; line-height:1; letter-spacing: 0.72px; text-transform: uppercase; font-weight: 800; color: #F08F08; font-family: var(--font-inter);}

/* hover */
.team-sec  .detail { display: grid; grid-template-rows: 0fr; opacity: 0; margin-top: 0; transition: all 0.4s ease; }
.team-sec .card:hover .detail { grid-template-rows: 1fr; opacity: 1; margin-top: 8px; }
.team-sec .card:hover { transform: translateY(-2px); }
.team-sec .card:hover::before { background: linear-gradient(#231f201a 0%, #231f20c7 100%); z-index: 3; }
.team-sec .detail span{ font-style: italic;  overflow: hidden;}
.team-sec .card:hover .hover-img { opacity: 1; transform: scale(1.04); }
.team-sec .card:hover .img { opacity: 0; }
.fallback-initial { display: flex; align-items: center; justify-content: center; position: relative; z-index: 2; width: 100%; height: 100%; color: #ffffffd9; letter-spacing: -0.03em; font-size: clamp(64px, 9vw, 112px); font-weight: 900; line-height: 1; }
/* .team-sec end */

/* .join-team-sec start */
.join-team-sec .inner-part{ background: var(--orange-color); padding: 37px 20px 32px; border-radius: 24px; text-align: center;}
.join-team-sec .text-box{ max-width: 455px; margin: 0 auto; width: 100%; text-align: center;}
.join-team-sec .sub-title{ color: rgba(255, 255, 255 , 0.85); margin-bottom: 10px;}
.join-team-sec h2{ font-size: 22px; line-height: 28.6px; font-weight: 900; color: #fff;margin-bottom: 12px;}
.join-team-sec p{ font-size: 13px; line-height: 20.15px; color: rgba(255, 255, 255,0.9);margin-bottom: 14px;}

/* our-history-sec start */
.history-sec .sub-title{ letter-spacing: 1.4px; font-size: 10px; font-weight: 800; line-height: 15px; margin-bottom: 9px; font-family: var(--font-inter);}
.history-sec .inner-part{ background: var(--white-color); padding: 29px; border-radius: 20px; text-align: center; border: 1px solid #E7E4E2;}
.history-sec .text-box{ max-width: 640px; margin: 0 auto; width: 100%; text-align: center;}
.history-sec .sub-title{ color: #808080; margin-bottom: 8px;}
.history-sec p{ font-size: 13px; line-height: 19.5px;margin-bottom: 13px;}
.history-sec ul{ display: flex; align-items: center; justify-content: center; gap: 10px; flex-wrap: wrap;}
.history-sec ul li{ font-size: 12px; font-weight: 700; border: 1px solid #E7E4E2; background: #FEF9F3; padding: 5px 10px; border-radius: 35px; color: #3A4952;}
/* our-history-sec end */

/* .app-install-cta over ons page */
.app-install-cta.over{ margin-bottom: 104px;}

/* vacature-sec start  */
.vacature-sec{padding-top: 80px;}
.vacature-sec .inner-part{ max-width: 600px; width:100%; margin: 0 auto;}
.vacature-sec .sub-title{margin-bottom: 10px;}
.vacature-sec h1{font-size: 44px; line-height: 46.2px; margin-bottom: 12px; letter-spacing: -0.88px;}
.vacature-sec .main-text{margin-bottom: 32px;}
.vacature-sec .main-text ul{display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 16px;}
.vacature-sec .main-text ul li{position: relative; padding-left: 26px; font-size: 13px; line-height: 19.5px; font-weight: 600; color: #808080;}
.vacature-sec .main-text ul li.location::before {content: '';position: absolute;background: url(images/location-icon-small.svg)center center no-repeat;left: 0;top: 50%;transform: translateY(-50%);width:16px;height: 16px;background-size:16px;}
.vacature-sec .main-text ul li.timer::before {content: '';position: absolute;background: url(images/timer-icon-small.svg)center center no-repeat;left: 0;top: 50%;transform: translateY(-50%);width:16px;height: 16px;background-size:16px;}
.vacature-sec .main-text p{font-size: 17px; line-height: 26.35px; color:#383F45 ;}
.vacature-sec h2{font-size: 18px; line-height: 34px; letter-spacing: -0.18px; margin-bottom: 10px;display: inline-flex;align-items: center;}
.vacature-sec .text-box{margin-bottom: 31px;}
.vacature-sec .text-box p{font-size: 15px; line-height: 24px;}
.vacature-sec h2 img {display: inline-block;max-width:20px;margin-right:13px;}
.vacature-sec .text-box ul{padding-left: 20px; margin-bottom: 0;}
.vacature-sec .text-box ul li{list-style: disc;  margin-bottom: 6px; font-size: 15px; line-height: 24px; padding-left:6px;}
.vacature-sec .text-box ul li:last-child{margin-bottom: 0;}
.vacature-sec .text-box ul li::marker{color: var(--orange-color);}
.vacature-sec .next-step-card{padding: 32px; background: #FFE6C9; border-radius: 32px; text-align: center;margin-top: 48px;}
.vacature-sec .next-step-card h3{line-height: 28.6px; letter-spacing: -0.22px; margin-bottom: 8px;}
.vacature-sec .next-step-card p{font-size: 14px; line-height: 21.7px; margin-bottom:18px;}
.vacature-sec.default-text .inner-part {max-width: 800px;}
.vacature-sec.default-text .main-text ul {display: block;}
.back-btn {line-height: 1; display: inline-block; margin-bottom:17px; text-decoration: none; padding:11px 10px 11px 24px;font-weight: 700;font-size: 13px; position: relative; color: var(--body-color); font-family: var(--font-inter);}
.back-btn::before {content: '';position: absolute;background: url(images/back-btn-arrow.svg)center center no-repeat;left: 0;top: 50%;transform: translateY(-50%);width:16px;height: 16px;background-size:16px;}
/* vacature-sec end  */

/* page-intro-sec start */
.werken-bij .page-intro-sec{ padding-bottom: 40px;}
/* four card start */
.four-card-sec.two { padding-top: 0;}
.four-card-sec.two .sub-title{margin-bottom:10px; text-align: center; padding-left: 0; }
.four-card-sec.two .top-title h2{margin-bottom:14px; letter-spacing:-0.3px;line-height: 34.5px; font-size: 30px;}
.four-card-sec.two .swiper-wrapper{ gap: 14px; flex-wrap: wrap;}
.four-card-sec.two p{ line-height: 18px;}
.four-card-sec.two .card{ padding: 23px;}
.four-card-sec.two .card h3{ font-weight: 900; margin-bottom: 6px;}

.join-team-sec{ margin-bottom: 48px;}
.join-team-sec h2{ margin-bottom:8px;}
.join-team-sec .btn_box {margin-top: 38px;}
.page-template-template-Werken-bij .join-team-sec .btn_box {margin-top: 0;}
/*  four card end */
 
/* .future-colleagues-sec start */
.future-colleagues-sec .inner-part{ background: #FFE6C9; padding: 36px; border-radius: 32px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.future-colleagues-sec .text-box{ max-width: 520px; width: 100%;}
.future-colleagues-sec h2{ font-size: 22px; line-height: 28.6px; font-weight: 900; color: #231F20;margin-bottom: 6px; letter-spacing: -0.22px;}
.future-colleagues-sec p{ font-size: 14px; line-height: 21px; color: #3A4952;}
.future-colleagues-sec .btn-box { width: 190px;}
/* .future-colleagues-sec end */
 
/* .werken-bij-sec start */
.werken-bij-sec{padding-top: 85px;}
.werken-bij-sec .swiper-wrapper{ gap: 14px; flex-wrap: wrap;padding: 5px 0;}
.werken-bij-sec .swiper-slide, .four-card-sec.two .swiper-slide { height: auto !important; }
.werken-bij-sec .card{padding: 23px; border: 1px solid #E7E4E2; background: #fff; border-radius: 16px; transition: 0.4s; width: calc(50% - 7px); text-decoration: none; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center;}
.werken-bij-sec .card p strong{ font-size: 16px; line-height: 21.6px;font-weight: 900 ; display: block; margin-bottom: 6px;color:#231F20;}
.werken-bij-sec .card p{ margin-bottom: 6px;}
.werken-bij-sec .card .btn-box{ width: 160px;}
.werken-bij-sec .card .text-part{ width: calc(100% - 160px);}
.werken-bij-sec .card ul{ display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding-left: 0; margin-bottom: 0;}
.werken-bij-sec .card ul li{ font-size: 11px; line-height: 16.5px; color: #808080; padding-left: 15px; position: relative;}
.werken-bij-sec .card .globle-btn{ font-size: 12px; font-weight: 700; padding: 10px 12px;}
.werken-bij-sec .card ul li.location::before { content: ""; position: absolute; top: 50%; left: 0; width: 10px; height: 12px; background: url(./images/location-icon.png); background-size: auto; background-size: 10px; transform: translateY(-50%); }
.werken-bij-sec .card ul li.time::before { content: ""; position: absolute; top: 50%; left: 0; width: 12px; height: 12px; background: url(./images/time-icon.png); background-size: auto; background-size: 12px; transform: translateY(-50%);}
.werken-bij-sec .card:hover{ border-color: #F08F08;transform: translateY(-2px);}
.werken-bij-sec .card .globle-btn:hover{ background: var(--orange-color); color: var(--white-color);}
.werken-bij-sec .card .globle-btn:hover svg path { stroke: var(--white-color); }

.search .werken-bij-sec .title-global-top {text-align: center;}
.search .werken-bij-sec .inner-part {gap: 10px;display: inline;display: flex;flex-direction: column;}
.search .werken-bij-sec .card {width: 100%;}
.search .werken-bij-sec .card p, .search .werken-bij-sec .card p strong {margin-bottom: 0;}
/* .werken-bij-sec end */

/* .study-finder start */
.study-finder { width: calc(100% + 2px); margin: 0 auto; background: #fff; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 9999; height: 100%; opacity: 0; visibility: hidden; transition: 0.25s ease; }
.study-finder .back-arrow, .study-finder .close { width: 40px; height: 40px; color: var(--sa-ink); cursor: pointer; transition: background .15s var(--ease-out); background: 0 0; border: 0; border-radius: 10px; justify-content: center; align-items: center; display: flex; }
.study-finder .back-arrow:hover, .study-finder .close:hover{ background: #ffe6c9;}
.study-finder .back-arrow:hover svg path, .study-finder .close:hover svg path{ stroke: #FFBC18;}
.study-finder .top-back .left{ display: flex; align-items: center; gap: 10px; width: calc(100% - 60px);}
.study-finder h2 {  flex: 1; margin: 0; font-size: 17px; font-weight: 900; letter-spacing: -0.17px;}
.study-finder .top-back { border-bottom: 1px solid #E7E4E2; background: #fff; align-items: center; gap: 10px; padding: 14px 16px; display: flex; }
.study-finder .select-form .select-field{  width: 100%;border: 2px solid #E7E4E2; display: flex; gap: 12px;padding: 14px 14px 16px;border-radius: 16px; }
.study-finder .select-form{ height: 100%; padding: 20px 16px calc(20px + env(safe-area-inset-bottom)); flex: 1;overflow-y: auto; gap: 12px; border: none; box-shadow: unset;}
.study-finder .select-form .submit{ position: static; width: 100%; height: 100%;  transform: unset; margin-top: 16px;}
.study-finder .select-form .submit .submit-btn{background: #E7E4E2; cursor: pointer;  font-size: 15px; padding: 15px 0; font-weight: 800; outline: none; border: none;  border-radius: 35px; line-height: 1; color: #808080; font-family: var(--font-inter); width: 100%; display: flex; align-items: center; gap: 10px;justify-content: center }
.study-finder  .search-icon{background: url(images/search-icon-gray.svg)center center no-repeat; width: 20px; height: 20px; background-size: 20px; display: inline-block; }
.study-finder .study-finder-content{ width: calc(100% - 40px);}
.study-finder .select-part{ width: 100%;}
.study-finder  .select-form .select-field label { display: block; font-size: 16px; line-height: 20px; letter-spacing: 0; font-family: var(--font-nunito); font-weight: 700; color: #808080; text-transform: none; margin-bottom: 8px; }
.study-finder .select-form .select-field.active label {  font-weight: 900; color: #231F20;  }
.select-form .select-field:has(select:disabled) label { color: #808080; }
.study-finder-message { font-size: 12px; font-weight: 600; line-height: 18px; color: #808080; padding-left: 18px;position: relative; margin-bottom: 0; font-family: var(--font-inter);}
.study-finder-message::before { content: ""; position: absolute; top: 50%; left: 0; width: 12px; height: 12px; background: url(./images/disable-icon.svg) center center no-repeat; background-size: auto; background-size: 12px; transform: translateY(-50%); }
.study-finder .select-form .select-field select { display: none; cursor: pointer; border: 1px solid #E7E4E2; background: transparent url(images/select-arrow.png)right 14px center no-repeat; background-size: 10px !important; font-size: 16px; line-height: 1; font-family: var(--font-nunito); font-weight: 900; color: #231F20; border-radius: 12px; padding: 16px 14px; }
.select-form .select-field:not(:has(select:disabled)):hover { background: #fff; }
.study-finder .study-finder-number { width: 31px; height: 30px; font-size: 14px; line-height: 1; color: #6F8AA3; font-weight: 900; background: #E1ECF5; display: flex; align-items: center; justify-content: center; border-radius: 8px; display: flex; align-items: center; justify-content: center; }
.study-finder { counter-reset: step; }
.study-finder .select-field { counter-increment: step; }
.study-finder-number::before { content: counter(step); }
.study-finder .select-form .select-field.active{ border-color: #F08F08;box-shadow: 0 0 28px -10px rgba(240, 143, 8,0.35);}
.study-finder .select-form .select-field.active select { display: block;border-color: #ffe6c9;}
.study-finder .select-form .select-field.active.filled select { pointer-events: none;}
.study-finder .select-form .select-field.active .study-finder-message{ display: none;}
.study-finder  .select-field.active .study-finder-number { background: #F08F08; color: #fff;box-shadow: 0 4px 10px -3px rgba(240, 143, 8,0.5);}
.study-finder .select-field.active .study-finder-message { display: none; }
.study-finder  .select-item { position: relative; }
.study-finder .select-field .edit-icon { position: absolute; top: 50%; right: 0; width: 100%; height: 100%; transform: translateY(-50%); cursor: pointer; background: url("images/edit-icon.svg") right 14px center no-repeat; background-size: auto; background-size: 16px; display: none; z-index: 8; }
.study-finder .select-field.filled .edit-icon { display: block; }
.study-finder .select-field.filled select{ background: #ffe6c9; pointer-events: none; display: block;}
.study-finder .submit-btn.enabled { background: #F08F08; color: #fff; }
.study-finder .select-form .submit .submit-btn:disabled {cursor: not-allowed; }
.study-finder.show { opacity: 1; visibility: visible; }


.mobile-nav ,.mobile-bar.menu-icons { display: none;}
.external-link > a::after ,.external-arrow > a::after { content: " ↗"; display: inline-block; margin-left: 4px; }
/* .search-trigger  start */
.search-trigger {border: 2px solid #ffe6c9; width: 100%;font-family: var(--font-inter); color: #808080; cursor: pointer; text-align: left; box-shadow:0 16px 40px -16px rgba(240, 143, 8, 0.18),0 8px 24px 0 rgba(0, 0, 0, 0.1); transition: 0.4s; background: #fff; border-radius: 35px; align-items: center; gap: 12px; padding: 14px 20px; font-size: 15px; font-weight: 600; display: none; }
.search-trigger:hover, .search-trigger:focus-visible { border-color: #f08f08; box-shadow:0 16px 40px -16px rgba(240, 143, 8, 0.18),0 8px 24px 0 rgba(0, 0, 0, 0.1); outline: none; transform: translateY(-1px); }
.search-trigger .search-trigger-icon { width: 22px; height: 22px; color: #F08F08; flex-shrink: 0; }

.search-trigger  span{ font-family: inherit; font-size: inherit;}


.header .navigation > ul li li.active-menu a{ position: relative; background: #000; color: #fff; cursor: pointer; transition: background .15s var(--ease-out), transform .15s var(--ease-out); border-radius: 10px;  gap: 8px; padding: 12px 36px 12px 16px;font-size: 14px; font-weight: 700; display: flex; align-items: center; }
.header .navigation > ul li li.active-menu a:hover { background: #000; transform: translateY(-1px) }
.header .navigation > ul li li.active-menu a::before { content: ""; position: absolute; top: 50%; right: 20px; transition: 0.4s; transform: translateY(-50%); width: 16px; height: 16px; background: url(images/orange-arrow.svg)center center no-repeat; background-size: auto; background-size: 16px; }
.header .navigation > ul li li.active-menu a:hover::before { right: 15px;}
.header .navigation > ul li li{ margin-bottom: 5px;}






@media only screen and (max-width: 1279px) {

:root{
 /* font */
--body-font: 16px;
--font-h1: 28px;
--font-h2: 26px;
--font-h4: 13px; 

--font-44: 35px;

}

.h2-44 h2{font-size: var( --font-44);line-height: 39.4px;} 
.wrapper{max-width: 1024px;}

.title-global-top{margin: 0 auto 30px auto;}
.menu-icons .btn-links {width: 265px;}
.header-bottom .logo {width:119px;}
.header .navigation {width: calc(100% - 384px); padding: 0 5px;}
.header .navigation ul{ margin-left: auto;}
.header .navigation > ul>li>a{padding: 8px 10px;}
.menu-icons .login{margin-right: 15px;}
.menu-icons .app{margin-right: 8px;}
.stats-sec .stats-card strong{font-size: 38px;}
.mobile-app-sec {margin-bottom: 104px;}
.mobile-app-sec .right-part h2 {font-size: 32px;line-height: 34.6px;}
.four-card-sec{padding-top:60px;  margin-bottom: 50px;}
.four-card-sec .sub-title{gap:13px;margin-bottom: 18px;}
.four-card-sec .sub-title img{max-width: 50px;border-radius: 14px;}
.four-card-sec .top-title h1 {margin-bottom: 12px;letter-spacing: -0.76px;line-height: 40.5px;font-size: 38px;}
.four-card-sec .top-title { margin-bottom: 30px;}
.accordian-sec.accordian2 .bottom-content {margin-top: 25px;}
.accordian-sec.accordian2 .bottom-content p { font-size: 16px;line-height: 25px;}
.footer .footer-logo img{max-width: 119px;}
.footer .card ul li:not(:last-child) {margin-bottom: 15px;}
.vacature-sec {padding-top: 60px;}
.vacature-sec h1{margin-bottom: 12px;letter-spacing: -0.76px;line-height: 40.5px;font-size: 38px;}
.social-card-sec { padding-top: 60px;}
.contact-sec .left-part h2 {font-size: 38px;line-height:42.4px;}
.werken-bij-sec { padding-top:60px;}
.team-event-sec {padding-top:60px;margin-bottom: 70px;}
.counter-sec .card h2 {font-size: 44px;}
.team-sec .card{ width: calc(33.33% - 14px );}
.partners-sec { padding-top: 60px;}
.partners-sec .partner-card { width: calc(25% - 9px);}
.team-event-sec .wrapper{ max-width: 980px;}


.banner-sec .left-part h1 {font-size: 55px;line-height: 56px;}
.app-bg-sec .inner-part{padding: 45px;}
 
.producten-sec { padding-top: 60px;}
.faq-sec.category{padding-top: 60px;} 
.default-text{padding:60px 0 0;}

.producten-sec .producten-card .text-group {font-size: 18px;line-height: 28px;}

}


@media only screen and (max-width: 1023px) {

:root{
    --font-44: 30px; 
}
 

.h2-44 h2{font-size: var( --font-44);line-height: 34.4px;} 
.wrapper{max-width:100%;}


.home .header .header-bottom{ background: #fef9f3;}
.header .navigation,.header .menu-icons .btn-links {display: none;}
.mobile-bar.menu-icons { display: block;}
/* .mobile-bar  start */
.mobile-bar {z-index: 40; border-top: 1px solid #e7e4e2; padding: 8px max(16px, env(safe-area-inset-left)) calc(8px + env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-right)); background: #fff; gap: 8px; display: flex; position: fixed; bottom: 0; left: 0; right: 0; box-shadow: 0 -4px 24px #00000014; }
.mobile-bar .nav-item { font-family: var(--font-inter); letter-spacing: .02em; color: #3a4952; cursor: pointer; transition: 0.4s ; -webkit-tap-highlight-color: transparent; background: 0 0; border: 0; border-radius: 12px; flex-direction: column; flex: 1; justify-content: center; align-items: center; gap: 4px; padding: 8px 4px; font-size: 11px; font-weight: 700; text-decoration: none; display: flex; }
.mobile-bar.menu-icons .app span.app-icon{ margin-right: 0;}
.mobile-bar.menu-icons .app { border: none;margin-right: 0;}
.mobile-bar.menu-icons .btn-links{ width: 100%; justify-content: space-between;gap: 15px;}
.mobile-bar .nav-item:hover{background: #FFE6C9;color: #F08F08;border-color: #FFE6C9;}
.mobile-bar.menu-icons .nav-item:not(.bestel):hover .color-fill {stroke: #F08F08 !important;}
.mobile-bar.menu-icons .bestel.nav-item{ background: #F08F08; color: #fff; box-shadow: 0 6px 14px -6px rgba(240, 143, 8, 0.5);}
.mobile-bar.menu-icons  .bestel span.bestel-icon{ margin-right: 0;}
.mobile-bar.menu-icons  .bestel:hover span.bestel-icon .color-fill { stroke: #fff; }
.mobile-bar.menu-icons  .bestel.nav-item:hover {background: #ffc487; border-color: #ffc487; }
.mobile-bar.menu-icons  .app-icon.icon-menu { height: 20px;}

/* .mobile-nav start */


.mobile-nav { position: fixed; top: 0; left: 0; width: 100%;z-index: 8; background: #fef9f3; border-top: 1px solid #e7e4e2; flex-direction: column; gap: 6px; padding: 16px 24px; display: none; margin-top: 113px; z-index: 9; }
.header.height ~ .mobile-nav {margin-top: 72px;}
.mobile-nav.show { display: flex; }
.mobile-nav ul { list-style: none; padding-left: 0; margin-bottom: 0; }
.mobile-nav ul li { display: block; }
.mobile-nav a:hover { background: #ffe6c9; color: #f08f08; }
.mobile-nav a { font-family: var(--font-nunito); color: #3a4952; text-align: left; cursor: pointer; background: 0 0; border: 0; border-radius: 12px; padding: 10px 12px; font-size: 14px; font-weight: 700; text-decoration: none; display: block; }
.mobile-nav .icon-close { display: none; }
.mobile-nav .menu.active .icon-menu { display: none; }
.menu.nav-item.active .icon-close { display: flex; }
.menu.nav-item.active { background: #231F20; color: #fff;}
.menu.nav-item.active .icon-menu{ display: none;}
.menu.nav-item .icon-close{ display: none;}
.menu.nav-item  svg{ height: 20px;}
.header.bg .header-bottom{ background: #fef9f3;}


.search-trigger { display: flex;}
.banner-sec{ padding-top: 20px;}
.banner-sec .left-part{ top: 0; padding-bottom: 0; margin-bottom: 20px; width: 100%; display: flex; flex-direction: column; justify-content: flex-start;}
.banner-sec .right-part { width: 100%; }
.banner-sec .right-part .img-box img { display: block; margin: 0 auto; }
.banner-sec .left-part .text-box{ order: 2;margin-bottom: 0; }
.banner-sec .study-material{order: 1;margin-bottom: 58px;}
.banner-sec .left-part h1{ margin-bottom: 65px;}
.banner-sec .select-form{ display: none;}
.banner-sec .left-part .top-tag{ display: none;}

.stats-sec .stats-card {width: calc(50% - 18px); border-left: unset;}

.mobile-app-sec .left-part {width: 100%;}
.mobile-app-sec .left-part img{margin: 0 auto; display: block;}
.mobile-app-sec .right-part {width: 100%; margin-top: 56px;}
.mobile-app-sec .text-box, .mobile-app-sec .icon-text-block{max-width: 100%;}

.first-year-sec .left-text {width: 100%;}
.first-year-sec .right-cards { width: 100%; margin-top: 32px;}

.four-card-sec {padding-top: 50px;}
.four-card-sec .sub-title {gap: 10px;margin-bottom: 10px;}
.four-card-sec .sub-title img {max-width: 35px;border-radius: 5px;}
.four-card-sec .top-title h1{line-height: 32.5px; font-size: 30px;letter-spacing: -0.6px;}
.four-card-sec .card {width: calc(50% - 7px);}

.footer .footer-top{background: transparent; gap: 32px; padding: 0;}
.footer .card { width:calc(50% - 16px);}
.footer .card.link {width: calc(50% - 16px);}
.footer .card.download{background: var(--white-color);}

.vacature-sec {padding-top: 50px;}
.vacature-sec h1{line-height: 32.5px;font-size: 30px;letter-spacing: -0.6px;}
.back-btn{margin-bottom: 10px;}
.vacature-sec .main-text {margin-bottom: 24px;}
.vacature-sec .main-text ul{margin-bottom: 12px;}
.vacature-sec .main-text p {font-size: 16px;line-height: 25.35px;}
.vacature-sec .text-box {margin-bottom: 20px;}
.vacature-sec h2 {font-size: 17px;line-height: 28px;}

.social-card-sec { padding-top: 50px;}
.contact-sec .left-part {width: 100%;}
.contact-sec .right-part {width: 100%; margin-top: 28px;}
.contact-sec .left-part h2 {font-size: 34px;line-height: 38.4px;}
.contact-sec .inner-part{padding: 40px;border-radius: 35px;}

.future-colleagues-sec .text-box { max-width: 400px;width: 100%;}

.werken-bij-sec { padding-top:50px;}
.werken-bij-sec .card {padding: 19px;}

.team-event-sec { padding-top: 50px;margin-bottom:  40px;}
.team-event-sec .inner-part{padding: 25px;}
.team-event-sec .team_slider{height: 400px;}
.team-event-sec .team-slide h2 {font-size: 30px;}
.team-event-sec .brand{width: 197px;height: 92px;}
.team-event-sec .brand-content img{width: 30px;height: 30px;}

.partners-sec {padding-top: 50px;}
.partners-sec .partner-card {width: calc(33.33% - 8px); }

.footer{padding: 48px 0 95px;}
.app-install-cta { margin: 60px 0 100px; }



/* ---------------------------css----------------------- */
.app-bg-sec .inner-part { padding: 32px;}
.app-bg-sec .left-part { width: 100%;}
.app-bg-sec .right-part {width: 100%;margin-top: 24px;}
.app-bg-sec .right-part img{margin: 0 auto; display: block;}
 
.banner-sec .right-part .img-box{width: 100%;}
.banner-sec .right-part .img-box::before{width: 550px; height: 550px;}
.banner-sec .right-part .img-box img {max-height: 350px; }
 
.producten-sec { padding-top: 50px;}
.universities-sec .universities-card {gap: 20px;}
.universities-sec .universities-card .left-part{ width: auto; margin-bottom: 0;}
.universities-sec .universities-card .right-part{ width: auto;}
.producten-sec .producten-slider {width: calc(100% + 60px); margin-left: -30px; }

.team-event-sec .outer_part{padding: 0 36px;}
.faq-sec.category{padding-top: 50px;}
.default-text{padding:50px 0 0; }


.producten-sec .swiper {overflow: visible !important;padding: 0;}
.study-path-sec .stappen-slider {overflow: visible !important;}
.producten-sec .swiper-pagination {display: none !important;}

.history-sec.mb-20 {margin-bottom: 40px !important;}

}


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

.error_page {padding: 50px 0;}

.first-year-sec .right-cards .card {width: 100%;}
.card-wrap .card{width: 100%; max-width: 100%;}
.werken-bij-sec .swiper-wrapper , .four-card-sec.two .swiper-wrapper{  flex-wrap: nowrap; gap: 0 !important;}
.four-card-sec .top-title h1 {line-height: 30.5px;font-size: 28px;}
.vacature-sec h1{line-height: 30.5px;font-size: 28px;}
.social-card-sec .card {width: 100%;}
.future-colleagues-sec .text-box { max-width:100%;}
.future-colleagues-sec .btn_box { width:100%; margin-top: 18px;} 
.future-colleagues-sec .btn_box .globle-btn { width:100%;} 
.team-event-sec .inner-part {padding: 18px 14px 14px;margin: 0 auto;}
.team-event-sec .left-part{width: 100%;}
.team-event-sec .right-part{width: 100%;}
.team-event-sec .brand{display: none;}
.team-event-sec .team-slide h2 { margin-bottom: 12px; font-size: 28px; line-height: 29.4px; letter-spacing: -0.56px; }
.partners-sec .top-cards .card {width: calc(50% - 8px);}
.footer .footer-bottom span{ width: 100%;}
/* .footer .footer-bottom span:not(:last-child){ margin-bottom: 10px;} */
.four-card-sec .inner-part.fourCardSwiper , .werken-bij-sec .inner-part.vacatureSwiper  { width: calc(100% + 60px);margin-left: -30px; }
.team-sec .card{ width: calc(50% - 11px );border-radius: 24px;}
.team-sec .inner-part{ gap: 16px;}
.team-sec .card {width: calc(50% - 8px );}


.universities-sec .universities-card h2 {font-size: 14px;line-height: 16.8px;letter-spacing: -0.07px}
.universities-sec .universities-card strong {font-size: 9px;line-height: 13.5px;letter-spacing:0.9px;}
.universities-sec .universities-card .universiteit-logo {width:40px;height:40px;}
.producten-sec .producten-card .bottom-text ul{display: none;}
.producten-sec .producten-card .text-group{display: none;}
.study-path-sec .steps-nav{gap: 30px;}
/* .home .app-install-cta , .app-install-cta{margin: 60px 0;} */



.universities-sec .universities-card{padding: 11px 15px;}

.universities-sec .universities-card {gap: 0;}
.universities-sec .universities-card .universiteit-detail{padding-right: 30px;}
.universities-sec .universities-card .open-close{cursor: pointer; position: absolute; top:15px; right:15px; display: block;height: 32px;width: 32px;border-radius: 50%;background:var(--light-orange-color) url(images/dot-icon.svg) center no-repeat;background-size: 16px;z-index: 2;}
.universities-sec .universities-card .open-close.active{background:var(--orange-color) url(images/close-icon.svg) center no-repeat;background-size: 16px;}
.universities-sec .universities-card .right-part {width: 100%;padding-left: 0px;display: none;margin-top: 8px;padding-top: 10px;border-top: 1px dashed #e7e4e2;}
.universities-sec .universities-card .right-part.show{display: block;}
.universities-sec .universities-card .course-list {display: flex;justify-content: flex-start;gap: 6px;}
.universities-sec .universities-card .left-part{ margin-bottom: 0;width: 100%;}
.banner-sec .left-part h1 {font-size: 44px;line-height: 44.88px; letter-spacing: -1.32px;}
.banner-sec .left-part h4{line-height: 19.5px; letter-spacing: 0.52px; margin-bottom: 8px;}
.banner-sec .left-part p br{display: none;}




}


@media only screen and (max-width: 600px) {

:root{
--font-h1: 26px;
--font-h2: 26px;
--font-44: 28px;

 --container-padding: 0 24px;
 --space-50: 20px; 

}


 
.h2-44 h2{font-size: var( --font-44);line-height: 32.2px; letter-spacing: -0.42px;}
.mb-50 {margin-bottom: var(--space-50) !important;} 

.error_page {padding: 40px 0 ;}

.title-global-top p{font-size:14px; line-height:21.7px;}
.title-global-top .sub-title {margin-bottom: 4px;}
.title-global-top{margin: 0 auto 24px auto; text-align: left;}
.title-global-top h2, .title-global-top h1 {margin-bottom:6px;letter-spacing: -0.26px;line-height:31.2px;}

.header-top{padding: 8px 0px;}
.header-top .wrapper{padding: 0};
.header-bottom .btn-links{display: none;}

.stats-sec {margin-bottom: 64px;background: #F97316;}
.stats-sec .inner-part{align-items: flex-start;}
.stats-sec .stats-card{padding: 0;}
.stats-sec .stats-card strong{font-size: 36px; letter-spacing: -0.36px;}

.mobile-app-sec .right-part h2 {font-size: 28px;line-height: 30.8px; letter-spacing: -0.28px;}

.first-year-sec {margin-bottom: 84px;}
.first-year-sec .inner-part{padding: 32px;}
.first-year-sec .left-text h2 {font-size: 26px;line-height: 28.08px;letter-spacing:-0.26px;}

.subscription-sec .title h2{line-height: 29.9px; letter-spacing: -0.26px;}
.subscription-sec .inner-part{padding: 36px 24px;}
.reviews-sec .rpi-ltgt {width: 30px !important;height: 30px !important;}
.wp-gr .grw-content-inner {padding-bottom: 50px !important;}
.rpi-ltgt.rpi-lt.grw-prev{background-size: 10px !important;}
.rpi-ltgt.rpi-gt.grw-next{background-size: 10px !important;}
.rpi .rpi-ltgt.rpi-gt{left: 40px !important;}


.four-card-sec {padding-top: 40px;margin-bottom: 40px;}
.four-card-sec .top-title h1 {line-height: 28.5px;font-size: 26px;}
.four-card-sec .top-title {margin-bottom: 24px;text-align: left;}
.four-card-sec .sub-title{padding-left:0;}
.four-card-sec .card {width: 100%;}

.accordian-sec.accordian2 .bottom-content {margin-top: 14px;}
.accordian-sec.accordian2 .bottom-content p {font-size: 14px;line-height: 23px;}
.footer .card { width: 100%;}
.footer .card.link {width: 100%;}
.footer .card.link p{ margin-bottom: 10px;}
.footer .footer-bottom{gap: 8px; margin-right: 0;}
.footer .footer-bottom span{width: 100%;}

.vacature-sec { padding-top: 40px; }
.vacature-sec .sub-title {margin-bottom: 4px;}
.vacature-sec h1{line-height: 28.5px;font-size: 26px;}
.vacature-sec .next-step-card { padding: 28px;}

.social-card-sec {padding-top: 40px;}

.contact-sec .inner-part{padding:32px;border-radius: 24px;}
.contact-sec .left-part h2 {font-size: 32px;line-height: 35.2px; letter-spacing: -0.48px;}

.contact-form .field-group{gap: 0;}
.contact-form .field-group .field {width: 100%;}
.contact-form .field {margin-bottom: 10px;}
.contact-form .submit-btn{padding: 13px 25.5px;}

.werken-bij-sec {padding-top:40px; margin-bottom: 20px !important;}
.werken-bij-sec .card .text-part { width: 100%;}
.werken-bij-sec .card .btn_box { width: 100%; margin-top: 10px;}
.werken-bij-sec .card .btn_box .globle-btn { width: 100%; justify-content: flex-start;}
.four-card-sec .card h3{margin-bottom: 6px;}
.four-card-sec.two .card {padding:19px;}
.counter-sec { margin-bottom:48px;}
.counter-sec .card { width: 100%;}
.team-event-sec { padding-top: 40px; margin-bottom:60px !important;}
.partners-sec {padding-top: 40px; }
.partners-sec .partner-card {width: calc(50% - 6px); }
.partners-sec .top-cards .card {width: 100%;}
.four-card-sec .inner-part.fourCardSwiper , .werken-bij-sec .inner-part.vacatureSwiper ,.producten-sec .producten-slider { width: calc(100% + 48px);margin-left: -24px; }

.banner-sec .right-part .img-box{width: 100%;}
.banner-sec .right-part .img-box::before{width: 100%;height: 324px;}
.banner-sec .right-part .img-box img {max-height: 328px;}
 
.app-bg-sec { margin-bottom:40px;}
 
.advice-note {margin-bottom: 56px;}
.advice-note .inner-part{background: transparent;}
 
.producten-sec { padding-top: 40px;}

.study-path-sec .steps-nav{margin-bottom: 28px;}
.mobile-nav{ margin-top: 105px;}
.study-path-sec .steps-nav .step-btn{ font-size: 0;}
.study-path-sec .steps-nav::before{ width: 100%;}
.study-path-sec .steps-nav .step-btn:first-child::before {transform: translate(calc(-50% + 11px), 0);}
.study-path-sec .steps-nav .mobile_title{position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 100%; margin-top: 10px; text-align: center;color: #F08F08;  font-size: 13px; font-weight: 800; transition: opacity .4s; display: block;}


.four-card-sec.two .sub-title {margin-bottom:4px;}
.future-colleagues-sec .inner-part{padding: 28px; text-align: center;}
.future-colleagues-sec p{margin-bottom: 20px;}

.team-event-sec .left-part{padding-bottom: 40px;}

.producten-sec .producten-card .sub-heading{margin-bottom: 6px;}

.faq-sec.category{padding-top: 40px;}
.default-text{padding:40px 0 0;}

.werken-bij-sec .card .globle-btn {font-size: 13px;}
.future-colleagues-sec .btn_box .globle-btn {justify-content: flex-start;}
.page-template-template-whatsapp-group .four-card-sec .top-title {text-align: center;}
.page-template-template-whatsapp-group .four-card-sec .top-title h1 {font-size: 36px;font-weight: 900;line-height: 1.05;letter-spacing: -.02em;}

.banner-sec { padding-top:16px; }
.app-bg-sec .left-part h2 {letter-spacing: -0.42px;}
}