/* ===== home ====== */
.dark-mode {
    background-color: #1C1C1C;
}
.dark-mode .page-wrap {
    background: #1C1C1C;
}
.dark-mode h2, .dark-mode h2 strong, .dark-mode h3, .dark-mode h4, .dark-mode h5, .dark-mode h6, .dark-mode p ,.dark-mode li{
    color: #FFF;
}
.dark-mode h2 strong {
    color: #FFF;
}
.dark-mode .border-btn {
    border-color: #fff;
    color: #fff;
}
.dark-mode .border-btn strong {
    background-color: #fff;
    border: 1px solid #fff;
}
.dark-mode .border-btn::after {
    background-color: #8B6743;
}
.dark-mode .border-btn strong::before {
    background-image: url(../images/black-arrow.svg);
}
.dark-mode .border-btn strong::after {
    background-image: url(../images/black-arrow.svg);
}
/* .dark-mode .border-btn:hover{
    border-color: #8B6743;
} */
.dark-mode .common-btn:hover::after {
    clip-path: inset(0 round 4.25rem);
    background-color: #8B6743;
}
.dark-mode .border-btn:hover {
    color: #fff;
    border-color: #8B6743;
}
.dark-mode .product-arrow .common-arrow img{
    filter: brightness(0) invert(1);
}
.dark-mode .product-arrow .common-arrow:hover img {
    filter: brightness(0) saturate(100%) invert(38%) sepia(98%) saturate(313%) hue-rotate(343deg) brightness(93%) contrast(83%);
}
.dark-mode .service-arrow .common-arrow:hover img {
    filter: brightness(0) saturate(100%) invert(45%) sepia(6%) saturate(3649%) hue-rotate(342deg) brightness(93%) contrast(93%);
}
.dark-mode .header-right {
    background: rgba(28, 28, 28, 0.1);
}
.dark-mode .banner-btm-slider-wrap {
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: rgba(28, 28, 28, 0.25);
}
.dark-mode .each-product-wrap {
    background-color: #232323;
    border: 1px solid rgba(255, 255, 255 , 0.05);
}
.dark-mode .each-product-title h4{
    color: #fff;
}
.dark-mode .each-product-title h6{
    color: #fff;
}
.dark-mode .each-product-dtls li{
    background-color: #fff;
    color: #1C1C1C;
}
.dark-mode .each-product-price h5{
    color: #fff;
}
.dark-mode .each-product-dtls li img{
    filter:brightness(0)
}
.dark-mode .product-title{
    background-color: #232323;
    border: 1px solid rgba(255, 255, 255, 0.05);
}
.dark-mode .product-title h2{
    color: #fff;
}
.dark-mode .product-title p{
    color: #fff;
}
.dark-mode .each-product-thumb{
    background-color: #232323;
}
.dark-mode .product-title-mark {
    filter: brightness(0) invert(1);
}
.dark-mode .service-sec .inner-wrap{
    background-color: rgba(35, 35, 35, 1);
}
.dark-mode .each-service-slider-info h4{
    color: #8B6743;
}
.dark-mode .usp-marquee-wrap li{
    color: #fff;
}
.dark-mode .usp-marquee-outer::before{
    background: linear-gradient(120deg, #1C1C1C 0%, rgba(28, 28, 28, 0) 100%);
}
.dark-mode .usp-marquee-outer::after {
    background: linear-gradient(270deg, #1C1C1C 0%, rgba(28, 28, 28, 0) 100%);
}
.dark-mode .inner-wrap{
    background-color: #232323;
}
.dark-mode .about-title h4{
    color: #8B6743;
}
.dark-mode .about-left-info-wrap::after, .dark-mode .about-right-info-wrap::after {
    box-shadow: inset 0px -8px 20px -3px  rgba(28, 28, 28, 0.05);
}
.dark-mode .about-left-info strong{
    color: #fff;
}
.dark-mode .about-left-info strong , .dark-mode .about-right-info strong{
    color: #fff;
    z-index: 1;
}
.dark-mode .about-left-info:hover .about-left-info-wrap::before{
    background: #8B6743;
    -webkit-mask: linear-gradient(#8B6743 0 0) padding-box, linear-gradient(#8B6743 0 0);
}
.dark-mode .about-right-info:hover .about-right-info-wrap::before{
    background: #8B6743;
    -webkit-mask: linear-gradient(#8B6743 0 0) padding-box, linear-gradient(#8B6743 0 0);
}
.dark-mode .about-review-info-merge{
    padding-bottom: 10px;
}
.dark-mode .footer-contact h5 {
    color: rgba(255, 255, 255, 0.50);
}
.dark-mode .inner-header {
    background-color: #232323;
}
.dark-mode .header-active {
    border-bottom: 1px solid rgba(255, 255, 255 , 0.2);
}
.dark-mode .header-area .glass-overlay{
    background: rgba(28, 28, 28, 0.1);
}
/* ======= diens list ======== */
.dark-mode .each-service-list::after {
    box-shadow: inset 0px -8px 20px -3px rgba(35, 35, 35, 0.05);
}
.dark-mode .each-service-list::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 20px;
    border: 2px solid transparent;
    background: linear-gradient(210deg, #C2A28B 0%, rgba(194, 162, 139, 0.1) 100%) border-box;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
    pointer-events: none;
}
/* ===== diens dtl ======== */
.dark-mode .service-dtl-desc-contact .common-btn strong::before{
    filter: brightness(0) saturate(100%) invert(43%) sepia(14%) saturate(1834%) hue-rotate(343deg) brightness(95%) contrast(86%);
}
.dark-mode .service-dtl-desc-contact .common-btn strong::after{
    filter: brightness(0) saturate(100%) invert(43%) sepia(14%) saturate(1834%) hue-rotate(343deg) brightness(95%) contrast(86%);
}
.dark-mode .service-dtl-info-sec td h5{
    color: #fff;
    border-bottom: 2px solid rgba(255, 255, 255, 0.2);
}
.dark-mode .service-dtl-info-sec td.active h5::after{
    filter: brightness(0) invert(1);
}
.dark-mode .service-dtl-info-sec td h4{
    color: #fff;
}
.dark-mode .service-dtl-info-sec td h5::after{
    filter: brightness(0) invert(1);
}
.dark-mode .service-dtl-info-sec td.active h5 {
    border-color: #8B6743;
}
.dark-mode .form-sec .inner-wrap{
    background: #232323;
}

.dark-mode .form-block .input-wrap::before {
    border: 0;
}
.dark-mode .form-block .input-wrap {
    position: relative;
    border-radius: 10px;
    background: rgba(28, 28, 28, 0.05);
    backdrop-filter: blur(20px);
    border-bottom: 2px solid rgba(255, 255, 255, 0.2);
    box-shadow: inset 0 1px 3px rgba(255, 255, 255, 0.3), 0 0px 0px rgba(0, 0, 0, 0.1);
}
.dark-mode .form-block .form-style{
    font-family: 'LamaSans-Regular';
}
.dark-mode .form-block label{
    font-family: 'LamaSans-Regular';
}
.dark-mode .slider-btn .common-arrow img{
    filter: brightness(0) invert(1);
}
.dark-mode .slider-btn .common-arrow:hover img{
    filter: brightness(0) saturate(100%) invert(43%) sepia(14%) saturate(1834%) hue-rotate(343deg) brightness(95%) contrast(86%);
}
.dark-mode .vacature-dtl-info-sec td li{
    color: #fff;
}
.dark-mode .service-dtl-info-sec.vacature-dtl-info-sec td h5 {
    color: #fff;
    border-bottom: 2px solid rgba(255, 255, 255, 1);
}
.dark-mode .service-dtl-info-sec.vacature-dtl-info-sec td.active h5 {
    border-color: #8B6743;
}
.dark-mode .service-dtl-desc-txt li{
    color: #fff;
}
.dark-mode .aanbod-product-sec .each-product-wrap{
    border: 0px;
}
.dark-mode .related-product-sec .each-product-wrap{
    border: 0;
}
/* ===== over ons ====== */
.dark-mode .welcome-desc-top h4 {
    color: #8B6743;
}
.dark-mode .each-overons-welcome-info {
    box-shadow: -2px 5px 10px -12px rgba(35, 35, 35, 0.05);
    background: rgba(28, 28, 28, 0.3);
    box-shadow: inset 0px 0px 38px 1px #1c1c1cd4;
}
.dark-mode .each-overons-welcome-info:hover{
    background: #8B6743;
    box-shadow: none;
}
.dark-mode .each-overons-welcome-info::before {
    background: linear-gradient(215deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0) 1%, rgba(255, 255, 255, 0.6) 288%);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.0);
}
.dark-mode .each-overons-welcome-info h2{
    color: #8B6743;
}
.dark-mode .each-overons-welcome-info:hover h2{
    color: #fff
}
.dark-mode .each-why-us {
    background-color: rgba(28, 28, 28, 0.05);
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: inset 0px 0px 38px 1px #1c1c1cd4;
}
.dark-mode .each-why-us:hover{
    box-shadow: unset;
}
.dark-mode .each-why-us h5{
    color: rgba(245, 245, 245, 0.3);
}
.dark-mode .why-us-slider .swiper-slide:hover .each-why-us {
    border-color: #8B6743;
}
.dark-mode .each-member {
    background-color: #1C1C1C;
    border: 1px solid #1C1C1C;
}
.dark-mode .why-us-sec .inner-wrap::after{
    content: "";
    top: -7px;
    right: 0;
    position: absolute;
    background-position: right center;
    background-repeat: no-repeat;
    background-image: url(../images/over-ons-why-dark-merk.png);
    background-size: 214px;
    height: 214px;
    width: 214px;
}
.dark-mode .why-us-sec .inner-wrap{
    position: relative;
}
.dark-mode .verkocht-top h2{
    color: #8B6743;
}
/* ==== aanbod dtl ===== */
.dark-mode .aanbod-top-area{
    background: #232323;
}
.dark-mode .aanbod-right-block-wrap td::before {
    background: linear-gradient(210deg, #C2A28B 0%, rgba(194, 162, 139, 0) 100%) border-box;
}
.dark-mode .aanbod-right-block-wrap td::after {
    box-shadow: inset 0px -3px 15px -8px rgba(255, 255, 255, 0.3);
}
.dark-mode .aanbod-right-block-wrap{
    margin-bottom: 20px;
}
.dark-mode .aanbod-dtl-man-info p a {
    color: #fff;
}
.dark-mode .aanbod-dtl-man-info p em{
    color: rgba(255, 255, 255, 0.5);
}
.dark-mode .aanbod-dtl-man-info .common-btn{
    background-color: #fff;
    color: #1C1C1C;
}
.dark-mode .aanbod-dtl-man-info .common-btn:hover{
    background-color: #8B6743;
    border-color: #8B6743;
    color: #fff;
}
.dark-mode .aanbod-dtl-man-info .border-btn:hover strong{
    background-color: #fff;
    border-color: #fff;
}
.dark-mode .aanbod-dtl-man-info .border-btn strong {
    background-color: #1C1C1C;
    border: 1px solid #1C1C1C;
}
.dark-mode .aanbod-dtl-man-info .border-btn:hover strong::after {
    background-image: url(../images/black-arrow.svg);
}
.dark-mode .aanbod-dtl-man-info .border-btn:hover strong::before {
    background-image: url(../images/black-arrow.svg);
}
.dark-mode .aanbod-dtl-man-info .border-btn strong::after {
    background-image: url(../images/white-arrow.svg);
}
.dark-mode .aanbod-dtl-man-info p a:hover{
    color: #8B6743;
}
.dark-mode .aanbod-dtl-man-info .border-btn strong::before {
    background-image: url(../images/white-arrow.svg);
}
.dark-mode .aanbod-dtl-man-part {
    position: relative;
    background: linear-gradient(220deg, #1C1C1C -12%, rgba(28, 28, 28, 0.2) 124%) border-box;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.dark-mode .aanbod-dtl-man-part::after {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    box-shadow: inset 0px -3px 20px -8px rgba(28, 28, 28, 0.2);
    pointer-events: none;
    border-radius: 10px;
}
.dark-mode .tab-btn ul.tabs li{
    color: rgba(255, 255, 255, 0.5);
}
.dark-mode .tabs li::after {
    filter: brightness(0) saturate(100%) invert(98%) sepia(63%) saturate(2%) hue-rotate(60deg) brightness(118%) contrast(100%);
}
.dark-mode .tab-btn ul.tabs li.active{
    color: #8B6743;
}
.dark-mode .tabs li.active::after{
    filter: brightness(0) saturate(100%) invert(38%) sepia(83%) saturate(332%) hue-rotate(343deg) brightness(96%) contrast(89%);
}
.dark-mode .tab-btn ul.tabs li:hover{
    color: #8B6743;
}
.dark-mode .tabs li:hover::after{
    filter: brightness(0) saturate(100%) invert(38%) sepia(83%) saturate(332%) hue-rotate(343deg) brightness(96%) contrast(89%);
}
.dark-mode .tab-top {
    border-bottom: 2px solid rgba(255, 255, 255, 0.3);
}
.dark-mode .kenmerken-tab{
    background: #232323;
}
.dark-mode .kenmerken-tab ul{
    background-color: #1C1C1C;
}
.dark-mode .kenmerken-tab li{
    color: #fff;
    border-right: 1px solid rgba(255, 255, 255, 0.15);
}
.dark-mode .kenmerken-tab li strong{
    color: rgba(255, 255, 255, 0.7);
}
.dark-mode .kenmerken-tab ul:hover{
    background-color: #8B6743;
}
.dark-mode .related-product-sec .each-product .each-product-arrow{
    border-color: #fff;
}
.dark-mode .each-product-arrow img{
    filter: brightness(0) invert(1);
}
.dark-mode .related-product-sec .each-product:hover .each-product-arrow{
    border-color: #8B6743;
}
.dark-mode .dtl-tab-sec .bullet-panel li{
    color: #fff;
}
.dark-mode .kenmarken-popup-inner {
    background-color: #1C1C1C;
}
.dark-mode .kenmarken-popup-content li:nth-child(even){
    color: rgba(255, 255, 255 , 0.4);
}
.dark-mode .auto-overview-filter-result {
    background-color: #232323;
    border-top: 1px solid #8B6743;
}
.dark-mode  .auto-overview-filter-result .total_search_records:hover {
    color: #FFF;
}
/* ===== aanbod list ====== */
.dark-mode .select-style {
    color: #fff;
    border-color: #fff;
}
.dark-mode .select-style::after{
    background-color: #fff;
    background-image: url(../images/filter-arrow-black.svg);
}
.dark-mode .select-style:hover{
    border-color: #8B6743;
}
.dark-mode .aanbod-filter-sec .range-block label{
    color: #fff;
}
.dark-mode  .aanbod-range-filter .slider-inputs input{
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.5);
}
.dark-mode .aanbod-range-filter .slider-inputs span {
    color: #fff;
}
.dark-mode .auto-overview-tag{
    color: #fff;
}
.dark-mode .cross-btn{
    filter: brightness(0) invert(1);
}
.dark-mode .filter-reset a{
    color: #fff;
}
.dark-mode .filter-reset a:hover{
    color: #8B6743;
}
.dark-mode .each-product-arrow{
    border-color: #fff;
}
/* ===== bedankt ====== */
.dark-mode .modal-area .popup-content{
    background: #232323;
}
.dark-mode .modal-area .popup-content p{
    color: #fff;
}
.dark-mode .popup-mark{
    filter: brightness(0) invert(1);
}
.dark-mode .popup-logo-black {
    display: block;
}
.dark-mode .popup-logo-white {
    display: none;
}
.dark-mode .footer-sec{
    background-color: #1C1C1C;
}
.dark-mode .footer-sec .inner-wrap{
    background-color: #232323;
}
/* ======= Service List ====== */
.dark-mode .each-service-list {
    box-shadow: inset 0px -6px 24px 0px rgba(255, 255, 255 , 0.04);
}
.dark-mode .each-service-thum h4,
.dark-mode .each-service-thum h5 {
    color: rgba(255, 255, 255, 0.5);
}
.dark-mode .each-service-thum:hover h4,
.dark-mode .each-service-thum:hover h5 {
   color: #fff;
}
.dark-mode .service-dtl-desc-contact-wrap .common-btn::after {
    background-color: #fff;
}
.dark-mode .service-dtl-desc-contact-wrap .common-btn strong::before{
    filter: brightness(0) invert(1);
}