/* DETAILS
==================================================
	Theme Name: Deniecee Kinderergotherapie
	Author: Weavers Web Solutions
	Author URI: https://weavers-web.com/
==================================================
*/
@charset "utf-8";

/* embedding fonts custom/google fonts */
@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap);

/* font-family: "Montserrat", sans-serif; */

/* embedding fonts custom/google fonts */


:root {
    /* ~-~-~-~-~ common transition ~-~-~-~-~ */
    --transition-common: all 0.3s ease 0s;
    /* ~-~-~-~-~ common transition ~-~-~-~-~ */

    /* ~-~-~-~-~ colors ~-~-~-~-~ */
    --clr-primary: #587C79;
    --clr-secondary: #B74F70;
    --clr-quaternary:#D09C34;
    --clr-accent: #759F41;
    --clr-body: #222222;
    --clr-common-gradient: linear-gradient(180deg, rgba(208, 156, 52, 0.7) 0%, rgba(117, 159, 65, 0.7) 100%);
    --clr-common-gradient-hover: linear-gradient(180deg, rgba(117, 159, 65, 0.7) 0%, rgba(208, 156, 52, 0.7) 100%);
    --form-placeholder-color: #9F9F9F;

    /* ~-~-~-~-~ colors ~-~-~-~-~ */

    /* ~-~-~-~-~ declare font family & weight ~-~-~-~-~ */
    --ff-base: "Montserrat", sans-serif;
    --ff-title: "Montserrat", sans-serif;
    --ff-awesome: "Font Awesome 6 Free";
    --fw-light: 300;
    --fw-regular: 400;
    --fw-medium: 500;
    --fw-semi-bold: 600;
    --fw-bold: 700;
    --fw-extra-bold: 800;
    /* ~-~-~-~-~ declare font family & weight ~-~-~-~-~ */

    /* ~-~-~-~-~ declare font size ~-~-~-~-~ */
    --f-size-XXL: 64px;
    /* h1 */
    --f-size-XL: 48px;
    /* h2 */
    --f-size-L: 32px;
    /* h3 */
    --f-size-M: 24px;
    /* h4 */
    --f-size-S: 20px;
    /* h5 */
    --f-size-Body: 16px;
    /* ~-~-~-~-~ declare font size ~-~-~-~-~ */

    /* ~-~-~-~-~ other adjustments ~-~-~-~-~ */
    --margin-title: 0 0 40px 0;
    --margin-paragraph: 0 0 40px 0;

    --border-radius: 20px;
    --button-broder-radius: 100px;
    --padding-height-small: clamp(50px, 6vw, 80px);
    --padding-height: clamp(60px, 9.76563vw, 100px);
    --padding-height-big: clamp(120px, 14vw, 180px);;

    /* ~-~-~-~-~ other adjustments ~-~-~-~-~ */

    /* ~-~-~-~-~ form adjustments ~-~-~-~-~ */

    /* ~-~-~-~-~ form adjustments ~-~-~-~-~ */
}


/* ==================== global font settings start ==================== */
:is(body, p) { font-family: var(--ff-base); font-weight: var(--fw-regular); font-size: var(--f-size-Body); color: var(--clr-body); margin: 0; line-height: 1.6; }
:is(p):not(:last-child) { margin: var(--margin-paragraph); }
:is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) { font-family: var(--ff-title); color: var(--clr-primary); margin: var(--margin-title); }
h1, .h1 { font-size: var(--f-size-XXL); font-weight: var(--fw-semi-bold); }
h2, .h2 { font-size: var(--f-size-XL); font-weight: var(--fw-semi-bold); }
h3, .h3 { font-size: var(--f-size-L); font-weight: var(--fw-regular); }
h4, .h4 { font-size: var(--f-size-M); }
h5, .h5 { font-size: var(--f-size-S); }
h6, .h6 { font-size: var(--f-size-Body); }
@media only screen and (max-width: 1599px) {
    :root {
        --f-size-XXL: 50px;
        --f-size-XL: 37px;
        --f-size-M: 20px;
    }
}

@media only screen and (max-width: 1399px) {
    :root {

        --margin-paragraph: 0 0 25px 0;
    }
}

@media only screen and (max-width: 1199px) {
    :root {
        --f-size-XXL: 40px;
        --f-size-XL: 28px;
        --margin-title: 0 0 15px 0;
    }
}

@media only screen and (max-width: 991px) {
    :root {
        --f-size-XXL: 35px;
    }
}

@media only screen and (max-width: 767px) {
    :root {
        --f-size-XXL: 28px;
        --f-size-XL: 25px;
        --f-size-M: 18px;
    }
}

@media only screen and (max-width: 479px) {
    :root {
        --f-size-XXL: 24px;
        --f-size-S: 16px;
    }
}

/* ==================== global font settings end ==================== */

/* ====================~-~-~-~-~-~-~-~-~-~~-~-~-~-~-~-~-~-~-~~-~-~-~-~ */
/* ==================== global adjustments start ==================== */
body { margin: 0; }
img { max-width: 100%; }
a, img { border: none; text-decoration: none; outline: none; }
a, a:link, a:visited, a:focus, a:hover { outline: none; text-decoration: none; transition: var(--transition-common); color: var(--clr-accent); }
.padding-small{ padding-block: var(--padding-height-small); }
.padding-common { padding-block: var(--padding-height); }
.padding-big-common{ padding-block: var(--padding-height-big); }
strong{ font-weight: var(--fw-semi-bold); }
/* ==##==##== container adjustments ==##==##== */
 @media only screen and (min-width: 1600px) {
    .container {
        max-width: 1424px;
    }
} 

 @media only screen and (min-width: 1740px) {
    .container {
        max-width: 1624px;
    }
} 

/* ==##==##== container adjustments ==##==##== */

/* ==##==##== button settings ==##==##== */
.button-primary { display: inline-flex; justify-content: center; min-width: 230px; background: var(--clr-accent); border-radius: var(--button-broder-radius); font-size: 18px; font-weight: var(--fw-semi-bold); line-height: 1; color: var(--bs-white); padding: 20px 35px; position: relative; transition: var(--transition-common); }
a.button-primary{ color: var(--bs-white); }
.button-primary:hover, .main-menu ul li a.button-primary:hover, .button-primary:focus-visible, .button-primary:active, .button-primary:focus, .main-menu ul li.current-menu-item a.button-primary { background: var(--clr-body); color: var(--bs-white); }
.button-secondary { background: var(--bs-white); color: var(--clr-accent); }
a.button-secondary{ color: var(--clr-accent); }
.button-secondary:hover { background: var(--clr-secondary); color: var(--bs-white); }
.button-border{ background: var(--bs-white); color: var(--clr-accent); border: 1px solid var(--clr-accent); }
a.button-primary.button-border { color: var(--clr-accent); }
.button-border:hover, a.button-primary.button-border:hover{ background: var(--clr-accent); color: var(--bs-white); border: 1px solid var(--bs-white); }
.button-border:hover img, a.button-primary.button-border:hover img{ -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }


@media only screen and (max-width: 1399px) {
.button-primary, .main-menu ul li a.button-primary { padding: 17px 12px; font-size: 14px; }
.button-primary img, .main-menu ul li a.button-primary img{ width: 26px; height: auto; }
}

@media only screen and (max-width: 1199px) {}

@media only screen and (max-width: 991px) {}

/* ==##==##== button settings ==##==##== */

/* ==##==##== form control settings ==##==##== */
.form-group{ margin-bottom: 24px; }
.form-control { font-family: var(--ff-base); font-size: 18px; color: #878787; padding: 15px 20px; border: 1px solid #D1D1D1; border-radius: 100px; background: transparent; font-weight: var(--fw-medium); }
.form-control::-moz-placeholder { color: #878787; opacity: 1; font-weight: var(--fw-medium); }
.form-control:-ms-input-placeholder { color: #878787; font-weight: var(--fw-medium); }
.form-control::-webkit-input-placeholder { color: #878787; font-weight: var(--fw-medium); }
.form-row { margin-bottom: 24px; }
textarea { resize: none; height: 148px !important; border-radius: 20px !important; }
.form-control:focus { color: #212529; background-color: transparent; border-color: var(--clr-body); outline: 0; box-shadow: none; }
select { appearance: none; -webkit-appearance: none; height: 60px !important; padding-right: 50px !important; background-image: var(--wpr-bg-19ba3ae2-0156-4f48-8982-e2069835fdb4) !important; background-repeat: no-repeat !important; background-position: 96% !important; background-size: 16px!important; }
input[type="submit"]{ outline: none; box-shadow: none; border: none; }


.form-group input[type="date"]{ position: relative; padding-left: 207px; }
.form-group input[type="date"]:after{ content: attr(placeholder); position: absolute; left: 20px; top: 15px; z-index: 2; }


/* ==##==##== form control settings ==##==##== */

/* ==##==##== utility classes ==##==##== */
.image-adjustment { position: relative; overflow: hidden; }
.image-adjustment img { display: block; position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.overlay-content{ position: relative; z-index: 5; }
.sub-title{ margin-bottom: 20px; }
.common-section-bg{ background-repeat: no-repeat; background-size: cover; }
.common-sec-image{ overflow: hidden; }
.common-sec-image:after { content: ''; background-image: var(--wpr-bg-b14a1b1f-9f64-4b3a-a50e-ad4e51310529); background-repeat: no-repeat; background-size: contain; position: absolute; width: 45rem; height: 50rem; }
.common-sec-image::before { content: ''; width: 34rem; height: 16rem; background-image: var(--wpr-bg-564ffc48-2d82-4a51-9aa0-3ea029957aac); background-repeat: no-repeat; background-size: contain; position: absolute; }
.grecaptcha-badge{ z-index: 5555; }
/* ==##==##== utility classes ==##==##== */

/* ==================== global adjustments  end ==================== */

/* ==================== Header Start ==================== */

/* ==##==##== desktop menu and sub menu ==##==##== */
.main-header { position: relative; z-index: 100; padding: 0px 3.5%; width: 100%; /* border-bottom: 1px solid rgba(255, 255, 255, 0.2); */ }

.logo a{ display: block; position: absolute; top: 0; left: 0; }

.main-header .navigation { position: relative; }
.mobile-menu { position: fixed; top: -100vh; right: 0; left: 0; z-index: 9999; background-color: var(--clr-primary); height: 100vh; transition: all 0.45s ease-in-out; }
.main-menu { display: flex; align-items: center; }
.main-menu ul { margin: 0; list-style: none; }
.main-menu ul li { display: inline-block; margin-right: 40px; position: relative; list-style: none; padding: 0px; }
.main-menu ul li:last-child { padding-right: 0; }
.main-menu ul li a { font-size: var(--f-size-Body); line-height: 1.6; font-weight: var(--fw-medium); color: var(--clr-body); padding: 40px 0; display: block;  }
.main-menu ul li a:hover, .main-menu ul li.current-menu-item a, .main-menu ul li.menu-item-has-children:hover>a { color: var(--clr-secondary);  }
.main-menu ul li.menu-item-has-children:hover span.arrow svg { color: var(--bs-white); }
.main-menu ul li.menu-item-has-children { padding-right: 34px; }
.main-menu ul li.menu-item-has-children span.arrow { width: 14px; height: 16px; line-height: 12px; display: inline-block; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); font-size: 16px; cursor: pointer; }
.main-menu ul li.menu-item-has-children span.arrow svg { color: #fff; }
.main-menu ul li.menu-item-has-children span.arrow i.fas { color: #00A779; }
.main-menu ul li .sub-menu { position: absolute; top: 90%; width: 222px; padding: 0; background: rgba(255, 255, 255, 1); opacity: 0; visibility: hidden; z-index: 1; border-radius: 10px; overflow: hidden; box-shadow: 0px 0px 8px 0px #E9EFF433; transition: var(--transition-common); }
.main-menu ul li .sub-menu li { margin: 0; display: block; padding: 0; }
/* .main-menu ul li.menu-item-has-children span.arrow { transition: all 0.5s ease; transform: rotate(226deg); -webkit-transform: rotate(226deg); } */
.main-menu ul li .sub-menu li a { padding: 16px 20px; font-size: 16px; font-weight: var(--fw-medium); border-bottom: 1px solid rgba(255, 239, 212, 1); display: block; color: var(--clr-grey); transition: var(--transition-common); }
.main-menu ul li .sub-menu li:last-child a { border: none; }
.main-menu ul li.menu-item-has-children:hover .sub-menu{ top: 100%; visibility: visible; opacity: 1; }
.main-menu ul li .sub-menu li a:hover { color: var(--clr-accent); background: #EEEEEE; transition: var(--transition-common); }
.header-search { position: relative; padding: 0; display: flex; align-items: center; justify-content: center; }
.header-search a.button-primary { border-radius: 50%; padding: 0; display: flex; align-items: center; justify-content: center; width: 64px; height: 64px; min-width: auto; }
.header-search .header-search-bar { position: absolute; width: 400px; top: 100%; z-index: 55; right: 0; background: #587C79; padding: 15px; border-radius: 8px; visibility: hidden; transform: scale(0); transition: var(--transition-common); }
.header-search .search-group{ width: 100%; position: relative;  }
.header-search .search-group .search-input { width: 100%; border: 2px solid var(--bs-white); border-radius: 8px; background: none; padding: 5px 105px 5px 15px; height: 55px; color: var(--bs-white); outline: none; }
.header-search .search-group input[type="submit"] { position: absolute; right: 0; z-index: 5; height: 55px; width: 100px; border-radius: 0 8px 8px 0; font-weight: var(--fw-medium); color: #fff; background: var(--clr-accent); }
.header-search .search-group .search-input::-moz-placeholder { color: var(--bs-white); opacity: 1; }
.header-search .search-group .search-input:-ms-input-placeholder { color: var(--bs-white); }
.header-search .search-group .search-input::-webkit-input-placeholder { color: var(--bs-white); }
.header-search .close-icon{ display: none; width: 30px; filter: brightness(0) invert(1); }
.open-search .header-search-bar{ visibility: visible; transform: scale(1); }
.open-search .header-search .open-icon{ display: none; }
.open-search .header-search .close-icon{ display: block;  }


/* ==##==##== hamburger button open and close ==##==##== */
.mobile-humburger-info{ display: none; }
.hamburger-nav {  width: 30px; height: 20px; margin: 0 0 0 15px; position: relative; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; margin-top: 0; z-index: 9; }
.hamburger-nav span { display: block; position: absolute; height: 2px; width: 100%; background: var(--clr-secondary); border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
.hamburger-nav span:nth-child(1) { top: 0px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.hamburger-nav span:nth-child(2) { top: 9px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.hamburger-nav span:nth-child(3) { top: 18px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.hamburger-nav-close { vertical-align: top; width: 30px; height: 24px; position: relative; margin: 0 0 0 15px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; margin-top: 0; z-index: 9; }
.hamburger-nav-close span { display: block; position: absolute; height: 2px; width: 100%; background: var(--bs-white); border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
.hamburger-nav-close span:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 10px; left: 3px; }
.hamburger-nav-close span:nth-child(2) { width: 0%; opacity: 0; }
.hamburger-nav-close span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 10px; left: 2px; }
/* ==##==##== hamburger button open and close ==##==##== */


/* ==##==##== sticky header ==##==##== */
@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.header-sticky .main-header { position: fixed; top: 0; right: 0; left: 0; z-index: 999; width: 100%; background: rgba(0, 0, 0, 0.5); box-shadow: 4px 4px 15px 0px rgb(0 0 0 / 10%); animation: slide-down 0.5s; transition: var(--transition-common); backdrop-filter: blur(15px); padding: 10px 0; }
.header-sticky .main-header .logo img { height: 70px; }
.header-sticky .main-header .main-menu ul li { padding: 22px 0; }
.header-sticky .main-header .main-menu ul li .sub-menu li{ padding: 0; }
.header-sticky .main-header .main-menu ul li.menu-item-has-children { padding-right: 34px; }
.header-sticky .main-header ul.header-btn li { padding: 0; }
/* ==##==##== sticky header ==##==##== */


/* ==================== Header End ==================== */

/* ==================== home page start ==================== */
/* ========== Banner Start ========== */
.home-banner { position: relative; height: calc(100vh - 105.59px); border-bottom: 10px solid var(--clr-accent); overflow: hidden; }
.banner-img-holder { position: relative; height: 100%; z-index: 2; }
.banner-overlay { position: absolute; left: 0px; top: 0px; background: linear-gradient(180deg, rgba(88, 124, 121, 0.2) 0%, rgba(28, 54, 52, 0.5) 100%); width: 100%; height: 100%; }
.banner-content { position: absolute; width: 100%; bottom: 0px; z-index: 3; }
.banner-content h1 { color: var(--bs-white); }
.banner-content p { font-size: var(--f-size-M); color: var(--bs-white); position: relative; font-weight: var(--fw-regular); }
.banner-content .container{ position: relative; }
.banner-txt-inner { max-width: 761px; border-radius: 25px 25px 0 0; background: var(--clr-common-gradient); padding: 50px; backdrop-filter: blur(15px); border: 2px solid rgba(255, 255, 255, 0.4); border-bottom: 0; }

/* ========== Banner End ========== */

/* ========== About-Sec Start ========== */
.no-banner { background: var(--bs-black); position: relative; }
.about-section:after{ left: 0; top: 0; }
.about-section::before{ right: 0; bottom: 0; }
.about-image{ width: 608px; height: 608px; border-radius: 50%; border: 18px solid var(--clr-secondary); overflow: hidden; margin: auto;}

/* ========== About-Sec End ========== */
/* ========== my-approach-Sec Start ========== */
.my-approach-section:after, .self-confidence-form:after, .more-appointments-sec:after, .voor-scholen-my-approach:after { content: ''; position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 80px; background-image: var(--wpr-bg-302d03bd-d363-4be6-9357-9a31780b65c6); background-repeat: no-repeat; background-size: cover; }
.my-approach-section::before{ content: ''; position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 80px; background-image: var(--wpr-bg-39d123a9-3e45-465f-b051-1b279f5d64d6); background-repeat: no-repeat; background-size: cover; }
.my-approach-wrap{ row-gap: 24px; } 
.my-approach-info{ padding-right: 15px; padding-bottom: 15px; }
.my-approach-info::after{ content: ''; position: absolute; top: 15px; right: 0; width: calc(100% - 15px); height: calc(100% - 15px); background: var(--clr-quaternary); border-radius: 30px; z-index: 2; }
.my-approach-info .image{ padding-bottom: 115.8%; border-radius: 30px; z-index: 3; }
.my-approach-info .image::after{ content: ''; position: absolute; inset: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(34, 34, 34, 0) 0%, rgba(34, 34, 34, 0.8) 100%); z-index: 4; }
.my-approach-info .image-desc{ position: absolute; bottom: 15px; left: 0; right: 0; z-index: 5; padding: 45px 30px; text-align: center; }
.my-approach-info .image-desc h4{ color: var(--bs-white); margin-bottom: 0; }

/* ========== my-approach-Sec End ========== */

/* ========== why-choose-section Start ========== */
.why-choose-section::before{ left: -2%; bottom: 0; opacity: 30%; }
.why-choose-section::after{ right: 0; bottom: 0; background-image: var(--wpr-bg-0c410f8c-9c16-4e14-926c-95bb2021e57c); width: 41rem; height: 37rem; }
.why-choose-section .about-image{ border-color: var(--clr-quaternary); }
.why-choose-desc ul.why-choose-list{ padding: 0; margin: 0; list-style: none; }
.why-choose-desc ul.why-choose-list li{ background: var(--clr-secondary); border-radius: 20px; padding: 20px; margin-bottom: 10px; }
.why-choose-desc ul.why-choose-list li:last-child{ margin-bottom: 0; }
.why-choose-desc ul.why-choose-list li :is(h4, p){ color: var(--bs-white); }
.why-choose-desc ul.why-choose-list li h4{ font-weight: var(--fw-semi-bold); margin-bottom: 5px; }
/* ========== why-choose-section End ========== */

/* ========== self-confidence-form-section Start ========== */
.self-confidence-section{ padding-bottom: var(--padding-height); }
.self-confidence-form{ max-width: 1340px; background-color: var(--bs-white); border: 5px solid var(--clr-secondary); border-radius: 20px; padding: 40px; margin: 0 auto; }
.self-confidence-btm-text h4{ font-weight: var(--fw-semi-bold); margin-bottom: 0; }

/* ========== self-confidence-form-section End ========== */

/* ========== footer Start ========== */
.main-footer{  background: var(--clr-primary); padding-top: 90px; }
.footer-inner{ max-width: 1340px; margin: 0 auto; }
.main-footer .footer-top{ padding-bottom: var(--padding-height);  }
.footer-top .ftr-menu :is(h4, ul li, ul li a){ color: var(--bs-white); }
.footer-top .ftr-menu h4{ font-weight: var(--fw-bold); margin-bottom: 30px; }
.footer-top .ftr-menu ul{ display: grid; row-gap: 10px; }
.footer-top .ftr-menu ul li a:hover, .footer-bottom ul li a:hover{ color: #d5cdcd; }
.footer-top .ftr-menu.ftr-address ul li:first-child{ max-width: 210px; margin-bottom: 15px; }
.footer-bottom{ border-top: 1px solid #8EA8A6; padding: 40px 0; }
.footer-bottom :is(p, ul li a){ color: var(--bs-white); }
.footer-bottom ul li{ line-height: 1; padding: 0 5px 0; }
.footer-bottom ul li:first-child{ border-right: 1px solid var(--bs-white); }
.footer-bottom ul li:last-child{ padding-right: 0; }

/* ========== footer End ========== */

/* ========== Inner-Page Start ========== */
.inner-banner{ height: auto !important; }
.inner-banner .banner-img-holder{ height: auto; padding-bottom: 27.5%; }
.inner-banner .banner-txt-inner { max-width: 1035px; padding: 25px 40px; min-height: 190px; display: flex; align-items: center; }
.inner-banner .banner-content h1{ line-height: 1; letter-spacing: -1px; margin-bottom: 0; }


/* ========== treatment-offer-Page Start ========== */
.product-section{ overflow: hidden; }
.product-top-desc .product-main-title{ padding-top: 50px; margin-top: 50px;  border-top: 1px solid rgba(0,0,0,0.1);}
.product-top-desc .product-main-title .text-center{ max-width: 745px; margin: 0 auto; }
.product-top-desc .product-main-title .text-center h2{ margin: 0; }
.product-item-row{ padding: 70px 0; border-bottom: 1px solid rgba(0,0,0,0.1);  }
.product-item-row .product-img { position: relative;  padding-right: 15px; padding-bottom: 15px; max-width: 501px; margin: 0 0 0 auto; }
.product-item-row .product-img img { width: 100%; height: 100%; object-fit: cover; border-radius: 30px; z-index: 4; position: relative; }
.product-item-row .product-img:after { content: ''; position: absolute; width: calc(100% - 15px); height: calc(100% - 15px); right: 0; bottom: 0; background: var(--clr-quaternary); border-radius: 30px; z-index: 2; }

.product-img-desc{ padding-left: 12%; }
.product-img-desc h4{ color: var(--clr-body); font-weight: var(--fw-semi-bold); margin-bottom: 40px; }
.product-img-desc p{ margin-bottom: 25px; }
/* .product-img-desc .text-item{ padding-bottom: 20px; } */
.product-img-desc ul{padding: 0; list-style: none; }
.product-img-desc ul li{ position: relative; padding-left: 25px; margin-bottom: 6px; }
.product-img-desc ul li::after{ content: ''; position: absolute; left: 0; top: 7px; width: 12px; height: 12px; border-radius: 50%; background-color: var(--clr-secondary);  }
.product-img-desc ul li:last-child{ margin-bottom: 0; }
.product-item-info:after{ left: 30px; top: 0;  }
.product-item-info::before{ right: 0; bottom: 0; opacity: 30%; }
.product-main-info .product-item-info:nth-child(even) .product-item-row{ flex-direction: row-reverse; }
.product-main-info .product-item-info:nth-child(even) .product-item-row .product-img{ margin: 0 auto 0 0; }
.product-main-info .product-item-info:nth-child(even) .product-img-desc{ padding-left: 0; padding-right: 12%; }
.product-main-info .product-item-info:nth-child(even):after{ left: auto; right:0; top: -30px; background-image: var(--wpr-bg-0930e0e0-0da4-4d61-9f6c-98a2e704b55c); }
.product-main-info .product-item-info:nth-child(even)::before{ right: auto; left: 0; bottom: 0; }

.why-choose-list-inner{ list-style: none; padding: 0; margin: 0; }
.why-choose-list-inner li{ position: relative; padding-left: 25px; }
.why-choose-list-inner li:not(:last-child){ margin-bottom: 20px; }
.why-choose-list-inner li:after{ content: ''; position: absolute; left: 0; top: 7px; width: 12px; height: 12px; border-radius: 50%; background-color: var(--clr-secondary); }
.why-choose-list-inner li strong{ display: block; }

.my-promise-sec{ padding-bottom: var(--padding-height); position: relative; }
.my-promise-sec::after { content: ''; position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 80px; background-image: var(--wpr-bg-d4383c63-02ee-4c6d-b7f3-1985c6ea8439); background-repeat: no-repeat; background-size: cover; }
.my-promise-sec .btm-my-promise-desc p a{ font-weight: var(--fw-medium); color: var(--bs-black); }
.my-promise-sec .about-image{ border-color: var(--clr-quaternary); }

/* ========== treatment-offer-Page End ========== */

/* ========== Rates-Page Start ========== */
.more-appointments-sec{ padding-bottom: var(--padding-height); }
.product-img-desc p a{ color: var(--bs-black); font-weight: var(--fw-medium); }
.more-appointments-sec .row .text-center p a{ color: var(--bs-black); font-weight: var(--fw-medium); }
.appointments-logo{ margin-top: var(--padding-height); border: 5px solid var(--clr-secondary); background-color: var(--bs-white); box-shadow: 0px 10px 30px 0px #0000001A; border-radius: 20px; padding: 55px 65px; }
.appointments-logo ul{ flex-wrap: wrap; justify-content: center; row-gap: 25px; margin: 0 -12px; }
.appointments-logo ul li{ width: 14.28%; padding: 0 12px; }
/* ========== Rates-Page End ========== */

/* ========== voor-scholen-Page Start ========== */
.voor-scholen-my-approach{ padding-bottom: var(--padding-height); }
.voor-scholen-my-approach::before{ display: none; }
.voor-scholen-row{ padding-bottom: 40px; row-gap: 100px; border-bottom: 1px solid rgba(0,0,0,0.1); }
.voor-approch-image{ padding: 0 15px 15px 0; }
.voor-approch-image:after{ content: ''; position: absolute; right: 0; bottom: 0; width: calc(100% - 15px); height: calc(100% - 15px); background-color: var(--clr-quaternary); border-radius: 30px; z-index: 1; }
.voor-approch-image .image{ border-radius: 30px; padding-bottom: 115.9%; z-index: 5; }
.voor-approch-desc{ padding-top: 40px; padding-inline: 25px }
.voor-approch-desc h4{ font-weight: var(--fw-semi-bold); margin-bottom: 20px; }
.voor-scholen-my-approach .my-approach-title strong a{ color: var(--bs-black); }

/* ========== voor-scholen-Page End ========== */

/* ========== Contact-Page Start ========== */
.contact-sec::after{ display: none; }
.contact-sec::before{ left: 0; bottom: 0; opacity: 30%; }
.contact-details-info{ padding-top: 20px; }
.contact-details-item{ display: flex; margin-bottom: 35px; }
.contact-details-item:last-child{ margin-bottom: 0; }
.contact-details-item .icon{ width: 64px; height: 64px; border-radius: 50%; background-color: var(--clr-secondary); display: flex; align-items: center; justify-content: center; }
.contact-details-item .icon-desc{ width: calc(100% - 64px); padding-left: 25px; }
.contact-details-item .icon-desc p{ margin-bottom: 10px; }
.contact-details-item .icon-desc p.adrs{ max-width: 210px; }
.contact-details-item .icon-desc p strong{ font-weight: var(--fw-medium); }
.contact-details-item .icon-desc a{ color: var(--clr-body); font-weight: var(--fw-medium); word-break: break-word; }

.contact-form-info{ border-radius: 20px; border: 5px solid var(--clr-secondary); padding: 45px 65px; }
.contact-form-info .form-group .form-control{ border-color: var(--clr-secondary); border-radius: 10px; }
.contact-form-info .form-group .textarea{ height: 110px; }
.map-sec .map{ position: relative; max-width: 1200px; border-radius: 20px; border: 5px solid var(--clr-secondary); padding-bottom: 27.3%; margin: 0 auto; overflow: hidden; }
.map-sec .map iframe{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; }

.wpcf7-not-valid-tip{ font-size: 12px; }
.wpcf7 form .wpcf7-response-output{ text-align: center; }
.submit-btn p{ position: relative; display: inline-block; }
.submit-btn .wpcf7-spinner { position: absolute; right: -60px; top: 50%; transform: translateY(-50%); }





@media only screen and (max-width: 1699px) {

}

@media only screen and (max-width: 1599px) {
    
.inner-banner .banner-img-holder { padding-bottom: 31.5%; }    
    
   
}

@media only screen and (max-width: 1399px) {
.logo a{ height: 120px; }
.logo a img{ height: 100%; }
.main-menu ul li{ margin-right: 25px; }
.main-menu ul li a{ padding: 30px 0; }
.header-search a.button-primary { width: 50px; height: 50px; }

.home-banner{ height: calc(100vh - 85.59px); }
.about-image { width: 470px; height: 470px; border: 12px solid var(--clr-secondary); }
.common-sec-image::before { content: ''; width: 23rem; height: 11rem; }
.common-sec-image:after { width: 30rem; height: 24rem; }
.banner-txt-inner{ padding: 30px; }
.my-approach-info .image-desc { padding: 25px 20px; }
.why-choose-desc ul.why-choose-list li{ padding: 15px; }
.why-choose-section::after{ bottom: 10rem; }

.inner-banner .banner-txt-inner{ min-height: 155px; }
.contact-details-item .icon { width: 55px; height: 55px; }
.contact-details-item .icon img { width: 22px; }
.contact-details-item .icon-desc { width: calc(100% - 55px); padding-left: 15px; }





}

@media only screen and (max-width: 1199px) {
.main-menu { display: none; }
.hamburger-nav, .mobile-menu .hamburger-nav-close, .mobile-humburger-info { display: block; }
.menu-open .mobile-menu { display: block; top: 0; transition: all 0.45s ease-in-out; }
.mobile-menu .menu-inner .mobile-top-section { padding: 25px 0; transition: all 0.45s ease-in-out; }
.mobile-menu .menu-inner .mobile-top-section .inner-row { display: flex; justify-content: end; align-items: center; }
.main-header { padding-block: 20px; }
.logo a{ top: -20px; }
.mobile-logo a{ height: 100px; display: block; }
.mobile-logo a img{ height: 100%; }
.mobile-mid-section .mobile-menubar{ display: flex; justify-content: center; height: calc(100vh - 74px); overflow: auto; text-align: center; padding-top: 50px; }
.mobile-mid-section .mobile-menubar ul{ list-style: none; padding: 0; margin: 0; }
.mobile-mid-section .mobile-menubar ul li{ padding: 10px 0; }
.mobile-mid-section .mobile-menubar ul li a{ font-size: 24px; color: var(--bs-white); font-weight: var(--fw-medium); }
.mobile-mid-section .mobile-menubar ul li.current-menu-item a{ color: var(--clr-accent); }
.about-image { width: 400px; height: 400px; border: 8px solid var(--clr-secondary); }
.my-approach-wrap{ row-gap: 25px; }
.self-confidence-form{ padding: 30px; }
.form-control{ font-size: 16px; }
.form-group input[type="date"] { padding-left: 186px; }
.main-footer .footer-top { padding-bottom: 60px; }

/* ========= Inner Page Start ========== */
.inner-banner .banner-txt-inner { max-width: 676px; min-height: 140px; }
.product-img-desc { padding-left: 5%; }
.product-main-info .product-item-info:nth-child(even) .product-img-desc{ padding-right: 5%; }
.voor-scholen-my-approach .approach-main-title{ padding-bottom: 30px; }
.contact-form-info { padding: 30px 35px; }

}

@media only screen and (max-width: 991px) {
.main-header { padding-block: 15px; }
.logo a { top: -15px; height: 110px; }
.header-search a.button-primary { width: 40px; height: 40px; }
.button-primary img, .main-menu ul li a.button-primary img { width: 20px;  }
.header-search .close-icon{ width: 22px; }
.home-banner { height: calc(100vh - 80px); }
.about-desc, .why-choose-desc{ padding-top: 40px; }
.my-approach-section:after, .self-confidence-form:after, .more-appointments-sec:after, .voor-scholen-my-approach:after, .my-approach-section::before, .my-promise-sec::after{ height: 40px; }
.why-choose-section .row{ flex-direction: column-reverse; }
.why-choose-section::after { bottom: auto; top: 7rem; right: 1rem; }

.footer-top .row{ row-gap: 30px; }
.footer-bottom { padding: 15px 0; display: block !important; text-align: center; }
.copy-right{ margin-bottom: 10px; }
.policy-text-wrap ul{ justify-content: center; }
.main-footer .footer-top { padding-bottom: 40px; }

/* ========= Inner Page Start ========== */
.inner-banner .banner-txt-inner { max-width: 595px; min-height: 125px; }
.inner-banner .banner-img-holder { padding-bottom: 35.5%; }
.product-item-row .product-img, .product-main-info .product-item-info:nth-child(even) .product-item-row .product-img{ margin: 0 auto 60px; }
.my-promise-sec .row{ flex-direction: column-reverse; }
.product-img-desc{ padding-left: 0; }
.product-main-info .product-item-info:nth-child(even) .product-img-desc{ padding-right: 0; }
.voor-scholen-row { row-gap: 60px; }
.contact-sec .overlay-content > .row{ row-gap: 40px; }
.map-sec .map { padding-bottom: 49.3%; }


}

@media only screen and (max-width: 767px) {
.button-primary{ min-width: 190px; }
.main-header{ padding-left: 0; padding-right: 0; }
.common-sec-image:after { width: 20rem; height: 15rem; display: none; }
.mobile-mid-section .mobile-menubar{ padding-top: 15px; }
.header-search .header-search-bar{ right: -40px; padding: 8px; }
.header-search .search-group input[type="submit"] { height: 50px; width: 90px; }
.header-search .search-group .search-input{ height: 50px; }
.common-sec-image::before { width: 16rem; height: 8rem; }
.about-image { width: 350px; height: 350px; }
.why-choose-section::after { width: 18rem; height: 17rem; }

/* ========= Inner Page Start ========== */
.inner-banner .banner-txt-inner { min-height: 80px; }
.inner-banner .banner-img-holder { padding-bottom: 74.5%; }
.inner-banner .banner-txt-inner { padding: 25px; }
.product-img-desc ul li, .why-choose-list-inner li { padding-left: 15px; }
.product-img-desc ul li::after, .why-choose-list-inner li:after { top: 9px; width: 6px; height: 6px; }
.product-img-desc h4 { margin-bottom: 25px; }
.thank-you-page-info h3{ font-size: 26px; }


}

@media only screen and (max-width: 479px) {
.logo a { top: -12px; height: 100px; }
.main-header { padding-block: 15px; }
.mobile-mid-section .mobile-menubar ul li a { font-size: 20px; }
.header-search a.button-primary { width: 40px; height: 40px; }
.header-search .search-group .search-input { height: 40px; padding-right: 85px; }
.header-search .search-group input[type="submit"] { height: 40px; width: 80px; }
.header-search .header-search-bar{ width: 330px; }
.home-banner { height: calc(100vh - 70px); border-bottom: 4px solid var(--clr-accent); }
.inner-banner .banner-txt-inner { padding: 15px; }
.banner-txt-inner { padding: 20px; }
.about-image { width: 300px; height: 300px; }
.common-sec-image:after { width: 13rem; height: 12rem; right: -15px; }
.common-sec-image::before { width: 14rem; height: 7rem; }
.self-confidence-form { padding: 20px; border: 2px solid var(--clr-secondary); }
.form-control { font-size: 16px; padding: 12px 15px; }
select{ height: 50px !important; background-size: 13px!important; padding-right: 35px !important; }
textarea { height: 110px !important; }
.form-group input[type="date"]:after { left: 15px; top: 12px; }
.form-group input[type="date"] { padding-left: 176px; }
.footer-bottom :is(p, ul li a) { font-size: 14px; }
/* ========== Inner page =========== */
.contact-form-info { padding: 25px; }
textarea { border-radius: 8px !important; }
.map-sec .map { padding-bottom: 77.3%; }
.map-sec .map iframe{ object-fit: inherit; border-radius: 30px; }

}

/* ==================== home page end ==================== */

/* ==================== History Page Start ==================== */
