/* ======= HOME PAGE ======== */
.dark-mode {
    background-color: #141414;
}
.dark-mode .each-line {
    /* background: linear-gradient(180deg, rgb(255 255 255 / 11%) 0%, rgb(255 255 255 / 0%) 100%); */
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0.00) 100%);
}
.home-mid-top  h2{
    font-family: 'SuprapowerSE-Heavy';
}
.dark-mode h2, .dark-mode h2 strong, .dark-mode h3, .dark-mode h4, .dark-mode h5, .dark-mode h6, .dark-mode p{
    color: #FFF;
}
.dark-mode h2 strong {
    color: #FFF;
}
.dark-mode .common-arrow {
    border-color: #FFF;
}
.dark-mode .common-arrow img{
    filter: brightness(0) invert(1);
}
.dark-mode .common-arrow:hover{
    border-color: #FF5400;
}
.dark-mode .common-btn:hover{
    border-color: #FF5400;
}
.dark-mode .side-menu {
    background-color: #141414;
}
.dark-mode .side-menu .parent-dropdown ul {
    border-color: #FFF;
}
.dark-mode .home-mid-top-info-part p::after {
    background-image: url(../images/home-mid-info-mark-dark.svg);
}
.dark-mode .home-mid-top-info-part h6 strong {
    color: #FFFFFF;
}
.dark-mode .each-home-counter{
    background-color: #1C1C1C;
    --circle-color-progress: #FF5400;
}
.dark-mode .side-menu > .dark-mode .side-main-menu > ul > li, .dark-mode .side-menu > .side-main-menu > ul > li > a, .dark-mode .side-main-menu li a {
    color: #FFF;
}
.dark-mode .side-menu > .dark-mode .side-main-menu > ul > li:hover, .dark-mode .side-menu > .side-main-menu > ul > li > a:hover, .dark-mode .side-main-menu li a:hover {
    color: #FF5400;
}
.dark-mode .side-menu-contact-dtls {
    border-color: #FFF;
}
.dark-mode .side-menu .parent-dropdown img {
    filter: brightness(0) invert(1);
}
.dark-mode .side-menu-contact-dtls li em {
    border-color: rgba(255, 255, 255, 0.30);
}
.dark-mode .side-menu-contact-dtls li em img {
    filter: brightness(0) invert(1);
}
.dark-mode .side-menu-contact-dtls h6 {
    color: rgba(255, 255, 255, 0.70);
}
.dark-mode .side-menu-contact-dtls p a {
    color: #FFF;
}
.dark-mode .side-menu-contact-dtls p a:hover{
    color: #FF5400;
}
.dark-mode .side-menu .parent-dropdown > ul > li > a {
    border-color: #FFF;
    color: #FFF;
}
.dark-mode .footer-area{
    background-color: #1C1C1C;
}
.dark-mode .google-review{
    background-color: #141414;
}
.dark-mode .footer-title h6 {
    color: #F5F5F5;
    max-width: 500px;
}
.dark-mode .each-footer-contact h6 {
    color: rgba(255, 255, 255, 0.50);
}
.footer-contact .each-footer-contact:last-child h6{
    text-align: center;
    padding-left: 31%;
}
.dark-mode .product-sec{
    background-color: #141414;
}
.dark-mode .product-sec .product-scrollbar {
    background-color: rgba(255, 255, 255, 0.60);
}
.dark-mode  .each-product-top p {
    color: rgba(255, 255, 255, 0.8);
}
.dark-mode .service-slider .swiper-slide-active .home-service-slider-img{
    background-color: #141414;
}
.dark-mode .home-service-slider-info-btn {
    color: #FFF;
}
.dark-mode .service-title h2 strong {
    color: #141414;
}
.dark-mode .home-mid-sec .container {
    border-color:  #FFF;
}
.dark-mode  .each-over-ons-block-text p {
    color: rgba(255, 255, 255, 0.80);
}
.dark-mode .banner-content h5 {
    color: #F5F5F5;
}
.dark-mode .banner-content h6 {
    color: #F5F5F5;
}
/* ======= DIENSTEN PAGE ======== */
.dark-mode .service-list-wrap {
    border-color: rgba(255, 255, 255, 0.20);
    /* border-bottom: 0; */
}
.dark-mode .each-service-list-wrap::after {
    background-color: rgba(255, 255, 255, 0.20);
}
.dark-mode .service-list-row .each-service-list-wrap > *:first-child .each-service-item .each-service-item-img::after {
    background-color: rgba(255, 255, 255, 0.20);
}
.dark-mode .each-service-list-heading h4 {
    color: #FFF;
}
.dark-mode .each-service-list-btn {
    color: #FFF;
}
/* ======= SERVICE DETAIL PAGE ======== */
.dark-mode .service-detail-btn .cta-btn {
    --circle-color-base: #FFF;
    color: #FFF;
}
.dark-mode .service-detail-btn .cta-btn strong {
    background-image: url(../images/banner-dot-white.svg);
}
.dark-mode .each-dtl-info.active-info{
    background-color: #1C1C1C;
}
.dark-mode .each-dtl-info {
    border-color: rgba(255, 255, 255, 0.20);
}
.dark-mode .dtl-info-sec td strong {
    border-color: #FFF;
    color: #FFF;
    
}
.dark-mode .each-dtl-info.active-info strong{
    border-color: #FF5400;
}
.dark-mode .each-dtl-info td p {
    color: rgba(255, 255, 255, 0.80);
}
.dark-mode .each-dtl-info::after {
    border-color: #FFF;
    background-image: url(../images/tab-minus-white.svg);
}
.dark-mode .each-dtl-info.active-info::after {
    background-image: url(../images/tab-plus.svg);
    background-color: #FF5400;
    border-color: #FF5400;
}
.dark-mode .each-dtl-info.active-info::after {
    border-color: #FF5400;
}
.dark-mode .form-sec {
    background: #1C1C1C;
}
.dark-mode .service-related-wrap {
    border-color: rgba(255, 255, 255, 0.20);
}
.dark-mode .service-related-sec .each-service-item-img::after {
    background-color: rgba(255, 255, 255, 0.20);
}
.dark-mode .service-detail-text ul li{
    color: #FFF;
}
.dark-mode .each-dtl-info ul li{
    color: #FFF;
}
/* ======= OVERONS PAGE ======= */
.dark-mode .over-ons-box {
    background: #1C1C1C;
}
.dark-mode .service-usp-block-merge::after {
    background-image: url(../images/service-bg-mark-dark.svg);
    opacity: 0.3;
}
.dark-mode .each-member {
    background-color: #1C1C1C;
}
.dark-mode .each-member-info{
    border-color: rgba(255, 255, 255, 0.30);
    background-color: #1C1C1C;
}
.dark-mode .each-over-ons-block-text::after{
    background: linear-gradient(0deg, rgba(28, 28, 28, 0.70) 0%, rgba(28, 28, 28, 0.70) 100%);
}
.dark-mode .each-contact-info h6 {
    color: rgba(255, 255, 255, 0.50);
}
/* ======= POPUP PAGE ======= */
.dark-mode .popup-logo-white{
    display: none;
}
.dark-mode .modal-area .popup-content::after {
    background-image: url(../images/popup-dark-layer.svg);
}
.dark-mode .popup-logo-dark{
    display: block;
}
.dark-mode .modal-area .popup-content{
    background-color: #1C1C1C;
}
/* ======= ANNBOD LIST PAGE ======= */
.dark-mode .select-style {
    color: #FFF;
    border-color: #FFFFFF;
    background-image: url(../images/filter-arrow-white.svg);
    background-color: transparent;
}
.dark-mode .select-style:hover, .select-style.show {
    background-color: #FF5400;
    border-color: #FF5400;
    color: #fff;
}
.dark-mode .aanbod-range-filter label{
    color: #FFF;
}
.dark-mode .aanbod-range-filter .slider-inputs input {
    color: #FFF;
    border-color: #FFF;
}
.dark-mode .car-view-btn {
    border-color: #FFF;
}
.dark-mode .aanbod-list-product-sec .each-product-text {
    background-color: #1C1C1C;
}
.dark-mode .aanbod-list-product-sec .each-product-top h4, 
.dark-mode .aanbod-list-product-sec .each-product-table td, 
.dark-mode .aanbod-list-product-sec .product-price h4 {
    color: #FFF;
}
.dark-mode .aanbod-list-product-sec .each-product-table td img {
    filter: brightness(0) invert(1);
}
.dark-mode .aanbod-list-product-sec .each-product-top p, 
.dark-mode .aanbod-list-product-sec .product-price h4 strong {
    color: rgba(255, 255, 255, 0.80);
}
.dark-mode .aanbod-list-product-sec .each-product-table {
    border-color: rgba(255, 255, 255, 0.15);
}
.dark-mode .aanbod-list-product-sec.aanbod-grid-product-sec  .each-product-btm {
    border-color: rgba(255, 255, 255, 0.15);
}
.dark-mode .car-view-btn .list-car-view-btn{
    border-color: #FFF;
}
.dark-mode .car-view-btn .list-car-view-btn.active {
    border-color: #FF5400;
}
.dark-mode .list-car-view-btn img{
    filter: brightness(0) invert(1);
}
.dark-mode .filter-reset a {
    color: #FFF;
}
.dark-mode .filter-reset a:hover{
    color: #FF5400;
}
/* ====== AANBOD DETAIL PAGE ====== */
.dark-mode .dtl-top-slider-mark-dark{
    display: block;
}
.dark-mode .dtl-top-slider-mark-light{
    display: none;
}
.dark-mode .dtl-top-slider-sec {
    background-color: #1C1C1C;
}
.dark-mode .dtl-contact-block{
    background-color: #141414;
}
.dark-mode .dtl-contact-top-block-man-title p{
    color: rgba(255, 255, 255, 0.70);
}
.dark-mode  .dtl-contact-social li a{
    color: #FFF;
}
.dark-mode  .dtl-contact-social li a:hover{
    color: #FF5400;
}
.dark-mode .dtl-contact-social li a img {
    filter: brightness(0) invert(1);
}
.dark-mode .tab-btn ul.tabs li{
    color: rgba(255, 255, 255, 0.50);
}
.dark-mode .tabs li::after {
    filter: brightness(0) invert(1);
}
.dark-mode .dtl-contact-top-block {
    border-color: rgba(255, 255, 255, 0.10);
}
.dark-mode .tab-btn .tabs li.active{
    color: #FF5400;
}
.dark-mode .tab-btn .tabs li.active::after {
    filter: brightness(0) saturate(100%) invert(36%) sepia(69%) saturate(2591%) hue-rotate(1deg) brightness(101%) contrast(108%);
}
.dark-mode .tab-btn ul.tabs li:hover {
    color: #FF5400;
}
.dark-mode .kenmerken-tab {
    background: #1C1C1C;
}
.dark-mode .kenmerken-tab ul {
    background-color: #141414;
}
.dark-mode .kenmerken-tab li strong {
    color: rgba(255, 255, 255, 0.70);
}
.dark-mode .kenmerken-tab li b {
    color: #FFF;
    text-transform: uppercase;
}
.dark-mode .kenmerken-tab li{
    border-color: rgba(255, 255, 255, 0.15);
}
.dark-mode .kenmerken-tab ul:hover{
    background-color: #FF5400;
}
.dark-mode .dtl-tab-sec .bullet-panel li {
    color: #FFF;
}
.dark-mode .tab-top {
    border-color: rgba(255, 255, 255, 0.30);
}
.dark-mode .kenmerken-popup-model h2,
.dark-mode .kenmerken-popup-model p{
    color: #fff;
}
.dark-mode .kenmarken-popup-content h3 {
    color: #fff;
}
.dark-mode .aanbod-range-filter .slider-inputs span {
    color: #fff;
}
.dark-mode .kenmarken-popup-inner {
    background-color: #141414;
}
.dark-mode .kenmarken-popup-content li {
    color: #fff;
    border-bottom: 1px solid #fff;
}