/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* CSS DIRECTORY

	1. GLOBAL
    2. MOBILE NAV
    3. HEADER
    4. HOME
    5. DIENSTEN
    6. HET PROCES
    7. PROJECTEN ARCHIVE
    8. PROJECTEN SINGLE
    9. CONTACT
    10. OVER ONS
    11. WERKEN BIJ
    12. BLOG SINGLE
    13. STANDBOUW
    14. FOOTER
    15. RESPONSIVE
    
*/

/* ~~~~~~~~~~~~ 1. GLOBAL BEGIN ~~~~~~~~~~~~ */

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

.admin-only {
    display: none !important;
}

.logged-in .admin-only {
    display: block !important;
}

.generic-section {
    padding-left: 5% !important;
    padding-right: 5% !important;
}

.generic-section-left {
    padding-left: calc((100vw - 1400px) / 2);
}

.generic-section-right {
    padding-right: calc((100vw - 1400px) / 2);
}

.single #jupiterx-main > .jupiterx-main-header,
.archive #jupiterx-main > .jupiterx-main-header {
    display: none;
}

.single #jupiterx-main > .jupiterx-main-content,
.single #jupiterx-main > .jupiterx-main-content > .container,
.single #jupiterx-main > .jupiterx-main-content > .container #jupiterx-primary,
.archive #jupiterx-main > .jupiterx-main-content,
.archive #jupiterx-main > .jupiterx-main-content > .container,
.archive #jupiterx-main > .jupiterx-main-content > .container #jupiterx-primary {
    padding: 0;
}

.single #jupiterx-main > .jupiterx-main-content > .container,
.archive #jupiterx-main > .jupiterx-main-content > .container {
    max-width: unset;
}

.single #jupiterx-main > .jupiterx-main-content > .container > .row,
.archive #jupiterx-main > .jupiterx-main-content > .container > .row {
    margin: 0;
}

.diensten-header,
.proces-header,
.archive-projecten-header {
    padding-top: clamp(60px, 12vw, 220px);
}

:is(.diensten-header, .proces-header, .archive-projecten-header) .sc-main-title > div {
    padding-right: clamp(30px, 12vw, 230px);
}

div[data-elementor-type="header"] {
    z-index: 20;
    position: relative;
}

/* div[data-elementor-type="header"],
div[data-elementor-type="wp-page"],
div[data-elementor-type="footer"] {
    overflow: hidden;
} */

a {
    font-family: "depot-new-web", Sans-serif !important;
}

.sc-main-title-section {
    margin-top: clamp(35px, 6vw, 100px);
}

.sc-main-title {
    padding-bottom: clamp(30px, 4vw, 50px);
    /* border-bottom: 6px solid #C3C3C3; */
}

.sc-main-title::before {
    content: '';
    position: absolute;
    width: 101vw;
    left: -100vw;
    height: 6px;
    bottom: -6px;
    background-color: #C3C3C3;
}

.sc-main-title::after {
    content: '';
    position: absolute;
    width: clamp(340px, 65vw, 920px);
    left: 0;
    height: 6px;
    bottom: -6px;
    background-color: #C3C3C3;
}

.sc-button-white.elementor-widget-button a {
    cursor: pointer;
    padding: 18px 85px 18px 25px;
    border-radius: 0;
    background-color: #fff;
    position: relative;
}

.sc-button-white .animated-arrow {
    position: absolute;
    width: 60px;
    height: 100%;
    right: 0;
    top: 0;
    background-color: #29B2E5;
}

.arrow-animate .next {
	background-image: url('assets/images/chevron-down-white.svg');
}

.arrow-animate .arrow {
    position: absolute;
    margin-left: 0px;
    width: 20px;
    left: 32%;
    height: 11px;
    background-repeat: no-repeat;
    background-size: contain;
    top: 20px;
}

.arrow-animate .secundair {
    margin-top: 8px;
    opacity: .5;
}

@keyframes bounceAlpha {
    0% {opacity: 1; transform: translateY(0px) scale(1);}
    25%{opacity: 0; transform:translateY(10px) scale(0.9);}
    26%{opacity: 0; transform:translateY(-10px) scale(0.9);}
    55% {opacity: 1; transform: translateY(0px) scale(1);}
}

.arrow-animate a:hover .arrow{
    animation-name: bounceAlpha;
    animation-duration:1.4s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}

.arrow-animate a:hover .arrow.primair{
    animation-name: bounceAlpha;
    animation-duration:1.4s;
    animation-delay:0.2s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}

form.wpcf7-form .span6 {
    width: calc(50% - 10px);
}

form.wpcf7-form .span6 p {
    margin-bottom: 0;
}

form.wpcf7-form .span12 {
    width: 100%;
}

.sc-send input[type="submit"]:hover {
    background-color: #6b6b6b;
}


.sc-send input[type="submit"] {
    border: none;
    padding: 15px 85px 15px 25px;
    font-size: 24px;
    line-height: 30px;
    border-radius: 5px;
    background-color: #808080;
    color: #fff;
    font-family: "depot-new-web", Sans-serif;
    background-image: url('assets/images/send-background.svg');
    background-repeat: no-repeat;
    background-position: right;
}

.standcraft-gradient {
    background-color: #8c8c8c;
    /* background: -moz-linear-gradient(130deg, rgba(105,105,105,1) 0%, rgba(155,155,155,1) 30%, rgba(123,123,123,1) 70%, rgba(149,149,149,1) 100%);
    background: -webkit-linear-gradient(130deg, rgba(105,105,105,1) 0%, rgba(155,155,155,1) 30%, rgba(123,123,123,1) 70%, rgba(149,149,149,1) 100%);
    background: linear-gradient(130deg, rgba(105,105,105,1) 0%, rgba(155,155,155,1) 30%, rgba(123,123,123,1) 70%, rgba(149,149,149,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#696969",endColorstr="#959595",GradientType=1); */
}

.after-backgroundImage-option1::after {
    content: '';
    background-image: url('assets/images/header-background-min.jpg');
    width: 100%;
    height: 1300px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top right;
}

.contact-seperator::after {
    content: '';
    right: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgb(128,128,128);
    background: -moz-linear-gradient(90deg, rgba(128,128,128,1) 15%, rgba(128,128,128,0) 100%);
    background: -webkit-linear-gradient(90deg, rgba(128,128,128,1) 15%, rgba(128,128,128,0) 100%);
    background: linear-gradient(90deg, rgba(128,128,128,1) 15%, rgba(128,128,128,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#808080",endColorstr="#808080",GradientType=1);
}

.contact-seperator::before {
    content: '';
    background-image: url(assets/images/contact-banner-seperator.jpg);
    right: 0;
    width: 85%;
    height: 100%;
    position: absolute;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: .5;
    background-color: #808080;
    background-blend-mode: multiply;
}

.contact-seperator > div {
    z-index: 9;
}

body.error404 footer#site-footer {
    display: none !important;
}

body.error404 .sc-menu .tablet-only {
    display: none !important;
}

.policy-text :is(p, ul) {
    margin-bottom: 20px;
}

.policy-text ul {
    padding-left: 45px;
}

.policy-text h2 {
    font-size: 24px;
    font-weight: 700;
    margin: 30px 0 10px;
}

.policy-text a {
    color: #fff;
    text-decoration: underline;
}


.policy-text ol { counter-reset: item }
.policy-text ol > li{ display: block; }
.policy-text ol > li:before { content: counters(item, ".") " "; counter-increment: item }
.policy-text > div > ol > li:before { content: "Artikel " counters(item, ".") ": "; counter-increment: item }

.policy-text > div > ol > li {
    margin-bottom: 20px;
}


.policy-text ol > li > ol > li {
    position: relative;
    padding-left: 45px;
}

.policy-text ol > li > ul[type="a"] {
    list-style-type: lower-alpha;
}

.policy-text ol > li > ol[type="a"] li::before {
    display: none;
}

.policy-text ol > li > ol {
    padding-left: 0;
}

.policy-text ol > li > ol > li::before {
    position: absolute;
    left: 0;
}

.policy-text ol li ol li ul {
    margin-bottom: 0;
}

/* ^^^^^^^^^^^^ 1. GLOBAL END ^^^^^^^^^^^^ */


/* ~~~~~~~~~~~~ 2. MOBILE NAV BEGIN ~~~~~~~~~~~~ */

.elementor-nav-menu--toggle li.tablet-only {
    display: none !important;
}

.elementor-nav-menu--toggle .elementor-menu-toggle:not(.elementor-active)+.elementor-nav-menu__container {
    -webkit-transform: translateX(-100%) !important;
    -ms-transform: translateX(-100%) !important;
    transform: translateX(-100%) !important;
    max-height: unset !important;
}

.elementor-nav-menu--toggle .elementor-menu-toggle + .elementor-nav-menu--dropdown {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    top: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 300px;
    height: 100%;
    max-height: unset;
    padding: 50px 0 0 0;
    -webkit-transition: .4s;
    transition: .4s;
    visibility: hidden;
    z-index: 11000;
    overflow-x: hidden;
    margin: 0;
    background-color: #000000ed;

    right: auto;
    left: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    
    -webkit-box-shadow: 0px 15px 40px 0px rgb(0 0 0 / 30%);
    -moz-box-shadow: 0px 15px 40px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 15px 40px 0px rgb(0 0 0 / 30%);
}

.elementor-nav-menu--toggle .elementor-menu-toggle.elementor-active + .elementor-nav-menu--dropdown {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    visibility: visible;
}

.elementor-nav-menu--toggle .elementor-menu-toggle + .elementor-nav-menu--dropdown > ul.elementor-nav-menu {
    padding: 0 30px;
}

.elementor-nav-menu--toggle li.tablet-only a {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 16px !important;
}

.elementor-nav-menu--toggle li.social-icons::before {
    font-family: "Font Awesome 5 Brands";
    font-weight: 400;
    font-size: 22px;
    color: #fff;
}

.elementor-nav-menu--toggle li.menu-linkedin::before { content: '\f0e1'; }
.elementor-nav-menu--toggle li.menu-youtube::before { content: '\f167'; }
.elementor-nav-menu--toggle li.menu-instagram::before { content: '\f16d'; }
.elementor-nav-menu--toggle li.menu-facebook::before { content: '\f39e'; }
.elementor-nav-menu--toggle li.menu-whatsapp::before { content: '\f232'; }

.elementor-nav-menu--toggle li.social-icons a {
    overflow: hidden;
    clip: rect(0 0 0 0);
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

/* ^^^^^^^^^^^^ 2. MOBILE NAV END ^^^^^^^^^^^^ */


/* ~~~~~~~~~~~~ 3. HEADER BEGIN ~~~~~~~~~~~~ */

.home-header_video .e-hosted-video {
    height: 100%;
    padding-bottom: 0 !important;
    aspect-ratio: unset !important;
}

.home-header_video .e-hosted-video video {
    height: 100%;
}

.home-header_video .e-hosted-video::after {
    content: '';
    /* background: rgb(0,0,0); */
    background: radial-gradient(circle, rgba(0,0,0,0.1) 20%, rgba(0,0,0,1) 100%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    opacity: .9;
    box-shadow: 0 0 50px rgb(0 0 0) inset;
}

.sc-menu .e--pointer-underline .elementor-item:after {
    bottom: unset;
    top: 0;
}

.sc-header-section {
    transition: .2s all;
    background-color: transparent;
}

.sc-header-section.elementor-sticky--effects {
    background-color: #000;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    -webkit-box-shadow: 0px 10px 30px 0px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 10px 30px 0px rgb(0 0 0 / 15%);
}

.sc-menu .elementor-nav-menu--layout-horizontal .elementor-nav-menu>li ul {
    top: 80% !important;
}

.sc-menu .pll-parent-menu-item .sub-menu {
    min-width: 55px !important;
}

.sc-menu ul.elementor-nav-menu--dropdown a {
    border-left: unset !important;
}

.pll-parent-menu-item > a {
    margin-right: 0 !important;
    padding: 12px 18px;
}

.sc-menu li:not(.pll-parent-menu-item) ul.sub-menu {
    font-size: 18px;
    padding: 10px !important;
}

.sc-menu li:not(.pll-parent-menu-item) ul.sub-menu > li:not(:last-child) {
    margin-bottom: 5px;
}

.sc-menu li:not(.pll-parent-menu-item) ul.sub-menu > li {
    transition: .3s;
}

.sc-menu li:not(.pll-parent-menu-item) ul.sub-menu > li:hover,
.sc-menu li:not(.pll-parent-menu-item) ul.sub-menu > li.current-menu-item {
    background-color: #e5e5e5;
}

.sc-menu li:not(.pll-parent-menu-item) ul.sub-menu > li.current-menu-item:hover {
    background-color: #dadada;
}

.sc-menu li:not(.pll-parent-menu-item) ul.sub-menu > li a {
    color: #000 !important;
    padding: 10px !important;
}

/* ^^^^^^^^^^^^ 3. HEADER END ^^^^^^^^^^^^ */


/* ~~~~~~~~~~~~ 4. HOME BEGIN ~~~~~~~~~~~~ */

.home-header_video > div {
    height: clamp(250px, 38vw, 760px);
}

.home-main-image > div {
    height: clamp(250px, 43vw, 850px);
}

:is(#typewriter, #typewriter-en) {
    display: inline-block;
}

.Typewriter__cursor {
    color: #29B2E5;
    font-weight: 300;
}

.home-main-image img {
    height: 100%;
    object-fit: cover;
}

.sc-main-title h1 {
    font-size: clamp(25px, 5.5vw, 80px);
}

.projectCarousel-contentInner-image {
    padding-top: 100px;
}

.projectCarousel-contentInner-image img {
    max-height: 820px;
    object-fit: cover;
    object-position: center;
    width: 100%;
}

.projectCarousel-contentInner-textblock {
    max-width: 800px;
    margin-left: 200px;
    position: absolute;
    z-index: 9;
}

.projectCarousel-contentInner-textblock::before {
    content: '';
    width: 200px;
    height: 100%;
    position: absolute;
    left: -200px;
    top: 0;
    background-color: #000;
}

#projectCarousel-logos .slick-list {
    margin-right: 2px;
}

#projectCarousel-logos .slick-current {
    position: relative;
}

#projectCarousel-logos .slick-current > div::after {
    content: '';
    width: 17px;
    height: 10px;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-top: 10px solid #29B2E5;
    position: absolute;
    left: 50%;
    bottom: 10px;
    transform: translateX(-50%);
}

#projectCarousel-logos .jet-listing-grid__item {
    position: relative;
}

#projectCarousel-logos .jet-listing-grid__item::after {
    content: '';
    width: 1px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background: rgb(0,0,0);
    background: -moz-linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(255,255,255,1) 50%, rgba(0,0,0,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(255,255,255,1) 50%, rgba(0,0,0,1) 100%);
    background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(255,255,255,1) 50%, rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}

#projectCarousel-logos .jet-listing-grid__item.slick-active:last-child::after {
    display: none;
}

#projectCarousel-logos .slick-slide {
    padding: 0 30px;
}

#projectCarousel-logos img {
    height: 180px;
    object-fit: contain;
    cursor: pointer;
    filter: brightness(0) invert(1);
    padding: 30px 0;
}

.diensten-section-blog .diensten-st {
    margin-bottom: 0 !important;
}

.diensten-section-standbouw .diensten-st {
    margin-bottom: clamp(30px, 10vw, 150px) !important;
}

.diensten-section {
    margin-top: clamp(30px, 12vw, 130px);
}

.diensten-title h2 {
    font-size: clamp(30px, 6vw, 60px);
}

.dienst-post-title h2 {
    font-size: clamp(22px, 2.8vw, 35px);
}

.dienst-post-image img {
    height: clamp(150px, 18vw, 250px);
    object-fit: cover
}

.dienstenTemplate-innerSection {
    overflow: hidden;
}

.dienstenTemplate-innerSection > div {
    column-gap: 40px;
}

.craftsmen-carousel .swiper-container {
    padding-bottom: 0 !important;
}

.craftsmen-carousel .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    opacity: 1;
    border: 1px solid #29B2E5;
    background-color: transparent;
    margin: 0 3px;
}

.craftsmen-carousel .swiper-pagination-bullet-active {
    background-color: #29B2E5
}

.craftsmen-carousel .swiper-slide img {
    height: 580px;
    width: 100%;
    object-fit: cover;
}

.craftsmen-carousel .swiper-pagination-bullets {
    bottom: 30px;
}

.craftsmen-button::after {
    content: 'Get in touch with us!';
    font-family: 'marydale', sans-serif;
    font-size: 25px;
    display: inline-block;
    transform: rotate(-6deg);
    position: absolute;
    left: 50%;
    bottom: -60px;
    width: max-content;
}

.page-id-2331 .craftsmen-button::after {

}

.craftsmen-button::before {
    content: '';
    background-image: url('assets/images/pointer-arrow.svg');
    background-repeat: no-repeat;
    width: 54px;
    height: 28px;
    position: absolute;
    transform: rotate(195deg);
    left: calc(50% - 65px);
    bottom: -55px;
}

.craftsmen-member p {
    margin-bottom: 5px;
}

.craftsmen-member strong {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    line-height: 1.2
}

.craftsmen-innersection > div::after {
    content: '';
    background-color: #fff;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
}

.craftsmen-main-section::before {
    content: '';
    background-image: url('assets/images/diensten-background-min.jpg');
    position: absolute;
    left: 0;
    top: -600px;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    z-index: -1;
    background-position: center left;
}

.craft-quote-title > div {
    padding-top: clamp(70px, 17vw, 170px);
    padding-bottom: clamp(220px, 35vw, 280px);
}

.craft-quote-title h2 {
    font-size: clamp(50px, 6vw, 115px);
    line-height: 1;
}

.craftsmen-innersection--content-col h2 {
    font-size: clamp(30px, 3.5vw, 70px);
}

.home-view-team {
    margin-bottom: clamp(50px, 13vw, 150px);
}

.projectCarousel-content-overlayText {
    padding: 40px 50px 30px 50px;
    max-width: 800px;
    margin-left: 200px;
    /* font-size: 25px;
    line-height: 30px; */
    font-size: 22px;
    line-height: 28px;
    position: absolute;
    z-index: 1;
}

.projectCarousel-content-overlayText::before {
    content: '';
    width: 200px;
    height: 100%;
    position: absolute;
    left: -200px;
    top: 0;
    background-color: #000;
}

.dienst-post-button a .elementor-button-icon,
.standbouw-contact-button a .elementor-button-icon {
    transition: .3s;
}

.dienst-post-button a:hover .elementor-button-icon,
.standbouw-contact-button a:hover .elementor-button-icon {
    margin-left: 18px !important;
}

.standbouw-contact-button .elementor-button-icon svg path {
    fill: #29B2E5;
}

.standbouw-contact-button {
    align-self: center;
}

.seperator-video-popup {
    display: none;
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    z-index: 99;
    background-color: rgb(0 0 0 / 70%);
}

.seperator-video-popup > div {
    width: 100%;
    position: absolute !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.close-seperator-video-popup {
    position: absolute;
    width: auto !important;
    z-index: 9;
    cursor: pointer;
    right: -35px;
    top: -35px;
}

.separator-video-container {
    width: 100%;
    height: clamp(180px, 20vw, 400px);
    overflow: hidden;
    position: relative;
}

.separator-video-container::after {
    content: '';
    background: radial-gradient(circle, rgba(0,0,0,0.1) 20%, rgba(0,0,0,1) 100%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .9;
    box-shadow: 0 0 50px rgb(0 0 0) inset;
}

.separator-video-container video {
    width: 100%;
    margin-top: -15%;
    cursor: pointer;
}

/* ^^^^^^^^^^^^ 4. HOME END ^^^^^^^^^^^^ */


/* ~~~~~~~~~~~~ 5. DIENSTEN BEGIN ~~~~~~~~~~~~ */

.diensten-menu {
    max-width: 800px;
    margin-top: clamp(20px, 4vw, 50px);
    margin-bottom: clamp(30px, 7vw, 100px);
}

.diensten-menu li::before {
    content: '';
    position: absolute;
    left: -24px;
    width: 8px;
    height: 8px;
    border: 1px solid #29B2E5;
    border-radius: 10px;
}

.diensten-menu li > a {
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s;
    font-size: clamp(15px, 2.8vw, 25px) !important;
}

.diensten-menu ul:hover > li > a {
    opacity: .5;
}

.diensten-menu ul > li:hover > a {
    opacity: 1;
}

.dienst-section, .dienst-anchor {
    margin-bottom: 50px;
}

.dienst-section .elementor-widget-text-editor p:last-child {
    margin-bottom: 0;
}

.dienst-section .dienst-section-image,
.dienst-section .dienst-section-image > div,
.dienst-section .dienst-section-image > div > img {
    height: 100%;
}

.dienst-section .dienst-section-image > div > img {
    object-fit: cover;
}

.dienst-section > .elementor-container {
    min-height: 490px;
}

.dienst-section_content-col > .elementor-widget-wrap {
    padding: 70px;
}

.dienst-section-right > div {
    position: relative;
}

.dienst-section-right > .elementor-container::after {
    content: '';
    position: absolute;
    right: 0;
    width: 100px;
    height: 100px;
    border-right: 3px solid #808080;
    border-top: 3px solid #808080;
}

.dienst-section-left > .elementor-container::after {
    content: '';
    position: absolute;
    left: 0;
    width: 100px;
    height: 100px;
    border-left: 3px solid #808080;
    border-top: 3px solid #808080;
}

.kracht-standcraft::before,
.about-blog::before {
    content: '';
    background-image: url('assets/images/diensten-background-min.jpg');
    width: 100%;
    height: 1600px;
    position: absolute;
    left: 0;
    top: -350px;
    z-index: -1;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top left;
}

.diensten-kracht-standcraft::before {
    display: none;
}

.svgpathTriangleLeft::before {
    content: '';
    width: 200px;
    position: absolute;
    height: 100%;
    left: -199px;
    background-color: #ffffff;
    /* -1px is added so there is no gap */
    clip-path: polygon(0 100%, 100% -1px, 100% 100%);
}

.body-background-right-01::before {
    content: '';
    background-image: url('assets/images/body-background-01cut-min.jpg');
    position: absolute;
    right: 0;
    top: -320px;
    width: 100%;
    height: 1500px;
    background-position: bottom right;
    background-repeat: no-repeat;
    z-index: -1;
}

.kracht-standcraft-slogan {
    width: 600px !important;
}

.kracht-standcraft-slogan > div {
    padding-left: clamp(30px, 4vw, 65px) !important;
    padding-bottom: clamp(20px, 7vw, 100px) !important;
}

.svgpathTriangleLeft {
    width: calc(100% - 600px) !important;
}

.svgpathTriangleLeft .elementor-icon-list-items li {
    align-items: flex-start;
}

.svgpathTriangleLeft .elementor-icon-list-items span.elementor-icon-list-icon {
    margin-top: 3px;
}

.svgpathTriangleLeft li.elementor-icon-list-item {
    padding-left: 38px;
}

.svgpathTriangleLeft span.elementor-icon-list-icon::before {
    content: '';
    width: 30px;
    height: 30px;
    background-image: url('assets/images/check-regular-blue.svg');
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 0;
    top: 7px;
}

.svgpathTriangleLeft span.elementor-icon-list-icon svg {
    display: none !important;
}

.svgpathTriangleLeft .elementor-icon-list-item .elementor-icon-list-text {
    padding-left: 30px !important;
}

.kracht-standcraft-slogan h2 {
    font-size: clamp(25px, 4vw, 50px);
    line-height: 1.2;
}

.kracht-standcraft-slogan h2 strong {
    width: 100%;
    display: block;
    font-size: clamp(45px, 6vw, 75px);
    font-weight: 700;
}

:is(.sc-diensten_video) :is(*) {
    height: 100%;
}

.sc-diensten_video {
    height: 100%;
}

.sc-diensten_video video {
    object-fit: cover;
} 

.sc-diensten_video::after {
    content: '';
    background-image: url('assets/images/playbutton-white.svg');
    width: 20px;
    height: 23px;
    position: absolute;
    bottom: 10px;
    left: 10px;
    opacity: .6;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    pointer-events: none;
}

/* ^^^^^^^^^^^^ 5. DIENSTEN END ^^^^^^^^^^^^ */


/* ~~~~~~~~~~~~ 6. HET PROCES BEGIN ~~~~~~~~~~~~ */

.proces-header {
    margin-bottom: clamp(30px, 10vw, 120px);
}

.proces-item {
    margin-bottom: 100px;
}

.proces-item-right .proces-item_content-col {
    padding-right: 100px;
}

.proces-item-left .proces-item_content-col {
    padding-left: 100px;
}

.proces-item .elementor-icon-box-wrapper {
    display: flex !important;
    flex-wrap: wrap;
}

.proces-item .elementor-icon-box-icon {
    width: 140px;
    height: 140px;
    position: relative;
}

.proces-item .elementor-icon-box-icon::before {
    content: attr(count-proces);
    height: 100%;
    width: 100%;
    position: absolute;
    border: 3px solid #29B2E5;
    background-color: rgb(0 0 0 / 45%);
    border-radius: 140px;
    text-align: center;
    line-height: 134px;
    font-size: 40px;
    color: #fff;
}

.proces-item .elementor-icon-box-icon > .elementor-icon {
    display: none;
}

.proces-item .elementor-icon-box-content {
    width: calc(100% - 140px);
    padding-left: 50px;
    padding-top: 40px;
}

.proces-item .elementor-icon-box-content h3 {
    margin: 0 0 20px;
}

.proces-item .proces-item_image-col img {
    width: 100%;
    object-fit: cover;
    height: 100%;
}

.proces-item_image-col :is(.elementor-widget-image, .elementor-widget-container) {
    height: 100%;
}

.proces-item .proces-item_image-col::after {
    content: '';
    width: 100px;
    height: 100px;
    position: absolute;
    bottom: -3px;
    border-bottom: 3px solid #808080;
}

.proces-item-right .proces-item_image-col::after {
    border-left: 3px solid #808080;
    left: -3px;
}

.proces-item-left .proces-item_image-col::after {
    border-right: 3px solid #808080;
    right: -3px;
}

.proces-item-last {
    margin: 100px 0 150px;
}

.proces-item-last .elementor-icon-box-content {
    width: 100% !important;
    padding-left: 0;
    padding-top: 20px;
}

.proces-item-last .elementor-icon-box-icon::before {
    position: unset;
    display: block;
}

/* ^^^^^^^^^^^^ 6. HET PROCES END ^^^^^^^^^^^^ */


/* ~~~~~~~~~~~~ 7. PROJECTEN ARCHIVE BEGIN ~~~~~~~~~~~~ */

.project-grid-image {
    position: relative;
    width: 100%;
    padding-top: 100%;
}

.project-grid-image > .elementor-widget-container {
    max-height: 0;
}

:is(.project-grid-image, .projects-grid-big--image) a::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0;
    transition: .35s;
}

:is(.project-grid-image, .projects-grid-big--image) a:hover::after {
    opacity: .5;
}

.project-grid-image img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.archive-projecten-intro > div {
    margin-top: clamp(20px, 5vw, 50px);
    margin-bottom: clamp(30px, 15vw, 260px);
}

.alle-projecten-button {
    display: inline-block !important;
    width: auto;
}

.alle-projecten-button .jet-remove-all-filters {
    display: block !important;
}

.alle-projecten-button button {
    font-size: 22px;
    line-height: 30px;
    border: 2px solid #29B2E5;
    border-radius: 0;
    padding: 13px 26px;
    color: #fff;
}

.alle-projecten-button button:focus,
.alle-projecten-button button:focus-visible {
    background-color: #29B2E5 !important;
    outline: none;
}

.alle-projecten-button .hide button {
    background-color: #29B2E5
}

.alle-projecten-button div:not(.hide) > button:hover {
    background-color: #29b2e54d !important;
}

.projecten-filters .jet-checkboxes-list__button {
    transition: .2s all;
}

.projecten-filters .jet-checkboxes-list__button:hover {
    background-color: rgb(41 178 229 / 30%);
}

.projects-grid-big img {
    height: clamp(250px, 33vw, 700px) !important;
}

.projects-grid-big--locatie {
    margin-left: auto;
}

.projecten-grid-section {
    margin-top: clamp(40px, 12vw, 150px);
    margin-bottom: clamp(70px, 10vw, 130px);
}

/* ^^^^^^^^^^^^ 7. PROJECTEN ARCHIVE END ^^^^^^^^^^^^ */


/* ~~~~~~~~~~~~ 8. PROJECTEN SINGLE BEGIN ~~~~~~~~~~~~ */

.project-single-header--content > div {
    padding-left: clamp(40px, 6vw, 100px);
    padding-right: clamp(40px, 4vw, 100px);
}

.project_attribute strong {
    font-size: 25px;
}

.project-single-header--title h2 {
    font-size: clamp(20px, 4vw, 30px);
}

@keyframes scroll_1 {
    0%   { transform: translateY(0); }
    25%  { transform: translateY(-0.6em); }
    50%  { transform: translateY(0); }
    75%  { transform: translateY(0.6em); }
    100% { transform: translateY(0); }
}

.scroll-icon__wheel-outer {
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 10px;
    height: 15px;
    width: 4px;
    border-radius: 3px;
    overflow: hidden;
}

.scroll-icon__wheel-inner {
    display: block;
    height: 100%;
    width: 100%;
    border-radius: inherit;
    background: #29B2E5;
    animation: scroll_1 2.75s ease-in-out infinite;
}

.scroll-icon {
    display: block;
    position: relative;
    height: 50px;
    width: 30px;
    border: 2px solid #fff;
    border-radius: 1em;
}

.scrollDownMouse {
    display: inline-block;
    cursor: pointer;
}

.scrollDownMouse:hover .arrow-animate .arrow{
    animation-name: bounceAlpha;
    animation-duration:1.4s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}

.scrollDownMouse:hover .arrow-animate .arrow.primair{
    animation-name: bounceAlpha;
    animation-duration:1.4s;
    animation-delay:0.2s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}

.scrollDownMouse .arrow-animate {
    position: relative;
    width: 20px;
    height: 20px;
    left: 5px;
    margin-top: 8px;
}

.scrollDownMouse .arrow-animate .arrow {
    left: 0;
    top: 0;
}

.project-gallery .slick-slide {
    margin: 0 20px;
}

.project-gallery .slick-list {
    margin: 0 -20px;
}

.project-gallery .slick-slider {
    overflow: hidden;
    display: flex !important;
    padding-bottom: 70px;
}

.slick-arrow {
    border: none;
    height: 50px;
    width: 50px;
    background-color: #29B2E5;
    border-radius: 0;
    padding: 0;
    background-image: url('assets/images/arrow-white-right.svg');
    background-size: 21px;
    background-repeat: no-repeat;
    background-position: center;
}

.slick-arrow:is(:hover,:focus) {
    background-color: #1a98c6;
    outline: none;
}

.slick-arrow.slick-prev {
    transform: scale(-1);
}

.project-gallery .slick-arrow {
    position: absolute;
    bottom: 0;
}

.project-gallery .slick-prev {
    right: 70px;
}


.project-gallery .slick-next {
    right: 0;
}

.single-project-main-post-title h2 {
    font-size: clamp(30px, 6vw, 80px);
}

.about-project .elementor-column {
    max-width: 950px;
}

.about-project-text p {
    margin-bottom: 30px;
}

.about-project-text p:last-of-type {
    margin-bottom: 0;
}

:is(.about-project-text, .project-single-header--text, .archive-projecten-intro, .dienst-content) a {
    color: #29b2e5;
}

:is(.about-project-text, .project-single-header--text, .archive-projecten-intro, .dienst-content) a:hover {
    text-decoration: underline;
}

.grote-afbeelding-project img {
    max-height: 1000px;
    object-fit: cover;
}

.single-projecten-big-image {
    margin-top: clamp(50px, 15vw, 150px);
    margin-bottom: clamp(100px, 15vw, 150px);
}

.related-projects-section {
    margin-top: clamp(80px, 15vw, 150px);
}

.related-projects-grid .slick-arrow {
    z-index: 8;
}

.single-project--craft-quote-title h2 {
    font-size: clamp(26px, 6vw, 65px);
    line-height: 1;
}

.single-project--craft-quote-title h2 strong {
    font-weight: 700;
}

.input-hidden {
    display: none;
}

.project-gallery .overlay {
    position: absolute;
    z-index: 9;
    bottom: 0;
    display: flex;
    flex-direction: column;
    color: #ffffff;
    font-size: 18px;
    line-height: 1.2;
    transform: translateX(-100%);
    transition: .5s;
    padding: 15px;
}

.project-gallery a:hover .overlay {
    transform: translateX(0);
}

.project-overlay-logo img {
    padding: 20px 0;
}

/* ^^^^^^^^^^^^ 8. PROJECTEN SINGLE END ^^^^^^^^^^^^ */


/* ~~~~~~~~~~~~ 9. CONTACT BEGIN ~~~~~~~~~~~~ */

.contact-head .sc-main-title {
    padding-bottom: 0;
    border-bottom: none;
}

.contact-head .sc-main-title::before,
.contact-head .sc-main-title::after {
    display: none;
}

.contact-head-subtitle {
    font-size: clamp(18px, 3.1vw, 45px);
    line-height: 1.2;
}

.contact-head::before {
    content: '';
    background-image: url('assets/images/contact-background-min.jpg');
    width: 100%;
    height: 1500px;
    position: absolute;
    left: 0;
    top: -100px;
    z-index: -1;
    background-repeat: no-repeat;
    background-position: top left;
    background-size: contain;
}

.team-hover-listing.large .jet-listing-grid__items {
    justify-content: flex-end !important;
}

.team-hover-listing.team-hover-listing-blog.large .jet-listing-grid__items {
    justify-content: flex-start !important;
}

.team-hover-listing.team-hover-listing-blog-top.large .jet-listing-grid__items {
    justify-content: flex-end !important;
}

.team-hover-listing.large .jet-listing-grid__item {
    max-width: clamp(200px, 26vw, 375px);
    -webkit-box-flex: 0;
    -ms-flex: unset;
    flex: unset;
}

.team-hover-listing.team-hover-listing-blog.large .jet-listing-grid__item:first-child {
    max-width: clamp(200px, 50vw, 375px);
}

.team-hover-listing.large .jet-listing-grid__item:first-child {
    margin-top: clamp(280px, 24vw, 330px);
    margin-right: -60px;
}

.team-hover-listing.team-hover-listing-blog.large .jet-listing-grid__item:first-child,
.team-hover-listing.team-hover-listing-blog-top.large .jet-listing-grid__item:first-child {
    margin-top: 0;
    margin-right: 0px;
}

/* .large .team-hover-image {
    height: 375px;
} */
.team-hover-image img {
    transform: scale(1.3) translateY(20px);
}
.team-hover-image {
    border-radius: 200px;
    overflow: hidden;
    border: 3px solid #fff;
    z-index: 9;
}

.team-hover--hover-image {
    position: absolute;
    opacity: 0;
    transition: .2s all;
}

a.team-hover-link {
    display: flex;
}

.team-hover-image:hover .team-hover--hover-image {
    opacity: 1;
}

.team-hover-image > div, 
.team-hover--normal-image,
.team-hover--normal-image > div,
.team-hover--normal-image img {
    height: 100%;
    margin-bottom: 0 !important;
}

.team-hover--normal-image img {
    object-fit: cover;
}

.team-hover-listing.large .jet-listing-grid__item {
    position: relative;
}

.team-hover-listing.large .jet-listing-grid__item::before {
    font-family: 'marydale', sans-serif;
    color: #fff;
    font-size: 40px;
    font-weight: 400;
    position: absolute;
    transform: rotate(-6deg);
}

.team-hover-listing.large .jet-listing-grid__item::after {
    content: '';
    background-image: url('assets/images/pointer-arrow-white.svg');
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
}

.team-hover-listing.large .jet-listing-grid__item:first-child::before {
    content: 'Vragen over projectmanagement?';
    left: -330px;
    bottom: 5px;
    text-align: center;
    width: 330px;
}

.page-id-1836 .team-hover-listing.large .jet-listing-grid__item:first-child::before {
    content: 'Questions about project management?';
}

.team-hover-listing.large .jet-listing-grid__item:first-child::after {
    content: '';
    width: 54px;
    height: 28px;
    left: -10px;
    bottom: 90px;
}

.team-hover-listing.large .jet-listing-grid__item:last-child::before {
    content: 'Succesvolle beursdeelname?';
    left: -240px;
    top: -40px;
    text-align: center;
    width: 250px;
}

.team-hover-listing.team-hover-listing-blog.large .jet-listing-grid__item:last-child::before {
    content: 'Succesvolle beursdeelname?';
    font-size: 50px;
    font-family: 'marydale', sans-serif !important;
    position: absolute;
    left: unset;
    right: -570px;
    top: -160px;
    color: #fff;
    transform: rotate(-6deg);
    width: unset;
}

.team-hover-listing.team-hover-listing-blog-top.large .jet-listing-grid__item:last-child::before {
    content: 'Vrijblijvend advies?';
    left: -200px;
    top: -40px;
    text-align: center;
    width: 250px;
}

html[lang="en-GB"] .team-hover-listing.team-hover-listing-blog-top.large .jet-listing-grid__item:last-child::before {
    content: 'Free advice';
}

/* .team-hover-listing.team-hover-listing-blog-top.large .jet-listing-grid__item:last-child::after {
    content: '';
    width: 54px;
    height: 28px;
    left: unset;
    right: 30px;
    top: -45px;
    transform: rotate(165deg);
} */

.page-id-1836 .team-hover-listing.large .jet-listing-grid__item:last-child::before {
    content: 'Successful exhibition participation?';
    top: -60px;
    left: -300px;
    width: 310px;
}

.team-hover-listing.large .jet-listing-grid__item:last-child::after {
    content: '';
    width: 54px;
    height: 28px;
    left: 5px;
    top: -5px;
    transform: scaleY(-1);
}

.team-hover-listing.team-hover-listing-blog.large .jet-listing-grid__item:last-child::after {
    content: '';
    width: 88px;
    height: 45px;
    background-image: url(assets/images/pointer-arrow-white.svg);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: unset;
    right: 10px;
    top: -70px;
    transform: rotate(160deg);
}

.contact-scrolldown {
    display: flex;
    justify-content: center;
}

.contact-opties ul.elementor-icon-list-items {
    justify-content: space-between;
    grid-gap: 40px;
}

.contact-opties ul.elementor-icon-list-items > li {
    width: calc(25% - 30px);
    padding-bottom: 35px;
    border-bottom: 3px solid #808080;
}

.contact-opties > .elementor-widget-container {
    overflow: visible !important;
}

.contact-opties .elementor-icon-list-text {
    position: relative;
}

.contact-opties .elementor-icon-list-text::before {
    content: '';
    width: 40px;
    height: 40px;
    position: absolute;
    left: 0;
    top: -5px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.contact-opties .elementor-icon-list-text {
    padding-left: 60px !important;
}

.contact-opties li:nth-child(1) .elementor-icon-list-text::before { background-image: url('assets/images/blue-phone.svg'); }
.contact-opties li:nth-child(2) .elementor-icon-list-text::before { background-image: url('assets/images/blue-phone-call.svg'); }
.contact-opties li:nth-child(3) .elementor-icon-list-text::before { background-image: url('assets/images/blue-enveloppe.svg'); }

.team-grid-item {
    margin-bottom: 70px;
    padding-right: 70px;
}

.team-hover-listing.small .team-grid--image-col {
    width: 240px;
    z-index: 1;
}

.team-hover-listing.small .team-grid--content-col {
    width: calc(100% - 240px);
    padding-left: 40px;
}

.team-grid-linkedin {
    position: absolute;
    top: 190px;
    right: 10px;
    width: 44px !important;
    height: 44px;
    background-color: #1568BF;
    border: 2px solid #fff;
    border-radius: 40px;
    line-height: 50px;
    z-index: 10;
    transition: .2s;
}

.team-grid-linkedin:hover {
    background-color: #0d5bac;
}

.team-grid-linkedin .elementor-widget-container, 
.team-grid-linkedin .elementor-widget-container .elementor-icon-wrapper {
    height: 100%;
}

.team-grid-linkedin .elementor-icon {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    place-items: center;
}

.team-grid-linkedin .jet-listing-dynamic-link {
    height: 100%;
}

.team-grid-linkedin .jet-listing-dynamic-link a {
    width: 100%;
    height: 100%;
}

.second-team-listing::before {
    content: '';
    background-image: url('assets/images/body-background-01cut-min.jpg');
    right: 0;
    top: -300px;
    width: 100%;
    height: 1200px;
    position: absolute;
    background-position: top right;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: .6;
    z-index: -1;
}

.contact-inner-form {
    display: flex;
    flex-wrap: wrap;
}

.contact-floating-title {
    font-size: 50px;
    font-family: 'marydale', sans-serif !important;
    position: absolute;
    right: -90px;
    top: -40px;
    color: #fff;
    transform: rotate(-6deg);
}

.contact-floating-title::before {
    content: '';
    width: 88px;
    height: 45px;
    background-image: url('assets/images/pointer-arrow-white.svg');
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: -100px;
    top: 40px;
    transform: rotate(160deg);
}

.contact-inner-form h3 {
    margin-top: 0;
    font-size: clamp(30px, 5vw, 80px);
    font-weight: 100;
    color: #fff;
}

.contact-inner-form h3 strong {
    font-weight: 700;
}

.contact-inner-form > p {
    font-size: 20px;
    line-height: 25px;
    color: #fff;
    width: 100%;
    margin: 0 0 clamp(30px, 5vw, 50px);
}

.contact-user-container, .contact-message-container {
    width: 50%;
}

.contact-user-container {
    padding-right: 10px;
    display: flex;
    flex-wrap: wrap;
    align-content: start;
    grid-gap: 20px;
}

.contact-user-container .span6 {
    width: calc(50% - 10px);
}

.contact-message-container {
    padding-left: 10px;
}

.contact-message-container textarea {
    max-height: 140px;
}

.contact-inner-form :is(input, textarea) {
    border: 1px solid #E8E8E8;
    background-color: #F5F5F5;
    border-radius: 5px;
    font-size: 20px;
    padding: 14px 25px;
}

.contact-inner-form :is(input, textarea):focus-visible,
.sc-send input[type="submit"]:focus {
    outline-color: #29b2e5;
    outline-offset: -1px;
    outline-style: solid;
    outline-width: 2px;
}

.contact-inner-form .sc-input {
    position: relative;
}

.contact-inner-form label {
    transform: translate(0, 0) scale(1.25);
    font-family: "depot-new-web", Sans-serif;
    transform-origin: left;
    transition: .3s all;
    margin: 0;
    position: absolute;
    padding: 3px 8px;
    top: 18px;
    left: 15px;
    font-size: 16px;
    font-weight: 300;
    color: #000;
    z-index: 9;
    cursor: pointer;
}

.contact-inner-form label.move {
    transform: translate(10px, -28px) scale(1);
    background-color: #29B2E5;
    z-index: 1;
    color: #fff;
    border-radius: 4px;
}

.contact-inner-form .sc-send {
    width: 100%;
}

.contact-inner-form .sc-send > p {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    margin-top: 20px;
}

.contact-inner-form .sc-send input {
    order: 2;
}

.text-fade h2 {
    background: -webkit-linear-gradient(#fff, #808080);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    opacity: .13;
    font-size: clamp(30px, 5vw, 105px);
}

.team-hover-listing.large .team-member-name h3 {
    font-size: clamp(16px, 2.5vw, 30px);
}

.contact-list-team .elementor-icon-list-text {
    font-size: clamp(16px, 2vw, 25px);
}

.team-hover-listing.large .team-member-function h4 {
    font-size: clamp(16px, 2vw, 28px);
}

.contact-options-section {
    padding-top: 140px;
    margin-bottom: clamp(70px, 15vw, 150px);
}

.first-team-listing {
    margin-bottom: clamp(40px, 13vw, 130px);
}

.contact-pagebreak-section {
    margin-bottom: clamp(60px, 14vw, 150px);
    z-index: 8;
}

.second-team-listing {
    margin-bottom: clamp(50px, 11vw, 130px);
}

/* Remove contact form in footer for contact page */
body.page-id-748 .contact-form-footer,
body.page-id-1836 .contact-form-footer,
body.page-id-2924 .contact-form-footer,
body.single-post .contact-form-footer {
    display: none;
}
.team-toggle_section .jet-listing-grid__items > .jet-listing-grid__item.hide {
    display: none;
}

button.accordion:hover {
    background-color: #6b6b6b;
}

button.accordion {
    color: #fff;
    outline: none;
    border: none;
    padding: 15px 85px 15px 25px;
    font-size: 24px;
    line-height: 30px;
    border-radius: 5px;
    background-color: #808080;
    color: #fff;
    font-family: "depot-new-web", Sans-serif;
    background-repeat: no-repeat;
    background-position: right;
    position: relative;
    overflow: hidden;
}

button.accordion::after {
    content: '';
    position: absolute;
    width: 60px;
    height: 100%;
    right: 0;
    top: 0;
    background-color: #29B2E5;
    background-image: url(assets/images/chevron-down-white.svg);
    background-position: center;
    background-repeat: no-repeat;
}

button.accordion.open::after {
    transform: scale(-1);
}

.team-hover-listing.large .team-hover-image {
    z-index: 1;
}

/* ^^^^^^^^^^^^ 9. CONTACT END ^^^^^^^^^^^^ */

/* ^^^^^^^^^^^^ 10. OVER ONS BEGIN ^^^^^^^^^^^^ */

.weetjes-content ul {
    padding-left: 22px;
}

.weetjes-content ul li:not(:last-child) {
    margin-bottom: 10px;
}

.partners-row > div {
    margin: 0 -15px;
    width: calc(100% + 30px);
}

.partners-row .elementor-widget-image {
    width: 100%;
    margin-bottom: 0;
    padding: 0 15px;
}

.partners-row .elementor-widget-image img {
    filter: brightness(0) invert(1);
}

/* ^^^^^^^^^^^^ 10. OVER ONS END ^^^^^^^^^^^^ */


/* ^^^^^^^^^^^^ 11. WERKEN BIJ START ^^^^^^^^^^^^ */

.archive-werkenbij-intro > div {
    margin-top: clamp(20px, 5vw, 50px);
    margin-bottom: clamp(30px, 10vw, 150px);
}

.werkenbij-single-header--content > div {
    padding-left: 0;
    padding-right: clamp(40px, 4vw, 100px);
}

.werkenbij-single-header--content .scrollDownMouse {
    margin: 0 auto;
    display: block;
    width: 30px
}

.blue-checkmark-list ul {
    list-style-type: none;
    padding-left: 0;
}

.blue-checkmark-list ul li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 10px;
}

.blue-checkmark-list ul li::before {
    content: '';
    background-image: url('assets/images/check-regular-blue1.svg');
    width: 20px;
    height: 16px;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 9px;
    left: 0;
}

/* ^^^^^^^^^^^^ 11. WERKEN BIJ END ^^^^^^^^^^^^ */


/* ~~~~~~~~~~~~ 12. BLOGS SINGLE BEGIN ~~~~~~~~~~~~ */


.single-blog-intro > div {
    margin-top: clamp(20px, 5vw, 50px);
    margin-bottom: 0;
}

.inner-st-blog_attribute > div {
    margin-top: 0;
    margin-bottom: clamp(30px, 10vw, 150px);
}

.inner-st-intro-standbouw > div,
.standbouw-proces-text > div {
    margin-bottom: clamp(30px, 10vw, 150px);
}

.inner-st-blog_attribute .inner-col-blog_attribute > .elementor-widget-wrap.elementor-element-populated {
    column-gap: 80px;
}

.blog_attribute strong {
    font-size: 40px;
    color: #FFFFFF;
}

.blog-img-st .blog-project-button {
    margin-bottom: 0;
}

.kracht-standcraft-blog.generic-section {
    padding-left: 20% !important;
}

/* .kracht-standcraft-blog > div {
    padding-left: 170px;
} */

.about-project.about-blog .elementor-column {
    max-width: unset;
}

.afspraak-maken-section-blog .contact-inner-form .contact-floating-title,
.afspraak-maken-section-blog .contact-inner-form h3 {
    display: none;
}

.afspraak-maken-section-blog {
    margin-top: clamp(30px, 12vw, 130px);
}

.afspraak-maken-section-blog .contact-message-container {
    width: 100%;
    padding-left: 0;
    margin-top: 20px;
}

.afspraak-maken-section-blog .contact-user-container {
    width: 100%;
    padding-right: 0;
}

.team-hover-listing.team-hover-listing-blog-top.large .team-member-function h4 {
    font-size: clamp(16px, 2.5vw, 30px);
}

/* ~~~~~~~~~~~~ 12. BLOGS SINGLE END ~~~~~~~~~~~~ */

/* ~~~~~~~~~~~~ 13. STANDBOUW BEGIN ~~~~~~~~~~~~ */

.standcraft-table-calendar {
    font-family: "depot-new-web", Sans-serif;
    max-width: none;
}

.standcraft-table-calendar .standcraft-calendar-one-year tr:first-child th {
    border-width: 0px 0px 1px 0px;
    text-align: left;
    color: #29B2E5;
    font-size: 22px;
}

.standcraft-table-calendar tr td:first-child {
    font-weight: 700;
    color: #FFFFFF;
}

.standcraft-table-calendar tr td {
    border-width: 1px 0px 1px 0px;
    border-color: #707070A6;
    color: #ffffffb3;
    background-color: transparent !important;
    font-size: 18px;
}

.standcraft-table-calendar a {
    color: #FFFFFF;
    transition: .3s all;
}

.standcraft-table-calendar a:hover {
    color: #29B2E5;
}

.standbouw-intro a {
    color: #FFFFFF;
    /* text-decoration: underline;
    text-underline-position: under; */
}

.standcraft-calendar-one-year:not(:first-child) {
    border-top: 20px solid transparent;
}

.standcraft-table-calendar th,
.standcraft-table-calendar td {
    padding: 10px;
}

.standbouw-intro-text p {
    margin-bottom: 0;
}

.about-diensten-text,
.standbouw-diensten-button {
    display: none !important;
}

:is(.page-id-2924) :is(.about-diensten-text, .standbouw-diensten-button) {
    display: block !important;
}


/* ~~~~~~~~~~~~ 13. STANDBOUW END ~~~~~~~~~~~~ */

/* ~~~~~~~~~~~~ 14. FOOTER BEGIN ~~~~~~~~~~~~ */

.aluvision-button {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.aluvision-button a {
    font-size: 0;
    background-color: transparent !important;
    width: 100%;
    height: 100%;
    position: absolute;
}

body:is(.page-id-3962, .page-id-4025) .aluvision-button a {
    pointer-events: none;
}

div[data-elementor-type="footer"] {
    background-image: url('assets/images/footer-background-min.jpg');
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 1750px;
    position: relative;
}

/* body.page-id-748 div[data-elementor-type="footer"]::after,  */
/* body.single-post div[data-elementor-type="footer"]::after, */
body.page-id-1836 div[data-elementor-type="footer"]::after,
body.page-id-2924 div[data-elementor-type="footer"]::after {
    content: "";
    position: absolute;
    background-image: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 10%, rgba(0,0,0,0) 90%, rgba(0,0,0,1) 100%);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.footer-contact-col h2 {
    font-size: clamp(30px, 6.5vw, 50px)
}

.footer-contact-col h2 strong {
    display: block;
    font-size: clamp(40px, 8.5vw, 65px);;
    line-height: 1.2;
    font-weight: 700;
}

.footer-contact-subtitle {
    font-size: clamp(20px, 4vw, 30px);
    line-height: 1.3;
}

.inner-contact-form {
    font-family: "depot-new-web", Sans-serif;
    overflow: hidden;
    width: 100% !important;
    padding-top: clamp(30px, 10vw, 100px);
    padding-bottom: clamp(30px, 10vw, 100px);
    padding-left: clamp(20px, 10vw, 100px);
    padding-right: clamp(20px, 10vw, 100px);
}

/* Pagina: Exhibition stand */
.page-id-3284 .inner-contact-form {
    display: block !important;
    height: auto !important;
    opacity: 1 !important;
    padding-top: clamp(30px, 10vw, 100px) !important;
    padding-bottom: clamp(30px, 10vw, 100px) !important;
    padding-left: clamp(20px, 10vw, 100px) !important;
    padding-right: clamp(20px, 10vw, 100px) !important;
}
.page-id-3284 .footer-inner-form {
    opacity: 1 !important;
}

.footer-inner-form {
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
    transition: .5s all;
}

.footer-inner-form h3 {
    width: 100%;
    margin: 0 0 10px;
    font-size: clamp(22px, 4vw, 30px);
    font-weight: 300;
}

.footer-inner-form p {
    width: 100%;
    color: #939393;
    font-size: clamp(16px, 3vw, 20px);
    margin-bottom: 35px;
}

.inner-contact-form .sc-input {
    position: relative;
    margin-bottom: 20px;
}

.inner-contact-form :is(input, textarea) {
    font-family: "depot-new-web", Sans-serif;
    border: 1px solid #E8E8E8;
    background-color: rgb(0 0 0 / 3%);
    border-radius: 5px;
    font-size: 20px;
    padding: 14px 25px;
}

.inner-contact-form :is(input, textarea):focus-visible,
.inner-contact-form :is(input, textarea):focus {
    outline-color: #29b2e5;
}

.inner-contact-form textarea {
    max-height: 160px;
}

.inner-contact-form .sc-send {
    width: 100%;
    text-align: center;
}

.inner-contact-form .sc-send .wpcf7-spinner {
    position: absolute;
    margin-top: 18px;
}

.wpcf7 form .wpcf7-response-output {
    margin: 2em 0 1em;
    padding: 8px 15px;
    border-radius: 5px;
    border: 1px solid #00a0d2; /* Blue */
}
 
.wpcf7 form.init .wpcf7-response-output {
    display: none;
}
 
.wpcf7 form.sent .wpcf7-response-output {
    color: #0f5132;
    background-color: #d1e7dd;
    border-color: #badbcc;
}
 
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
    color: #842029;
    background-color: #f8d7da;
    border-color: #f5c2c7;
}
 
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.spam .wpcf7-response-output {
    color: #664d03;
    background-color: #fff3cd;
    border-color: #ffecb5;
}

.inner-contact-form label {
    transform: translate(0, 0) scale(1.25);
    font-family: "depot-new-web", Sans-serif;
    transform-origin: left;
    transition: .3s all;
    margin: 0;
    position: absolute;
    padding: 3px 8px;
    top: 18px;
    left: 15px;
    font-size: 16px;
    font-weight: 100;
    color: #000;
}

.inner-contact-form label.move {
    transform: translate(10px, -28px) scale(1);
    background-color: #29B2E5;
    z-index: 1;
    color: #fff;
    border-radius: 4px;
}

.footer-socials {
    padding-top: clamp(65px, 12vw, 85px);
    margin-bottom: clamp(30px, 8vw, 70px);
}

body.page-id-748 .footer-socials::before {
    content: '';
    background-image: url('assets/images/sc-pattern.png');
    position: absolute;
    left: 0;
    top: 0;
    width: clamp(315px, 39vw, 560px);
    height: clamp(420px, 52vw, 750px);
    background-size: contain;
    z-index: 0;
    opacity: .2;
}

.footer-menus > div {
    column-gap: 20px;
}

.footer-menus .elementor-column {
    width: calc(22% - 15px) !important;
}

.footer-menus .elementor-column.footer-mobile-accordion-beurzen {
    width: calc(34% - 15px) !important;
}

.footer-menus .elementor-column.footer-mobile-accordion-beurzen ul {
    column-count: 2;
}

.contact-list-team {
    display: none !important;
}

html[lang="nl-NL"] .team-hover-listing-blog-top .contact-list-team.contact-list-team-nl {
    display: block !important;
}

html[lang="en-GB"] .team-hover-listing-blog-top .contact-list-team.contact-list-team-en {
    display: block !important;
}

.team-hover-listing-blog-top .team-member-function {
    width: auto;
    margin-left: 8px;
    margin-top: 1px;
    padding-left: 15px;
}

.team-hover-listing-blog-top .team-member-function::before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 1px;
    background-color: #939393;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.team-hover-listing-blog-top.large .jet-listing-grid__item {
    /* max-width: clamp(200px, 27vw, 375px); */
    max-width: clamp(200px, 30vw, 405px);
}

/* ^^^^^^^^^^^^ 14. FOOTER END ^^^^^^^^^^^^ */


/* ~~~~~~~~~~~~ 15. RESPONSIVE BEGIN ~~~~~~~~~~~~ */

@media only screen and (max-height: 1100px) {
    .sc-main-title-section {
        margin-top: 6vh;
    }
    .home-header_video > div {
        height: 65vh;
    }
}

@media only screen and (max-width: 1800px) {
    .craftsmen-innersection--content-col > div {
        padding: 60px 80px 220px 120px !important;
    }
    .craftsmen-team {
        padding-right: 100px;
    }
    .craftsmen-team > div {
        padding: 0 30px;
        column-gap: 20px;
    }
    .craftsmen-foto > div {
        position: relative;
        width: 100%;
        padding-top: 100%;
    }

    .craftsmen-foto > div img {
        position: absolute;
        top: 0;
        left: 0;
        height: 100% !important;
        width: 100% !important;
    }
}

@media only screen and (max-width: 1600px) {
    .projectCarousel-contentInner-textblock,
    .projectCarousel-content-overlayText {
        padding: 30px 40px 20px 40px !important;
        max-width: 600px;
        margin-left: 100px;
        font-size: 22px !important;
        line-height: 28px !important;
    }
    .projectCarousel-contentInner-textblock::before,
    .projectCarousel-content-overlayText::before {
        width: 100px;
        left: -100px;
    }
    .projectCarousel-contentInner-textblock .jet-listing-dynamic-field__content {
        font-size: 22px !important;
        line-height: 28px !important;
    }
    #projectCarousel-logos > div {
        padding-left: 80px !important;
    }
    .projectCarousel-contentInner-image img {
        max-height: unset;
        height: 750px;
    }
    .contact-floating-title {
        right: 0;
    }
}

@media only screen and (max-width: 1500px) {
    .generic-section-left {
        padding-left: 5%;
    }
    .generic-section-right {
        padding-right: 5%;
    }
}

@media only screen and (max-width: 1440px) {
    .projectCarousel-contentInner-image img {
        height: clamp(300px, 53vw, 680px);
    }
    #projectCarousel-logos .slick-slide {
        padding: 0 20px;
    }
    #projectCarousel-logos img {
        height: 150px;
        padding: 20px 0;
    }
    .craftsmen-innersection--content-col > div {
        padding: 50px 60px 220px 60px !important;
    }
    .craftsmen-carousel .swiper-slide img {
        height: 480px;
    }
    .craftsmen-member strong {
        font-size: 22px;
    }
    .sc-button-white.elementor-widget-button a {
        font-size: 20px !important;
    }
    .craftsmen-main-section::before {
        background-size: contain;
    }
    .home-header::after {
        background-position: top right;
        background-size: 800px;
    }
    div[data-elementor-type="footer"] {
        background-position: right 80%;
        background-size: 100%;
    }
    .proces-item_content-col .elementor-icon-box-title,
    .proces-item-last .elementor-icon-box-title {
        font-size: 40px !important;
    }
    .proces-item_content-col .elementor-icon-box-description,
    .proces-item-last .elementor-icon-box-description {
        font-size: 18px !important;
        line-height: 28px !important;
    }
    .proces-item-right .proces-item_content-col {
        padding-right: 50px;
    }
    .proces-item-left .proces-item_content-col {
        padding-left: 50px;
    }
    .proces-item .elementor-icon-box-icon {
        width: 120px;
        height: 120px;
    }
    .proces-item .elementor-icon-box-icon::before {
        line-height: 115px;
        font-size: 35px;
    }
    .proces-item .elementor-icon-box-content {
        width: calc(100% - 120px);
        padding-left: 30px;
    }
    .projects-grid-big--inner-section {
        padding: 30px !important;
    }
    .project-overlay-logo img {
        height: 150px !important;
    }
    .project-overlay-logo > div {
        margin: -150px 0 0 !important;
    }
    .project_attribute strong {
        font-size: 22px;
    }
    .blog_attribute strong {
        font-size: 35px;
    }
    .contact-opties ul.elementor-icon-list-items > li {
        padding-bottom: 25px;
    }
    .team-grid-item {
        padding-right: 40px;
    }
    .team-hover-listing.small .team-grid--image-col {
        width: 200px;
    }
    .team-hover-listing.small .team-grid--content-col {
        width: calc(100% - 200px);
    }
    .team-grid-linkedin {
        top: 160px;
    }
    .project-overlay-logo img {
        padding: 15px 0;
    }
    .svgpathTriangleLeft span.elementor-icon-list-icon::before {
        width: 25px;
        height: 25px;
    }
    .contact-opties li .elementor-icon-list-text {
        padding-left: 50px !important;
    }
    .contact-opties .elementor-icon-list-text::before {
        width: 30px;
        height: 30px;
        top: 0;
    }
    .seperator-video-popup > div {
        padding: 0 5%;
    }
    .close-seperator-video-popup {
        right: 0;
    }
    .kracht-standcraft-blog.generic-section {
        padding-left: 10% !important;
    }
}

@media only screen and (max-width: 1280px) {
    .projectCarousel-contentInner-textblock .jet-listing-dynamic-field__content,
    .projectCarousel-content-overlayText {
        font-size: 20px !important;
        line-height: 25px !important;
    }
    .craftsmen-team > div {
        column-gap: 40px;
    }
    .craftsmen-carousel .swiper-slide img {
        height: clamp(230px, 33vw, 480px);
    }
    .craftsmen-innersection--content-col > div {
        padding: 40px 50px 200px 50px !important;
    }
    .craftsmen-team {
        padding-right: 80px;
    }
    .sc-menu nav ul li.last-menu-item > a {
        margin-right: 0 !important;
    }
    .dienst-section > .elementor-container {
        min-height: 400px;
    }
    .dienst-section_content-col .elementor-widget-text-editor {
        font-size: 18px !important;
    }
    .dienst-section_content-col > .elementor-widget-wrap {
        padding: clamp(20px, 7vw, 55px);
    }
    .kracht-standcraft-slogan,
    .svgpathTriangleLeft {
        width: 50% !important;
    }
    .svgpathTriangleLeft::before {
        width: 150px;
        left: -149px;
    }
    .body-background-right-01::before {
        background-size: contain;
    }
    .projects-grid-big--inner-section {
        padding: 30px 20px !important;
    }
    .project-single-header--content > div {
        padding-bottom: 80px;
        padding-top: 40px;
    }
    .project_attribute .jet-listing-dynamic-field__content {
        font-size: 18px !important;
        line-height: 25px !important;
    }
    .blog_attribute .jet-listing-dynamic-field__content {
        font-size: 18px !important;
        line-height: 35px !important;
    }
    .project_attribute strong {
        font-size: 20px;
    }
    .blog_attribute strong {
        font-size: 30px;

    }    
    .team-hover-listing.large .jet-listing-grid__item:first-child {
        margin-right: -40px;
    }
    .team-hover-listing.large .jet-listing-grid__item::before {
        font-size: 35px;
    }
    .team-hover-listing.large .jet-listing-grid__item:last-child::before {
        left: -220px;
        top: -25px;
        width: 220px;
    }
    .page-id-1836 .team-hover-listing.large .jet-listing-grid__item:last-child::before {
        left: -270px;
        width: 280px;
    }
    .team-hover-listing.large .jet-listing-grid__item:last-child::after {
        left: -10px;
        top: -5px;
    }
    .team-hover-listing.large .jet-listing-grid__item:first-child::before {
        left: -300px;
        bottom: 10px;
        width: 290px;
    }
    .team-hover-listing.large .jet-listing-grid__item:first-child::after {
        left: -35px;
    }
    .team-hover-listing.small .team-grid--content-col {
        padding-left: 25px;
    }
    .team-hover-listing.small .team-grid--image-col {
        width: 180px;
    }
    .team-hover-listing.small .team-grid--content-col {
        width: calc(100% - 180px);
    }
    .team-grid-linkedin {
        top: 140px;
    }
    .contact-floating-title {
        font-size: 35px;
        top: 30px;
    }
    .contact-floating-title::before {
        width: 55px;
        height: 29px;
        left: -65px;
        top: 30px;
    }
    .contact-inner-form label {
        font-size: 14px;
        top: 20px;
        left: 10px;
    }
    .sc-send input[type="submit"],
    button.accordion {
        font-size: 22px;
    }
    .contact-message-container {
        padding-left: 7.5px;
    }
    .contact-user-container {
        grid-gap: 15px;
        padding-right: 7.5px;
    }
    form.wpcf7-form .contact-user-container .span6 {
        width: calc(50% - 7.5px);
    }
    .contact-message-container textarea {
        max-height: 135px;
    }
    .contact-inner-form :is(input, textarea) {
        padding: 14px 20px;
        line-height: 30px;
        font-size: 18px;
    }
    .home-header_video > div {
        height: clamp(250px, 38vw, 760px);
    }
    .sc-main-title-section {
        margin-top: clamp(35px, 6vw, 100px);
    }
    .team-hover-listing.team-hover-listing-blog.large .jet-listing-grid__item:last-child::before {
        font-size: 35px;
        right: -285px;
        top: -120px;
    }
    .team-hover-listing.team-hover-listing-blog.large .jet-listing-grid__item:last-child::after {
        width: 55px;
        height: 29px;
    }
    .team-hover-listing.large .jet-listing-grid__item:last-child > div {
        margin-left: unset !important;
        margin-right: unset;
        width: 80%;
    }
    .page-id-748 .team-hover-listing.large .jet-listing-grid__item:last-child > div {
        width: 100%;
    }
    .team-hover-listing.team-hover-listing-blog-top.large .jet-listing-grid__item:last-child > div {
        margin-left: auto !important;
    }
    .team-hover-listing.team-hover-listing-blog-top.large .jet-listing-grid__item:first-child::after {
        left: 25px;
    }
    .team-hover-listing.team-hover-listing-blog.large .jet-listing-grid__item:last-child::before {
        right: -335px;
        top: -130px;
    }
    .team-hover-listing.team-hover-listing-blog-top.large .jet-listing-grid__item:last-child::before {
        left: -172px;
    }
    .team-hover-listing.team-hover-listing-blog.large .jet-listing-grid__item:last-child::after {
        right: 70px;
    }
    body .afspraak-maken-section-blog {
        padding-top: 120px !important;
    }
    .afspraak-maken-section-blog .contact-message-container {
        margin-top: 15px;
    }
    .intro-image-col > .elementor-widget-wrap.elementor-element-populated {
        align-content: center !important;
    }
    .team-hover-listing-blog-top .team-member-function {
        margin-left: 0;
        padding-left: 0;
    }
    .team-hover-listing-blog-top .team-member-function::before {
        display: none;
    }
    .team-hover-listing.team-hover-listing-blog-top.large .team-member-function h4 {
        font-size: clamp(16px, 2vw, 28px);
    }
}

@media only screen and (max-width: 1024px) {
    .craftsmen-innersection--content-col > div {
        padding: 40px 60px 200px 60px !important;
    }
    .craftsmen-innersection--content-col {
        order: 2;
    }
    .craftsmen-innersection--carousel-col {
        padding-left: 100px;
    }
    .craftsmen-carousel .swiper-slide img {
        height: 45vw;
    }
    .craftsmen-team > div {
        flex-wrap: nowrap !important;
        column-gap: 20px;
    }
    .projectCarousel-contentInner-textblock,
    .projectCarousel-content-overlayText {
        margin-left: 50px;
        max-width: 500px;
        padding: 30px 30px 20px 30px !important;
        font-size: 18px !important;
        line-height: 24px !important;
    }
    .projectCarousel-contentInner-textblock .jet-listing-dynamic-field__content {
        font-size: 18px !important;
        line-height: 24px !important;
    }
    .projectCarousel-contentInner-textblock::before {
        left: -50px;
        width: 50px;
    }
    #projectCarousel-logos > div {
        padding-left: 30px !important;
    }
    .dienstenTemplate-innerSection > div {
        flex-wrap: nowrap !important;
        column-gap: 20px;
    }
    .kracht-standcraft::before {
        top: -300px;
        background-size: 120%;
    }
    .proces-item .elementor-icon-box-content h3 {
        font-size: clamp(20px, 3.5vw, 40px) !important;
    }
    .proces-item .elementor-icon-box-icon {
        width: 100px;
        height: 100px;
    }
    .proces-item .elementor-icon-box-content {
        width: calc(100% - 100px);
        padding-top: 30px
    }
    .proces-item .elementor-icon-box-icon::before {
        line-height: 95px;
        font-size: 32px;
    }
    .project-overlay-logo img {
        height: 100px !important;
    }
    .project-overlay-logo > div {
        margin: -100px 0 0 !important;
    }
    .project-single-header--content > div {
        padding-right: 0 !important;
        padding-top: 0;
        padding-bottom: 0;
    }
    .project_attribute {
        width: 33.333% !important;
    }
    .project_attribute:nth-child(-n+3) {
        margin-bottom: 15px !important;
    }
    .project-gallery .slick-slide {
        margin: 0 10px;
    }
    .project-gallery .slick-list {
        margin: 0 -10px;
    }
    .related-projects-grid .jet-listing-grid__slider-icon.slick-arrow {
        width: 40px;
        height: 40px;
    }
    .related-projects-grid .jet-listing-grid__slider-icon.slick-arrow > svg {
        height: 25px;
    }
    .team-hover-listing.large .jet-listing-grid__item::before {
        font-size: 30px;
    }
    .team-hover-listing.large .jet-listing-grid__item:last-child::after {
        left: -20px;
        top: -10px;
    }
    .page-id-1836 .team-hover-listing.large .jet-listing-grid__item:last-child::before {
        top: -50px;
        left: -240px;
        width: 240px;
    }
    .team-hover-listing.large .jet-listing-grid__item:last-child::before {
        left: -210px;
        top: -30px;
        width: 190px;
    }
    .team-hover-listing.large .jet-listing-grid__item:first-child::after {
        left: -45px;
    }
    .team-hover-listing.large .jet-listing-grid__item:first-child::before {
        left: -270px;
        bottom: 20px;
        width: 250px;
    }
    .contact-opties ul.elementor-icon-list-items > li {
        padding-bottom: 20px;
    }
    .contact-opties ul.elementor-icon-list-items {
        grid-gap: 20px;
    }
    .contact-opties ul.elementor-icon-list-items > li {
        width: calc(25% - 15px);
    }
    .contact-head::before {
        background-size: 1000px;
    }
    .team-grid-item {
        padding-right: 0px;
        margin-bottom: 20px;
    }
    .team-hover-listing.small .jet-listing-grid__item {
        margin-bottom: 40px !important;
    }
    .team-hover-listing.small .jet-listing-grid__item:nth-child(odd) {
        padding-right: 20px !important;
    }
    .team-hover-listing.small .jet-listing-grid__item:nth-child(even) {
        padding-left: 20px !important;
    }
    .team-hover-listing.small .team-grid--content-col {
        align-items: center;
    }
    .team-member-function {
        width: 100% !important;
    }
    .contact-inner-form > p {
        font-size: 18px;
        padding-right: 45%;
    }
    form.wpcf7-form .contact-user-container .span6 {
        width: 100%;
    }
    .contact-inner-form label {
        top: 17px;
    }
    .contact-inner-form :is(input, textarea) {
        line-height: 25px;
    }
    .contact-message-container textarea {
        max-height: 265px;
    }
    .contact-floating-title {
        font-size: 32px;
    }
    .contact-floating-title::before {
        width: 45px;
        height: 23px;
        left: -55px;
        top: 25px;
    }
    .contact-inner-form h3 {
        margin-bottom: 10px;
    }
    .project-overlay-logo img {
        padding: 10px 0;
    }

    .facts-section :is(.dienst-section_image-col, .dienst-section_content-col) {
        width: 100% !important;
    }
    .facts-section {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .facts-section.dienst-section-left .dienst-section_content-col {
        padding-right: 80px;
    }
    .facts-section.dienst-section-left .dienst-section_image-col {
        padding-left: 80px;
    }
    .facts-section .dienst-section_content-col > .elementor-widget-wrap {
        background-color: #FFFFFF !important;
        -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
        -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
        box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
    }
    .facts-section .dienst-section_content-col :is(h3, .weetjes-content) {
        color: #000 !important;
    }
    .facts-section .dienst-section_content-col h4 {
        color: #808080 !important;
    }
    .facts-section.dienst-section-left > .elementor-container::after {
        display: none;
    }
    .facts-section.dienst-section .dienst-section_image-col {
        order: 1;
    }
    .facts-section.dienst-section .dienst-section_content-col {
        order: 2;
        margin-top: -80px;
        z-index: 8;
    }
    .facts-section.dienst-section .dienst-section-image > div > img {
        height: clamp(260px, 60vw, 500px);
    }
    .partners-row .elementor-widget-image {
        padding: 0 10px;
    }
    .partners-row > div {
        margin: 0 -10px;
        width: calc(100% + 20px);
    }
    .svgpathTriangleLeft span.elementor-icon-list-icon::before {
        width: 20px;
        height: 20px;
    }
    .contact-opties li .elementor-icon-list-text {
        padding-left: 40px !important;
    }
    .contact-opties .elementor-icon-list-text::before {
        width: 25px;
        height: 25px;
        top: 3px;
    }
    .single-blog-intro > div,
    .inner-st-blog_attribute {
        padding: 0 30% 0 0 !important;
    }
    .inner-st-intro .single-blog-intro > div,
    .inner-st-intro-standbouw .single-blog-intro > div {
        padding: 0 !important;
    }
    .team-hover-listing.team-hover-listing-blog.large .jet-listing-grid__item:last-child::before {
        font-size: 32px;
        right: -145px;
        top: -135px;
        width: 200px;
    }
    .team-hover-listing.team-hover-listing-blog.large .jet-listing-grid__item:last-child::after {
        width: 45px;
        height: 23px;
    }
    .blog_attribute {
        width: max-content !important;
    }
    .about-blog-text > div {
        padding: 0 0 0 0 !important;
    }
    .team-hover-listing.team-hover-listing-blog-top.large .jet-listing-grid__items {
        justify-content: flex-start !important;
    }    
    .team-hover-listing.team-hover-listing-blog-top.large .jet-listing-grid__item {
        max-width: clamp(200px, 40vw, 375px);
    }
    .team-hover-listing.team-hover-listing-blog-top.large .jet-listing-grid__item:last-child > div {
        margin-left: unset !important;
    }
    .team-hover-listing.team-hover-listing-blog-top.large .jet-listing-grid__item:first-child::after {
        left: unset;
        right: 30px;
        top: 30px;
        transform: rotate(180deg);
    }
    .team-hover-listing.team-hover-listing-blog-top.large .jet-listing-grid__item:last-child::before {
        left: unset;
        right: -240px;
        top: 0;
    }
    .team-hover-listing.large .jet-listing-grid__item:last-child > div {
        width: 70%;
    }
    .about-diensten-text {
        font-size: 18px !important;
        line-height: 28px !important;
    }
    .footer-menus .elementor-column.footer-mobile-accordion-beurzen ul {
        column-count: 1;
    }
    .footer-menus .elementor-column {
        width: calc(25% - 15px) !important;
    }
    .footer-menus .elementor-column.footer-mobile-accordion-beurzen {
        width: calc(25% - 15px) !important;
    }
}

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

    .elementor-nav-menu--toggle li.tablet-only {
        display: inline-block !important;
        width: 100% !important;
    }

    .elementor-nav-menu--toggle li.social-icons {
        display: inline-block !important;
        width: auto !important;
        margin-right: 15px;
        margin-top: 15px;
        margin-bottom: 100px;
    }

    .elementor-nav-menu--toggle li:is(.menu-adres, .menu-contact) a {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }
    .elementor-nav-menu--toggle li:nth-last-child(2) > a {
        padding-top: 20px !important;
    }
    .sc-menu .elementor-menu-toggle {
        padding: 0;
    }
    .craftsmen-innersection--carousel-col {
        padding-left: 60px;
    }
    .craftsmen-team {
        padding-right: 0;
    }
    .craftsmen-carousel .swiper-slide img {
        height: clamp(230px, 50vw, 480px);
    }
    .projectCarousel-contentInner-textblock,
    .projectCarousel-content-overlayText {
        margin-left: 20px;
        margin-bottom: -90px !important;
        position: unset;
    }
    .projectCarousel-contentInner-textblock::before,
    .projectCarousel-content-overlayText::before {
        display: none;
    }
    #projectCarousel-logos > div {
        padding-left: 0 !important;
    }
    .home-carousels {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    #projectCarousel-logos {
        padding: 0 5%;
    }
    .projectCarousel-contentInner-image {
        padding-top: 0;
    }
    .dienstenTemplate-innerSection > div {
        flex-wrap: wrap !important;
        row-gap: 40px;
    }
    .dienstenTemplate-innerSection .elementor-column {
        width: calc(50% - 10px) !important;
    }
    form.wpcf7-form .span6 {
        width: 100%;
    }
    .sc-send input[type="submit"],
    button.accordion {
        padding: 12px 75px 12px 20px;
        font-size: 22px;
        line-height: 26px;
        background-size: 50px;
    }
    button.accordion::after {
        width: 50px;
        background-size: 18px;
    }
    .footer-menus .elementor-column {
        width: calc(50% - 10px) !important;
    }
    .footer-menus .elementor-column.footer-mobile-accordion-beurzen {
        width: calc(50% - 10px) !important;
    }
    .footer-menus > div {
        row-gap: 20px;
    }
    div[data-elementor-type="footer"] {
        background-position: 50% 65%;
        background-size: 160%;
    }
    .dienst-section_image-col,
    .dienst-section_content-col {
        width: 100% !important;
    }
    .dienst-section {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .dienst-section-right .dienst-section_image-col,
    .dienst-section-left .dienst-section_content-col {
        padding-right: 80px;
    }
    .dienst-section-left .dienst-section_image-col,
    .dienst-section-right .dienst-section_content-col {
        padding-left: 80px;
    }
    .dienst-section_content-col > .elementor-widget-wrap {
        background-color: #FFFFFF !important;
        -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
        -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
        box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
    }
    .dienst-section_content-col h3,
    .dienst-section_content-col p {
        color: #000 !important;
    }
    .dienst-section_content-col h4 {
        color: #808080 !important;
    }
    .dienst-section-right > .elementor-container::after,
    .dienst-section-left > .elementor-container::after {
        display: none;
    }
    .dienst-section .dienst-section_image-col {
        order: 1;
    }
    .dienst-section .dienst-section_content-col {
        order: 2;
        margin-top: -80px;
        z-index: 8;
    }
    .dienst-section .dienst-section-image > div > img {
        height: clamp(260px, 60vw, 500px);
    }
    .svgpathTriangleLeft::before {
        width: 100px;
        left: -99px;
    }
    .diensten-header.after-backgroundImage-option1::after {
        top: -100px;
        background-size: 900px;
        background-position: 50% 0px;
    }
    .kracht-standcraft::before {
        top: -200px;
    }
    .proces-item_content-col,
    .proces-item_image-col {
        width: 100% !important;
    }
    .proces-item-right .proces-item_content-col,
    .proces-item-left .proces-item_content-col {
        order: 1;
    }
    .proces-item-right .proces-item_image-col,
    .proces-item-left .proces-item_image-col {
        order: 2;
    }
    .proces-item_image-col {
        padding-left: 130px;
        padding-top: 40px;
    }
    .proces-item_image-col::after {
        display: none;
    }
    .generic-section-right {
        padding-right: 0;
        padding-left: 5%;
    }
    .proces-item-left .proces-item_content-col {
        padding-left: 0;
    }
    .proces-item_content-col {
        padding-right: 50px;
    }
    .projects-grid-big--post-title {
        width: 100% !important;
    }
    .projects-grid-big--locatie {
        margin-left: unset;
    }
    .projects-grid-big--inner-section {
        padding: 20px 0px !important;
    }
    .project-single-header--content > div {
        padding-left: 0;
        padding-top: 30px;
    }
    .related-projects-grid .jet-listing-grid__items {
        padding-bottom: 60px;
    }
    .related-projects-grid .slick-arrow {
        bottom: 0;
        top: unset;
    }
    .related-projects-grid .prev-arrow {
        left: 10px !important;
    }
    .related-projects-grid .next-arrow {
        left: 60px !important;
        right: unset !important;
    }
    .contact-head {
        padding-top: max(60px, 12vw) !important;
    }
    .team-hover-listing .jet-listing-grid__items {
       justify-content: unset !important;
    }
    .team-hover-listing.large .jet-listing-grid__item {
        max-width: 100%;
        width: 100%;
    }
    .team-hover-listing.large .jet-listing-grid__item:first-child {
        margin-top: 55px;
    }
    .team-hover-listing.large .jet-listing-grid__item {
        width: 100%;
    }
    .team-hover-listing.large .jet-listing-grid__item:first-child {
        margin-right: 0;
    }
    .team-hover-listing.large .jet-listing-grid__item > div,
    .page-id-748 .team-hover-listing.large .jet-listing-grid__item:last-child > div {
        width: 45%;
    }
    .team-hover-listing.large .jet-listing-grid__item:first-child > div {
        margin-left: auto;
    }
    .team-hover-listing.large .team-hover-image {
        width: 100%;
    }
    .team-hover-listing.large .team-member-name h3 {
        font-size: clamp(16px, 3vw, 24px);
    }
    .team-hover-listing.large .team-member-function h4,
    .contact-list-team .elementor-icon-list-text {
        font-size: clamp(16px, 2.5vw, 20px);
    }
    .team-hover-listing.large .jet-listing-grid__item:first-child::after {
        left: unset;
        right: 41vw;
        bottom: 18vw;
        transform: rotate(15deg);
    }
    .team-hover-listing.large .jet-listing-grid__item:first-child::before {
        left: unset;
        right: 46vw;
        bottom: 13vw;
        width: 35vw;
    }
    .page-id-1836 .team-hover-listing.large .jet-listing-grid__item:last-child::before {
        top: unset;
        left: 46vw;
        width: 34vw;
        bottom: 20vw;
    }
    .team-hover-listing.large .jet-listing-grid__item:last-child::after {
        left: 41vw;
        bottom: 20vw;
        top: unset;
        transform: scaleY(-1) rotate(-150deg);
    }
    .team-hover-listing.large .jet-listing-grid__item:last-child::before {
        left: 47vw;
        top: unset;
        bottom: 16vw;
        width: 26vw;
    }
    .team-hover-listing.large .jet-listing-grid__item:last-child::after,
    .team-hover-listing.large .jet-listing-grid__item:first-child::after {
        width: max(38px, 7vw);
        height: max(20px, 4vw);
    }
    .team-hover-listing.large .jet-listing-grid__item::before {
        font-size: clamp(20px, 4vw, 30px);
    }
    .contact-opties ul.elementor-icon-list-items {
        grid-gap: 0px;
    }
    .contact-opties ul.elementor-icon-list-items > li {
        width: 50%;
        border-bottom: 1px solid #808080;
        padding: 20px;
    }
    .contact-opties ul.elementor-icon-list-items > li:nth-child(n+3) {
        border-bottom: unset;
    }
    .contact-opties ul.elementor-icon-list-items > li:nth-child(1) {
        border-right: 1px solid #808080;
    }
    .team-hover-listing.small .jet-listing-grid__item {
        width: 100% !important;
        max-width: unset;
        -webkit-box-flex: 0;
        -ms-flex: unset;
        flex: unset;
    }
    .team-hover-listing.small .jet-listing-grid__item:nth-child(odd) {
        padding-right: 0px !important;
    }
    .team-hover-listing.small .jet-listing-grid__item:nth-child(even) {
        padding-left: 0px !important;
    }
    .team-hover-listing.small .jet-listing-grid__item:nth-child(even) .team-grid-item > div {
        flex-direction: row-reverse;
    }
    .team-hover-listing.small .jet-listing-grid__item:nth-child(even) .team-grid--content-col :is(.team-member-name, .team-member-function) {
        width: 100% !important;
        text-align: right;
    }
    .sc-menu nav.elementor-nav-menu--dropdown .home-url img {
        width: 100%;
        height: 32px;
        padding: 0 30px;
        object-fit: contain;
        object-position: left;
        margin-bottom: 30px;
    }
    .sc-menu nav.elementor-nav-menu--dropdown .sc-menu-toggle__close {
        width: 20px;
        height: 20px;
        position: absolute;
        right: 25px;
        top: 25px;
        background-image: url('assets/images/close-icon-w.svg');
        background-size: contain;
        background-repeat: no-repeat;
    }
    .sc-menu .elementor-menu-toggle__icon--open {
        display: block !important;
    }
    .sc-menu .elementor-menu-toggle__icon--close {
        display: none;
    }
    .sc-menu nav.elementor-nav-menu--dropdown a.home-url {
        display: inline-block;
    }
    .project-gallery .overlay {
        font-size: 16px;
    }
    .policy-text {
        font-size: 18px !important; 
        line-height: 25px !important;
    }
    .policy-text h2 {
        font-size: 22px;
    }
    .pll-parent-menu-item > a {
        display: none !important;
    }
    .pll-parent-menu-item ul.sub-menu {
        display: flex !important;
        padding: 10px 0 10px;
        column-gap: 10px;
        background-color: transparent;
    }
    .pll-parent-menu-item ul.sub-menu > li > a {
        padding: 0 !important;
        padding: 5px 10px !important;
        background-color: #fff !important;
        column-gap: 8px;
    }
    .pll-parent-menu-item ul.sub-menu > li > a::after {
        content: '';
        color: #000;
        font-size: 15px;
    }
    .pll-parent-menu-item ul.sub-menu > li > a[lang="en-GB"]::after {
        content: 'English website';
    }
    .pll-parent-menu-item ul.sub-menu > li > a[lang="nl-NL"]::after {
        content: 'Nederlandse website';
    }
    .werkenbij-single-header--content > div {
        padding-right: 0;
        padding-top: 30px;
    }
    .werkenbij-single-header--content {
        order: 2;
    }
    .werkenbij-single-header .project-grid-image {
        padding-top: unset;
    }
    .werkenbij-single-header .project-grid-image > .elementor-widget-container {
        max-height: unset;
    }
    .werkenbij-single-header .project-grid-image img {
        position: unset;
        top: unset;
        left: unset;
        height: clamp(160px, 50vw, 370px);
    }
    .sc-diensten_video::after {
        bottom: unset;
        top: 10px;
    }
    .sc-diensten_video video {
        height: max(200px, 60vw);
    }
    .pm-realised {
        order: 2;
    }
    .privacy-menu ul.elementor-nav-menu {
        justify-content: center;
    }
    .single-blog-intro > div,
    .inner-st-blog_attribute {
        padding: 0 0 0 0 !important;
    }
    .team-hover-listing.team-hover-listing-blog-top.large .jet-listing-grid__item:last-child::before {
        right: -230px;
    }
    .team-hover-listing.team-hover-listing-blog-top.large .jet-listing-grid__item::before {
        font-size: 28px;
    }
    .team-hover-listing.team-hover-listing-blog-top.large .jet-listing-grid__item:first-child::after {
        right: 20px;
    }
    .contact-list-team .elementor-icon-list-item::after {
        display: none;
    }
    .standbouw-contact-button a {
        font-size: 18px !important;
    }
}

@media only screen and (max-width: 650px) {
    .kracht-standcraft-slogan, 
    .svgpathTriangleLeft {
        width: 100% !important;
    }
    .kracht-standcraft-slogan > div {
        margin: 0 !important;
        background-color: transparent !important;
        background: rgb(105,105,105);
        background: -moz-linear-gradient(130deg, rgba(105,105,105,1) 0%, rgba(155,155,155,1) 30%, rgba(123,123,123,1) 70%, rgba(149,149,149,1) 100%);
        background: -webkit-linear-gradient(130deg, rgba(105,105,105,1) 0%, rgba(155,155,155,1) 30%, rgba(123,123,123,1) 70%, rgba(149,149,149,1) 100%);
        background: linear-gradient(130deg, rgba(105,105,105,1) 0%, rgba(155,155,155,1) 30%, rgba(123,123,123,1) 70%, rgba(149,149,149,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#696969",endColorstr="#959595",GradientType=1);
    }
    .svgpathTriangleLeft::before {
        display: none;
    }
    .kracht-standcraft-slogan > div {
        padding-top: clamp(20px, 7vw, 60px) !important;
    }
    .kracht-standcraft,
    .kracht-standcraft-blog.generic-section,
    .kracht-standcraft-standbouw.generic-section {
        margin-top: 70px !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .kracht-standcraft.proces-item {
        margin-top: 0 !important;
    }
    .kracht-standcraft-slogan {
        padding: 0 5%;
    }
    .svgpathTriangleLeft > div {
        padding: 30px 5% !important;
    }
    .projects-grid-big .jet-listing-grid__items {
        flex-wrap: nowrap;
    }
    .projects-grid-big .jet-listing-grid__item {
        width: 300px;
        max-width: 300px;
    }
    .horizontal-scroll {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        cursor: grab;
          /* Hide scrollbar for Chrome, Safari and Opera */
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    /* Hide scrollbar for IE, Edge and Firefox */
    .horizontal-scroll::-webkit-scrollbar {
        display: none;
    }
    .projecten-grid-section {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .projects-filter-section,
    .projecten-grid-section .elementor-widget-jet-listing-grid {
        padding-left: 5% !important;
        padding-right: 5% !important;
    }
    .projects-filter-section .elementor-inner-column {
        width: max-content;
    }
    .contact-floating-title {
        display: none;
    }
    .contact-inner-form > p {
        padding-right: 0;
    }
    .contact-user-container, .contact-message-container {
        padding: 0;
        width: 100%;
    }
    .contact-user-container {
        grid-gap: 5px;
        margin-bottom: 5px;
    }
    .contact-inner-form :is(input, textarea) {
        padding: 12px 20px 6px;
        font-size: 16px;
    }
    .contact-inner-form label {
        top: 12px;
    }
    .contact-message-container textarea {
        height: 160px;
    }
    .contact-inner-form .sc-send p {
        margin-top: 5px;
    }
    .afspraak-maken-section-blog .contact-message-container {
        margin-top: 0;
    }
}

@media only screen and (max-width: 480px) {
    .elementor-nav-menu--toggle .elementor-menu-toggle + .elementor-nav-menu--dropdown {
        width: 100%;
    }
    .elementor-nav-menu--toggle .elementor-menu-toggle + .elementor-nav-menu--dropdown > ul.elementor-nav-menu,
    .sc-menu nav.elementor-nav-menu--dropdown a.home-url > img {
        padding: 0 20px;
    }
    .generic-section,
    .craft-quote-title,
    .craftsmen-team > div,
    .home-view-team, 
    #projectCarousel-logos,
    .kracht-standcraft-slogan,
    .separator-video {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .craftsmen-main-section,
    .home-carousels,
    .dienst-section,
    .kracht-standcraft,
    .kracht-standcraft-blog.generic-section,
    .kracht-standcraft-standbouw.generic-section,
    .projecten-grid-section,
    .related-projects-section {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .separator-video {
        margin-top: 50px;
    }
    .craftsmen-innersection--content-col > div {
        padding: 30px 20px 140px 20px !important;
    }
    .craftsmen-button {
        width: 100% !important;
    }
    .craftsmen-button::before {
        width: 33px;
        height: 17px;
        background-size: contain;
        bottom: -35px;
        left: unset;
        right: 230px;
    }
    .craftsmen-button::after {
        font-size: 20px;
        left: unset;
        right: 25px;
        bottom: -40px;
    }
    .craftsmen-member,
    .craftsmen-member strong {
        font-size: 16px !important;
    }
    .craftsmen-member p {
        margin-bottom: 0;
    }
    .craftsmen-foto {
        margin-bottom: 10px !important;
    }
    .sc-main-title {
        border-bottom: 0;
        width: 100% !important;
    }
    .sc-main-title::before {
        left: -20px;
        width: calc(50% + 20px);
        height: 4px;
        bottom: -4px;
    }
    .projectCarousel-contentInner-textblock {
        margin-bottom: -60px;
    }
    #projectCarousel-logos img {
        height: 90px;
        padding: 0;
    }
    #projectCarousel-logos .slick-current > div::after {
        height: 8px;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 8px solid #29B2E5;
        bottom: 6px;
    }
    #projectCarousel-logos .slick-slide {
        padding: 0 8px;
    }
    .projectCarousel-contentInner-textblock,
    .projectCarousel-content-overlayText {
        padding: 15px 20px 10px 20px !important;
        font-size: 16px !important;
        line-height: 20px !important;
    }
    .projectCarousel-contentInner-textblock .jet-listing-dynamic-field__content {
        font-size: 16px !important;
        line-height: 20px !important;
    }
    .dienstenTemplate-innerSection .elementor-column {
        width: 100% !important;
    }
    .dienst-post-title, .dienst-post-content, .dienst-post-button {
        display: none;
    }
    .dienstenTemplate-innerSection > div {
        row-gap: 20px;
    }
    .diensten-section {
        padding-right: 0 !important;
    }
    .dienst-post-image img {
        height: 200px;
    }
    .dienst-post-readmore {
        position: absolute;
        bottom: 20px;
        left: 20px;
    }
    .dienst-post-image::after {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 0;
        left: 0;
        background: rgb(0,0,0);
        background: -moz-linear-gradient(30deg, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 90%);
        background: -webkit-linear-gradient(30deg, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 90%);
        background: linear-gradient(30deg, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 90%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
    }
    .craft-quote-title > div {
        /* border-top: none !important; */
        padding-bottom: 165px;
    }
    .craft-quote-title h2 {
        text-align: left;
    }
    .sc-button-white.elementor-widget-button a {
        width: 100%;
        font-size: 16px !important;
        text-align: left;
        padding: 17px 50px 17px 20px;
    }
    .sc-button-white .animated-arrow {
        width: 50px;
    }
    .sc-button-white.arrow-animate .arrow {
        top: 17px;
    }
    .arrow-animate a .arrow{
        animation-name: bounceAlpha;
        animation-duration:1.4s;
        animation-iteration-count:infinite;
        animation-timing-function:linear;
    }
    
    .arrow-animate a .arrow.primair{
        animation-name: bounceAlpha;
        animation-duration:1.4s;
        animation-delay:0.2s;
        animation-iteration-count:infinite;
        animation-timing-function:linear;
    }
    .footer-contact-subtitle {
        width: 210px !important;
        margin-left: auto;
        margin-right: auto;
    }
    .inner-contact-form,
    .page-id-3284 .inner-contact-form {
        padding: 30px 20px !important;
    }
    .inner-contact-form :is(input, textarea) {
        font-size: 16px;
        padding: 11px 20px 8px;
    }
    .inner-contact-form label {
        font-size: 14px;
        top: 13px;
        left: 10px;
        font-weight: 300
    }
    .inner-contact-form label.move {
        transform: translate(10px, -23px) scale(1); 
    }
    .inner-contact-form .sc-input {
        margin-bottom: 10px;
    }
    .sc-send input[type="submit"],
    button.accordion {
        padding: 11px 65px 11px 20px;
        background-size: 46px;
        font-size: 18px;
        line-height: 23px;
    }
    button.accordion::after {
        width: 45px;
        background-size: 16px;
    }
    .footer-menus .elementor-column,
    .footer-menus .elementor-column.footer-mobile-accordion-beurzen {
        width: 100% !important;
    }
    .footer-mobile-panel-accordion {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.2s ease-out;
    }
    .footer-mobile-panel-accordion > .elementor-widget-container {
        margin-top: 10px;
    }
    .footer-menus > div {
        row-gap: 0px;
    }
    .footer-menus .elementor-column:not(:last-child) {
        border-bottom: 2px solid #707070A6;
        padding-bottom: 15px;
        margin-bottom: 15px !important;
    }
    .footer-mobile-title-accordion {
        margin-bottom: 0px !important;
    }
    .footer-mobile-title-accordion::after {
        content: '';
        position: absolute;
        right: 0;
        width: 16px;
        height: 10px;
        top: 10px;
        right: 20px;
        background-image: url('assets/images/chevron-blue.svg');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        transition: .2s all;
    }
    .footer-mobile-title-accordion.active::after {
        transform: rotateZ(180deg);
    }
    .footer-menu-contact-col p:last-child {
        margin-bottom: 0;
    }
    .footer-bottom nav li {
        width: 100%;
    }
    .footer-bottom nav li a {
        justify-content: center;
    }
    .craftsmen-main-section::before {
        background-size: 1100px;
        background-position: center;
        top: -450px;
    }
    .home-header::after {
        background-position: top center;
    }
    div[data-elementor-type="footer"] {
        background-position: 50% 350px;
        background-size: 1000px;
    }
    .diensten-menu li::before {
        left: -15px;
        width: 6px;
        height: 6px;
    }
    .dienst-section_content-col h3 {
        font-size: 25px !important;
        line-height: 30px !important;
    }
    .dienst-section_content-col h4 {
        font-size: 18px !important;
    }
    .dienst-section_content-col .dienst-content {
        font-size: 16px !important;
        line-height: 20px !important;
    }
    .dienst-section-left .dienst-section_image-col, 
    .dienst-section-right .dienst-section_content-col {
        padding-left: 20px;
    }
    .dienst-section-right .dienst-section_image-col, .dienst-section-left .dienst-section_content-col {
        padding-right: 20px;
    }
    .dienst-subtitle > div {
        margin: 0 !important;
    }
    .dienst-content {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.2s ease-out;
    }
    .dienst-content > div { 
        margin-top: 20px;
        margin-bottom: 10px;
    }
    .dienst-section > .elementor-container {
        min-height: unset;
    }
    .dienst-section .dienst-section_content-col {
        margin-top: -42px;
    }
    .dienst-section_content-col > .elementor-widget-wrap {
        padding: 15px 20px;
    }
    .dienst-section {
        margin-bottom: 0;
    }
    .dienst-anchor {
        margin-bottom: 30px;
    }
    .dienst-title {
        position: relative;
    }
    .dienst-title::after {
        content: '';
        width: 16px;
        height: 10px;
        position: absolute;
        top: 10px;
        right: 0;
        background-image: url('assets/images/chevron-blue.svg');
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        transition: .2s all;
    }
    .facts-section .dienst-title::after {
        display: none;
    }
    .facts-section .dienst-subtitle {
        margin-bottom: 20px !important;
    }
    .dienst-title.active::after {
        transform: rotate(180deg);
    }
    .kracht-standcraft::before {
        top: 180px;
    }
    .proces-item_content-col {
        padding-right: 20px !important;
    }
    .generic-section-left,
    .generic-section-right {
        padding-left: 20px !important;
    }
    .proces-item .elementor-icon-box-icon {
        width: 60px;
        height: 60px;
    }
    .proces-item .elementor-icon-box-icon::before {
        font-size: 25px;
        border-width: 2px;
        line-height: 55px;
    }
    .proces-item .elementor-icon-box-content {
        width: calc(100% - 60px);
        padding-top: 20px;
        padding-left: 15px;
    }
    .proces-item_image-col {
        padding-left: 75px;
        padding-top: 30px;
    }
    .proces-item {
        margin-bottom: 40px;
    }
    .proces-item_content-col .elementor-icon-box-description,
    .proces-item-last .elementor-icon-box-description {
        font-size: 16px !important;
        line-height: 20px !important;
        color: #808080 !important;
    }   
    .proces-item-last {
        margin: 40px 0 70px;
    }
    .project_attribute {
        width: 100% !important;
    }
    .project_attribute,
    .project_attribute:nth-child(-n+3) {
        margin-bottom: 10px !important;
    }
    .project_attribute .jet-listing-dynamic-field__content {
        font-size: 15px !important;
        line-height: 22px !important;
    }
    .project-overlay-logo > div {
        margin: -80px 0 0 !important;
    }
    .project-overlay-logo img {
        height: 80px !important;
    }
    .project-single-header--text {
        font-size: 16px !important;
        line-height: 20px !important;
    }
    .project-gallery .slick-prev {
        right: unset;
        left: 0;
    }
    .project-gallery .slick-next {
        right: unset;
        left: 50px;
    }
    .slick-arrow {
        width: 40px;
        height: 40px;
        background-size: 16px;
    }
    .project-gallery .slick-slider {
        padding-bottom: 60px;
    }
    .team-hover-listing.large .jet-listing-grid__item > div,
    .page-id-748 .team-hover-listing.large .jet-listing-grid__item:last-child > div {
        width: 150px;
    }
    .team-hover-listing.large .jet-listing-grid__item:first-child {
        margin-top: 40px;
    }
    .contact-opties ul.elementor-icon-list-items > li a {
        flex-wrap: wrap;
    }
    .contact-opties ul.elementor-icon-list-items > li .elementor-icon-list-icon {
        margin-bottom: 5px;
    }
    .contact-opties ul.elementor-icon-list-items > li svg {
        margin-right: 0 !important;
    }
    .contact-opties ul.elementor-icon-list-items > li .elementor-icon-list-text {
        width: 100%;
        padding-left: 0 !important;
        padding-top: 30px !important;
    }
    .team-hover-listing.small .team-grid--image-col {
        width: 150px;
    }
    .team-hover-listing.small .team-grid--content-col {
        width: calc(100% - 150px);
        padding-left: 35px;
    }
    .team-text-large-width {
        color: #fff !important;
    }
    .team-hover-listing.small .jet-listing-grid__item:nth-child(even) .team-grid--content-col {
        padding-left: 0;
        padding-right: 35px;
    }
    .team-grid-linkedin {
        top: 50%;
        transform: translateY(-50%);
        width: 30px !important;
        height: 30px;
        border-width: 1px;
    }
    .team-grid-linkedin a.elementor-icon {
        font-size: 16px !important;
    }
    .team-hover-listing.small .jet-listing-grid__item:nth-child(odd) .team-grid-linkedin {
        right: -14px;
    }
    .team-hover-listing.small .jet-listing-grid__item:nth-child(even) .team-grid-linkedin {
        right: unset;
        left: -14px;
    }
    .team-hover-listing.small .jet-listing-grid__item:nth-child(even) .team-grid--content-col :is(.team-member-name, .team-member-function) {
        text-align: left;
    }
    .team-hover-listing.small .jet-listing-grid__item {
        margin-bottom: 30px !important;
    }
    .contact-pagebreak-section {
        padding-left: 0px !important;
    }
    .contact-seperator::before {
        width: 100%
    }
    .contact-seperator::after {
        background: rgb(128,128,128);
        background: -moz-linear-gradient(180deg, rgba(128,128,128,1) 15%, rgba(128,128,128,0) 100%);
        background: -webkit-linear-gradient(180deg, rgba(128,128,128,1) 15%, rgba(128,128,128,0) 100%);
        background: linear-gradient(180deg, rgba(128,128,128,1) 15%, rgba(128,128,128,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#808080",endColorstr="#808080",GradientType=1);
    }
    .text-fade {
        display: none;
    }
    body.menu-open {
        overflow: hidden;
    }
    .sc-menu nav.elementor-nav-menu--dropdown .sc-menu-toggle__close {
        right: 20px;
        top: 35px;
    }
    .sc-menu nav.elementor-nav-menu--dropdown a.home-url {
        padding-top: 0 !important;
    }
    .elementor-nav-menu--toggle .elementor-menu-toggle + .elementor-nav-menu--dropdown {
        padding: 30px 0 0 0;
    }
    .body-background-right-01::before {
        background-size: contain;
    }
    .team-hover-image img {
        transform: scale(1.3) translateY(15px);
    }
    .policy-text ul {
        padding-left: 30px;
    }
    .sc-main-title::after {
        bottom: -4px;
        height: 4px;
    }
    .dienst-section_content-col .elementor-widget-text-editor {
        font-size: 16px !important;
        line-height: 20px !important;
    }
    .team-hover-listing.large .jet-listing-grid__item:last-child::after {
        left: 130px;
        bottom: 65px;
    }
    .team-hover-listing.large .jet-listing-grid__item:last-child::before {
        left: 160px;
        bottom: 45px;
        width: 130px;
    }
    .page-id-1836 .team-hover-listing.large .jet-listing-grid__item:last-child::before {
        left: 160px;
        bottom: 65px;
        width: 160px;
    }
    .team-hover-listing.large .jet-listing-grid__item:first-child::after {
        right: 130px;
        bottom: 55px;
    }
    .team-hover-listing.large .jet-listing-grid__item:first-child::before {
        right: 150px;
        bottom: 60px;
        width: 165px;
        text-align: left;
    }
    .contact-options-section {
        padding-top: 100px;
    }
    .privacy-menu ul.elementor-nav-menu {
        width: 100%;
    }
    .contact-opties .elementor-icon-list-text::before {
        left: 50%;
        transform: translateX(-50%);
        top: 0;
    }
    .separator-video-container video {
        margin-top: 0;
    }
    .svgpathTriangleLeft .elementor-icon-list-item .elementor-icon-list-text {
        padding-left: 25px !important;
    }
    .team-hover-listing.team-hover-listing-blog.large .jet-listing-grid__item:last-child::before,
    .team-hover-listing.team-hover-listing-blog-top.large .jet-listing-grid__item:last-child::before{
        font-size: 22px;
        right: -145px;
        top: -90px;
        width: 200px;
    }
    .team-hover-listing.team-hover-listing-blog.large .jet-listing-grid__item:last-child::after,
    .team-hover-listing.team-hover-listing-blog-top.large .jet-listing-grid__item:last-child::after {
        width: 40px;
        height: 18px;
        right: 70px;
        top: -40px;
    }
    .team-hover-listing.team-hover-listing-blog-top.large .jet-listing-grid__item:last-child::before {
        right: -135px;
        top: -70px;
    }
    .afspraak-maken-section-blog {
        overflow: hidden;
    }
    .blog_attribute strong {
        font-size: 22px;
    }
    .blog_attribute .jet-listing-dynamic-field__content {
        line-height: 25px !important;
    }
    .svgpathTriangleLeft li.elementor-icon-list-item {
        padding-left: 0;
    }
    body .afspraak-maken-section-blog {
        padding-top: 0px !important;
    }
    .contact-list-team .elementor-icon-list-item::after {
        display: block;
    }
    .team-hover-listing.large .jet-listing-grid__item:last-child > div {
        width: 90%;
    }
    .standcraft-table-calendar {
        min-width: max-content;
    }
    .standcraft-table-beurs-element > .elementor-widget-container {
        overflow-x: auto;
    }
    .about-diensten-text {
        font-size: 16px !important;
        line-height: 25px !important;
    }
}

@media only screen and (max-width: 375px) {
    .sc-main-title::after {
        width: 100%;
    }
    .team-hover-listing.team-hover-listing-blog.large .jet-listing-grid__item:last-child::after {
        right: 100px;
    }
    .team-hover-listing.team-hover-listing-blog.large .jet-listing-grid__item:last-child::before {
        right: -115px;
    }
    .team-hover-listing.team-hover-listing-blog-top.large .jet-listing-grid__item:last-child::before {
        right: -75px;
        top: -70px;
        width: 150px;
    }
}