@import "fonts.css";
 @import "common-class.css";
 body {
     padding: 0px;
     margin: 0px;
     font-family: 'Kanit-Regular';
     font-size: 16px;
     color: rgba(18, 18, 18, 0.75);
     background: #F9F9F9;
}
 html {
     font-size: 62.5%;
}
/*#page{
     overflow: hidden;
}
*/
 .dblock{
     display:none;
}
 #menu {
     display: none;
}
 .mm-current {
     display: block !important;
}
 #mobile-contact-bar {
     display: none;
}
 /*.add_morgan_footer_margin{
     height: 100px !important;
}*/
/*****************for mobile menu*************/
 #menu.mm-menu {
     background: #121212;
     border-color: rgba(255,255,255,0.1);
     color: #fff;
}
 #menu.mm-menu .mm-navbar a, .mm-menu .mm-navbar>* {
     color: #fff;
}
 #menu .mm-listview>li:not(.mm-divider):after{
     background-color: rgba(255,255,255,0.1);
}
/****captcha****/
 .grecaptcha-badge{
     display:none;
}
/*****************header****************/
 .fix-icon{
     position: fixed;
     bottom:20%;
     right:24px;
     width: auto;
     z-index: 100;
}
 .fix-wp{
     width: 52.2px;
     height: 52.208px;
     display: flex;
     justify-content: center;
     align-items: center;
     background: #25D366;
     border-radius: 50%;
}
 .fix-wp img{
     width: 26px;
     height: 26px;
}
/*****************header****************/
 .logo img{
     width: 182px;
}
 .header-area {
     padding: 41px 0;
     position: fixed;
     width: 100%;
     left: 0;
     top: 0;
     z-index: 99;
}
 .header-area::after{
     opacity: 0;
     position: absolute;
     top: 0;
     left: 0;
     height: 100%;
     width: 100%;
     content: "";
     background-color: #414141;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
     z-index: -2;
}
 .inner_header::after, .fix_header::after{
     opacity: 1;
}
 .menu-icon {
    /* width: 39px;
     */
     height: 25px;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     cursor: pointer;
     position: relative;
     margin-left: auto;
     z-index: 1;
     border: 1px solid transparent;
}
 .menu-icon span {
     width: 39px;
     display: block;
     height: 3px;
     background: #fff;
     transition: all 0.3s;
     margin-left: auto;
     border-radius: 10px;
}
 .menu-icon span:nth-child(2) {
     width: 30px;
}
 .menu-icon span:nth-child(3) {
     width: 20px;
}
 .menu-icon.menu_active span:nth-child(1) {
     transform: rotate(45deg) translate(8px, 13px);
     width: 25px;
     background-color:#fff;
}
 .menu-icon.menu_active span:nth-child(2) {
     opacity: 0;
}
 .menu-icon.menu_active span:nth-child(3) {
     transform: rotate(-45deg) translate(7px, -14px);
     width: 25px;
}
 .menu-icon.menu_active{
     width: 35px;
     height: 35px;
     border-color: #fff;
}
 .menu-sec ul{
     display: flex;
     justify-content: center;
     align-items: center;
     column-gap: 70px;
}
 .menu-sec ul a{
     color: #FBFBFB;
     font-size: 1.8rem;
     letter-spacing: 0.54px;
     font-family: 'Kanit-Regular';
}
.menu-sec ul a:hover {
     color: #CA2B39;
}
 .menu_overlay{
     position: fixed;
     width: 100%;
     height: 100vh;
     content: "";
     background-color: rgba(65, 65, 65, 0.30);
     backdrop-filter: blur(2.9000000953674316px);
     top: 0;
     left: 0;
}
 .mobile_menu_items ul{
     padding-left: 100px;
     border-left: 2px solid rgba(255, 255, 255, 0.40);
     display: flex;
     flex-direction: column;
     row-gap: 20px;
}
 .mobile_menu_items a{
     color: rgba(255, 255, 255, 0.50);
     font-family: 'Kanit-Regular';
     font-size: 2.4rem;
     line-height: normal;
     display: flex;
     column-gap: 10px;
     align-items: center;
}
 .mobile_menu_items_wrap > ul a{
     max-width: 200px;
     position: relative;
}
 .mobile_menu_items_wrap > ul a::after{
     position: absolute;
     right: 0;
     top: 50%;
     transform: translateY(-50%);
     content: "";
     background-image: url(../images/menu_arrow.svg);
     background-size: 5px;
     background-position: center center;
     background-repeat: no-repeat;
     height: 20px;
     width: 20px;
     border: 1px solid #fff;
     opacity: 0;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
}
 .mobile_menu_items_wrap > ul .active_menu a::after{
     opacity: 1;
}
 .mobile_menu_items_wrap > ul a:hover::after{
     opacity: 1;
}
 .mobile_menu_items_wrap > ul a::before{
     height: 4px;
     width: 4px;
     content: "";
     background-color: rgba(255, 255, 255, 0.40);
}
 .active_menu a, .mobile_menu_items_wrap a:hover{
     color: #fff;
}
 .mobile_menu_items{
     width: 38%;
     min-width: 650px;
     background-color: #414141;
     position: fixed;
     right: 0;
     top: 0;
     height: 100vh;
     padding: 96px 81px 36px;
     padding-right: 0;
}
 .mobile_menu_items_wrap{
     overflow-x: clip;
     overflow-y: auto;
     height: 100%;
}
 .header-area ::-webkit-scrollbar {
     width: 10px;
}
 .header-area ::-webkit-scrollbar-track {
     background: #f1f1f1;
     border-radius: 20px;
}
 .header-area ::-webkit-scrollbar-thumb {
     background: #CA2B39;
     border-radius: 20px;
}
 .header-area ::-webkit-scrollbar-thumb:hover {
     background: #CA2B39;
     border-radius: 20px;
}
 .menu-btm .footer-right {
     display: grid;
     grid-template-columns: 40% 60%;
     grid-template-rows: auto auto;
     grid-template-areas: "add open" "contact contact";
     gap: 1rem;
     margin-top: 35px;
}
 .menu-btm .footer-right > * > p {
     color: rgba(255, 255, 255, 0.60);
}
 .menu-btm .footer-right-contact{
     margin-top: -73px;
}
 .mobile-menu{
     display: none;
}
 @-webkit-keyframes fadeInUp {
     0% {
         opacity: 0;
         -webkit-transform: translate3d(0, 100%, 0);
         transform: translate3d(0, 100%, 0) 
    }
     100% {
         opacity: 1;
         -webkit-transform: none;
         transform: none 
    }
}
 @keyframes fadeInUp {
     0% {
         opacity: 0;
         -webkit-transform: translate3d(0, 100%, 0);
         transform: translate3d(0, 100%, 0) 
    }
     100% {
         opacity: 1;
         -webkit-transform: none;
         transform: none 
    }
}
 .fadeInUp {
     -webkit-animation-name: fadeInUp;
     animation-name: fadeInUp 
}
 .mobile_menu_items_wrap_active .footer-right > *, .mobile_menu_items_wrap_active li{
     -webkit-animation-duration: 1s;
     animation-duration: 1s;
     -webkit-animation-fill-mode: both;
     animation-fill-mode: both;
     -webkit-animation-name: fadeInUp;
     animation-name: fadeInUp;
     display: block;
}
 .mobile_menu_items_wrap_active .footer-right > *, .mobile_menu_items_wrap_active li {
     -webkit-animation-delay: calc(0.1s * attr(data-animation-offset number 1));
     -o-animation-delay: calc(0.1s * attr(data-animation-offset number 1));
     animation-delay: calc(0.1s * attr(data-animation-offset number 1));
}
/*****banner-sec*****/
 .banner-sec {
     height: auto;
     position: relative;
     z-index: 1;
}
 .banner-slider {
     height: 100%;
     overflow: hidden;
}
 .banner-video, .banner-slider .swiper, .banner-video video {
     height: 784px;
}
 .each-banner {
     height: 100%;
     position: relative;
}
 .each-banner img {
     height: 100%;
     object-fit: cover;
}
 .banner-sec::after {
     content: "";
     height: 100%;
     width: 100%;
     position: absolute;
     top: 0;
     right: 0;
     background: linear-gradient(0deg, rgba(255, 255, 255, 0.00) 10.08%, rgba(17, 17, 17, 0.44) 46.13%, rgba(17, 17, 17, 0.60) 68.58%);
     z-index: 1;
     pointer-events: none 
}
 .banner-content{
     position: absolute;
     left: 50%;
     top: 50%;
     width: 100%;
     max-width: 1106px;
     z-index: 98;
     transform: translate(-50% , -50%);
     text-align: center 
}
 .banner-content h3{
     color: #fff;
     margin-bottom: -30px;
}
 .banner-content h1 {
     text-align: center;
}
 .banner-content h1 ul {
     display: inline-block;
     position: relative;
     height: 113px;
     overflow: hidden;
     padding: 0;
     margin: 0;
     list-style: none;
     flex-shrink: 0;
     top: 23px;
}
 .banner-content h1 li {
     display: block;
     position: absolute;
     top: 0;
     left: 50%;
     transform: translate(-50%, 100%);
     transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
     white-space: nowrap;
     font-style: normal;
     color: #CA2B39;
     opacity: 0;
}
 .banner-content h1 li.active_text {
     transform: translate(-50%, 0);
     opacity: 1;
}
 .banner-content ol{
     list-style: none;
     display: flex;
     justify-content: center;
     column-gap: 22px;
     margin-bottom: 0;
}
 .banner-video video {
     height: 100%;
     display: block;
     object-fit: cover;
}
/***********brand-marquee**************/
 .brand-marquee-sec {
     position: relative;
     overflow: hidden;
     width: 100%;
     padding: 42px 0;
     background-color: #FDFDFD;
     z-index: 1;
}
 .brand-marquee-wrap {
     display: flex;
     width: max-content;
     gap: 90px;
     align-items: center;
     position: relative;
}
 .brand-marquee-sec .container{
     position: relative;
}
 .brand-marquee-sec .container::before, .brand-marquee-sec .container::after{
     position: absolute;
     left: 0;
     top: 0;
     height: 100%;
     width: 108px;
     content: "";
     background: linear-gradient(270deg, rgba(253, 253, 253, 0.00) -4.63%, #FDFDFD 76.85%);
}
 .brand-marquee-sec .container::before{
     left: auto;
     right: 0;
     background: linear-gradient(90deg, rgba(253, 253, 253, 0.00) -4.63%, #FDFDFD 76.85%);
     z-index: 3;
}
 .brand-marquee-wrap ul {
     display: flex;
     gap: 90px;
     padding: 0;
     margin: 0;
     list-style: none;
     align-items: center;
}
 .brand-marquee-wrap li {
     white-space: nowrap;
     padding: 0;
     position: relative;
     padding-left: 40px;
     letter-spacing: 3.2px;
}
 .price-tag ul{
     display: flex;
     justify-content: end;
     column-gap: 10px;
     position: relative;
     top: -42px;
     margin-bottom: -35px;
     z-index: 1;
}
 .price-tag li:first-child{
     color:#fff;
     background: #B8B8B8;
     font-size: 2rem;
}
 .price-tag li{
     background-color: #414141;
     color:#fff;
     font-family: 'Kanit-Medium';
     font-size: 1.4rem;
     line-height: 20px;
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 8px 14px ;
}
 .product_slider_content{
     border: 1px solid #E3E3E3;
     background: #FDFDFD;
     box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.10);
     margin-top: 10px;
     padding: 21px 10px 21px 15px;
}
 .product_slider{
     position: relative;
     padding-bottom: 83px;
     background-color: #FDFDFD;
}
.product_slider .container {
     position: relative;
     z-index: 1;
}
 .product_slider::after{
     content:"";
     position: absolute;
     top: -190px;
     left: 0;
     width: 100%;
     height: calc(100% + 190px);
     background-image: url(../images/background_overlay.svg);
     background-position: center center;
     background-size: cover;
     /* z-index: -1; */
     pointer-events: none;
}
 .product_slider_content table{
     width: 100%;
}
 .product_slider_content td{
     font-family: 'Kanit-Regular';
     color: #121212;
     font-size: 1.6rem;
     display: flex;
     align-items: center;
     column-gap: 6px;
}
.product_slider_content td img {
     margin-bottom: -2px;
}
 .product_slider_content h6{
     display: -webkit-box;
     -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
     overflow: hidden;
     text-overflow: ellipsis;
}
 .product_slider_content p{
     color: rgba(18, 18, 18, 0.75);
     line-height: 20px;
     font-family: 'Kanit-Light';
     letter-spacing: normal;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     overflow: hidden;
     text-overflow: ellipsis;
     height: 40px;
}
 .product_slider_content tr{
     display: flex;
     align-items: center;
     justify-content: left;
     column-gap: 20px;
}
 .poduct-heading{
     margin-bottom: 53px;
}
 .product_slider_btn{
     margin-top: 9px;
     text-align: center;
}
.each_slider .common-arrow {
     transition: all 0.5s;
     opacity: 0;
     pointer-events: none;
}
.each_slider:hover .common-arrow {
     opacity: 1;
     pointer-events: all;
}
.Stock-detail-each-car {
     padding-bottom: 30px;
}
/* ============== home service =============== */
 .home-service-sec{
     position: relative;
}
 .home-service-sec::after{
     position: absolute;
     left: 0;
     top: 0;
     content: "";
     width: 100%;
     height: 100%;
     content: "";
     background-image: url(../images/service_bg.svg);
     background-position: center center;
     background-size: cover;
     z-index: -1;
}
 .home-service-sec-wrap{
    /* margin-top: 84px;
     */
     padding-top: 83px;
     background: #FDFDFD;
     box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.10);
}
 .service_heading{
     max-width: 940px;
     margin: auto;
     text-align: center;
}
 .each-slider{
     height: 570px;
     position: relative;
     overflow: hidden;
}
 .service_heading h3 strong{
     color: #CA2B39;
}
 .service_heading h3{
     margin-bottom: 11px;
}
 .service_heading .common-btn{
     margin-top: 38px;
     margin-bottom: 68px;
}
 .each-slider img{
     height: 100%;
     object-fit: cover;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
}
 .service_content{
     position: absolute;
     top: 0;
     left: 0;
     height: 100%;
     width: 100%;
     padding: 100px 50px;
     z-index: 1;
}
 .service_content .common-btn{
     position: absolute;
     bottom: 50px;
     left: 50px;
     background-color: transparent;
     padding-left: 12px;
     padding-right: 12px;
}
 .service_content h6{
     color: #fff;
     font-family: 'Kanit-Medium';
     font-size: 2.4rem;
}
 .service_content p{
     color: rgba(255, 255, 255, 0.90);
     display: -webkit-box;
     -webkit-line-clamp: 4;
     -webkit-box-orient: vertical;
     overflow: hidden;
     text-overflow: ellipsis;
     margin-top: 5px;
     max-width: 275px;
}
 .each-slider::after{
     position: absolute;
     content: "";
     top: 0;
     left: 0;
     height: 80%;
     width: 100%;
     background: linear-gradient(0deg, rgba(65, 65, 65, 0.00) 0%, #414141 100%);
}
 .each-slider:hover img{
     transform: scale(1.1);
     -webkit-transform: scale(1.1);
}
 .each-slider:hover .common-btn{
     background-color: #CA2B39;
}
.home-service-slider .common-arrow {
     opacity: 0.5;
}
.home-service-slider .common-arrow:hover {
     opacity: 1;
}
/* ============ bottom-ups-slider ============ */
 .bottom-ups-slider{
     padding-top: 69px;
}
 .bottom-ups-slider .container{
     padding: 42px 0;
     background: #FDFDFD;
     box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.10);
}
 .bottom-ups-slider ul li{
     color: #121212;
     font-size: 16px;
     font-family: 'Kanit-Regular';
     line-height: normal;
     letter-spacing: 0.48px;
     position: relative;
     display: flex;
     justify-content: center;
     align-items: center;
     column-gap: 10px;
}
 .bottom-ups-slider ul{
     gap:40px;
}
 .bottom-ups-slider ul li::before{
     content: "";
     width: 9px;
     height: 9px;
     background-color: #CA2B39;
     position: relative;
     top: 2px;
}
/* ========== home-overons ========== */
 .home-overons{
     padding-top: 60px;
     background-color: #FDFDFD;
}
 .home-overons-left{
     padding-right: 80px;
}
 .home-overons-left h2{
     font-family: 'Kanit-SemiBold';
}
 .home-overons-left p{
     margin: 32px 0 45px;
}
 .counter h5{
     color: #fff;
     line-height: normal;
}
 .counter h2 {
     font-family: 'Kanit-SemiBold';
     line-height: normal;
     color: #fff;
}
 .counter{
     display: flex;
     justify-content: center;
     background-color: #CA2B39;
     flex-direction: column;
     padding: 29px 10px 20px 29px;
     max-width: 245px;
     margin-left: auto;
     margin-right: 0;
     position: relative;
}
 .counter > *{
     position: relative;
     z-index: 2;
}
 .counter::after{
     position: absolute;
     right: 0;
     top: 0;
     width: 50%;
     height: 100%;
     content: "";
     /* clip-path: polygon(42% 0%, 100% 0%, 100% 100%, 87% 100%);
     background-color: #BD2734; */
     z-index: 0;
     background-image: url(../images/year-shape.svg);
     background-repeat: no-repeat;
     background-position: top right;
     background-size: cover;
}
/* =============== google_review =========== */
 .google_review{
     position: relative;
     padding: 100px 0 123px;
}
 .google_review::after{
     position: absolute;
     content: "";
     top: 0;
     left: 0;
     height: 100%;
     width: 100%;
     background-image: url(../images/review_bg.svg);
     background-position: center center;
     background-size: cover;
    /* background-color: red;
     */
     z-index: -1;
}
/* ================ footer ========== */
 .footer-area{
     background-color: #414141;
     padding-top: 107px;
}
 .footer-logo{
     margin-bottom: 62px;
}
 .footer-logo img{
     width: 298px;
}
 .footer-area-wrap {
     display: grid;
     grid-template-areas: "footer-left footer-right";
     grid-template-columns: 38% 62%;
     gap: 20px;
}
 .footer-right-open table{
     width: 100%;
}
 .footer-right td:nth-child(odd){
     padding-right: 10px;
}
 .footer-right-open p:last-child{
     max-width: 187px;
     padding-top: 20px;
}
 .footer-right-open p:last-child, .footer-right td, .footer-right a{
     color: rgba(255, 255, 255, 0.75);
     font-family: 'Kanit-Light';
     font-size: 1.6rem;
     line-height: 24px;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
}
 .footer-right a:hover{
     color: #fff;
}
 .footer-right > * > p{
     font-family: 'Kanit-Medium';
     color: #FFF;
}
 .footer-left{
     grid-area: footer-left;
}
 .footer-right {
     grid-area: footer-right;
     display: grid;
     grid-template-areas: "contact add open";
     grid-template-columns: 34% 35% 29%;
     gap: 20px;
}
 .footer-right-contact {
     grid-area: contact;
}
 .footer-right-add {
     grid-area: add;
}
 .footer-right-open {
     grid-area: open;
}
 .footer-btm-area{
     margin-top: 59px;
     border-top: 1px solid rgba(255, 255, 255, 0.10);
     padding: 40px 0;
     position: relative;
     z-index: 2;
}
 .form-social-icon li span{
     margin-right: 20px;
}
 .footer-privacy a{
     color: rgba(255, 255, 255, 0.75);
     font-family: 'Kanit-Light';
     font-size: 1.4rem;
     font-style: normal;
     line-height: 24px;
}
 .footer-privacy a:hover{
     color: #fff;
}
 .whatsapp-btn {
     max-width: 243px;
     height: 68px;
     border-radius: 41.5px;
     background: #4AAB41;
     column-gap: 10px;
}
 .whatsapp-icon {
     width: 51px;
     height: 51px;
     background: #fff;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 100%;
}
 .whatsapp-info {
     font-size: 1.6rem;
     color: #fff;
     line-height:17.6px ;
     font-family: 'Kanit-Medium';
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
}
 .whatsapp-info span{
     color: rgba(253, 253, 253, 0.75);
     font-family: 'Kanit-Light';
     line-height: 17.6px;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
     margin-top: 3px;
}
 .whatsapp-btn:hover .whatsapp-info span, .whatsapp-btn:hover .whatsapp-info{
     color: #CA2B39;
}
/* ============= aanbod-list ============ */
 .aanbod-list{
     padding-bottom: 20px;
     background-color: #FDFDFD;
     position: relative;
     z-index: 0;
}
 .aanbod-list .container > .row{
     row-gap: 50px;
}
 .list_calculator{
     box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
}
/****aanbod-filter-sec****/
 .aanbod-filter-sec {
     padding: 230px 0 60px;
     position: relative;
     z-index: 9;
     background-color: #FDFDFD;
}
 .aanbod-filter-wrap {
     position: relative;
     z-index: 2;
}
 .filter-reset a {
    /* color: #CA2B39;
     */
     font-size: 1.4rem;
     font-family: 'Kanit-Regular';
}
 .filter-reset img {
     width: 9px;
     margin-left: 5px;
     margin-bottom: 2px;
     filter: brightness(0) invert(1);
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
}
 .filter-reset a:hover {
     color: #CA2B39;
}
 .filter-reset a:hover img {
     filter: brightness(1);
}
 .select-style {
     width: 100%;
     height: 48px;
     color: #1E1B1B;
     font-family: 'Kanit-Regular';
     font-size: 1.4rem;
     background-color: #fff;
     padding: 0 30px 0 18px;
     background: url(../images/filter-arrow.svg) no-repeat 91% center/6px;
     appearance: none;
     line-height: 48px;
     text-overflow: ellipsis;
     letter-spacing: 0.48px;
     overflow: hidden;
     white-space: nowrap;
     cursor: default;
     border: 1px solid;
     border-image-slice:1;
     border-width: 1px;
     border-image-source: linear-gradient(to left, rgba(125, 125, 125, 0.5), rgba(30, 27, 27, 1));
     backdrop-filter: blur(2px);
}
 .select-style.show {
     /* border-radius: 5px 5px 0 0; */
}
 .filter-main {
     margin-bottom: 20px;
}
 .filter-main option{
     font-family: 'Kanit-Regular';
     background-color: #14181E;
}
 .filter-content {
     display: none;
     background-color:#fff;
     padding: 10px 10px 15px;
     z-index: 2;
     border: 1px solid;
     border-image-slice:1;
     border-width: 1px;
     border-image-source: linear-gradient(to left, rgba(125, 125, 125, 0.5), rgba(30, 27, 27, 1));
     border-top: 0;
     /* border-radius: 0 0 5px 5px; */
     margin-top: -5px !important;
     cursor: default;
     max-height: 230px;
     overflow-y: auto;
     z-index: 999;
}
 .filter-content::-webkit-scrollbar {
    background-color: #dbdbdb;
    
     width: 10px;
}
 .filter-content::-webkit-scrollbar-thumb {
     background-color: #999999;
     
}
 .filter-content.show-div {
     display: block;
}
 .aanbod-filter-sec label {
     color: #1E1B1B;
     margin-bottom: 10px;
     display: block;
     width: 100%;
     z-index: 2;
     font-family: 'Kanit-Regular';
     font-size: 1.4rem;
     cursor: pointer;
}
 .aanbod-filter-sec label:last-child {
     margin-bottom: 0;
}
 .aanbod-filter-sec label span {
     float: right;
     color: #1E1B1B;
     opacity: 0.65;
}
 .aanbod-filter-sec .form-check-input{
     width: 16px;
     height: 16px;
     vertical-align: middle;
     margin-top: -3px;
     margin-right: 8px;
     box-shadow: none;
     border: 1px solid #1E1B1B;
     background-color: transparent;
     border-radius: 3px;
}
 .aanbod-filter-sec .form-check-input:checked {
     background-color: #CA2B39;
     border-color: #CA2B39;
}
 .auto-overview-tag {
     margin-right: 5px;
     margin-bottom: 10px;
     padding: 5px 14px;
     cursor: pointer;
     transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
     color: #F9F8F6;
     background-color:#CA2B39;
     font-family: 'Kanit-Regular';
     font-size: 1.4rem;
     border: 1px solid #CA2B39;
}
 .cross-btn {
     width: 9px;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
}
 .auto-overview-tag:hover {
     border-color: #1E1B1B;
     background-color: transparent;
     color: #1E1B1B;
}
 .auto-overview-tag:hover img{
     filter: brightness(0);
}
 .mobile-show-filter {
     position: fixed;
     left: 0;
     top: 81px;
     background-color: #CA2B39;
     width: 100%;
     z-index: 5;
     margin-top: 0;
     padding: 15px 0;
}
 .mobile-show-filter .common-btn {
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
     background-color: #414141;
     border-color: #414141;
}
 .mobile-show-filter .common-btn:hover {
     background-color: transparent;
     border-color: #F9F8F6;
     color: #fff;
}
 .clear-filter-wrap {
     padding-left: 112px;
}
 .filter-count {
     min-width: 20px;
     height: 20px;
     background-color: #CA2B39;
     border-radius: 100%;
     color: #F9F8F6;
     border: 1px solid #CA2B39;
     margin-left: 30px;
     font-size: 1.2rem;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
}
 .mob-filter-close img{
     width: 15px;
}
 .mobile-filter-close {
     padding: 15px;
     position: fixed;
     top: 0;
     width: 100%;
     left: 0;
     z-index: 1;
     background-color: #414141;
}
 .mobile-filter-close span {
     max-width: 32px;
     width: 100%;
     height: 32px;
     background-color: #CA2B39;
     border-radius: 50%;
     margin-left: auto;
     border: 1px solid #CA2B39;
}
 .filter-sort {
     display: flex;
     align-items: center;
     justify-content: end;
}
 .filter-sort h5 {
     margin-right: 10px;
     flex-shrink: 0;
    /* margin-top: 7px;
     */
}
 .filter-sort .aanbod-filter {
     margin-bottom: 0;
    width: 200px;
    
}
 .sorteren_op-filter{
     width: 240px;
}
 .filter-sort .row{
     row-gap: 20px;
}
/*==================================diensten-list page start=======================================*/
/****inner-banner-sec****/
 .inner-banner-sec {
     position: relative;
}
 .inner-banner-sec::after {
     content: "";
     height: 100%;
     width: 100%;
     position: absolute;
     right: 0;
     top: 0;
     background: linear-gradient(0deg, rgba(65, 65, 65, 0.40) 0%, rgba(65, 65, 65, 0.40) 100%);
}
 .each-list-img{
     position: relative;
}
 .inner-banner-text {
     position: absolute;
     top: 37%;
     width: 100%;
     left: 0;
     z-index: 1;
}
 .inner-banner-img {
     height: 100%;
}
 .inner-banner-img img {
     height: 100%;
     object-fit: cover;
}
/* ==============diens-list-info-sec======================= */
 .diens-list-info-sec{
     padding-top: 121px;
}
 .diens-list-area-wrap:hover .diens-list-heading p{
     color: #121212;
}
 .diens-list-heading p{
     padding-bottom: 24px;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
     text-overflow: ellipsis;
     display: -webkit-box;
     overflow: hidden;
     -webkit-line-clamp: 4;
     -webkit-box-orient: vertical;
}
 .diens-list-img{
     max-width: 566px;
     width: 100%;
     height: 308px;
     overflow: hidden;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
     margin-left: auto;
     margin-right: 0;
}
 .diens-list-img img{
     height: 100%;
     object-fit: cover;
     overflow: hidden;
     transition: all 0.7s;
     -webkit-transition: all 0.7s;
}
 .diens-list-heading{
     max-width: 660px;
     width: 100%;
}
 .diens-list-area-wrap:nth-child(even) .diens-list-img{
     margin-left: 0 ;
     margin-right: auto;
}
 .diens-list-area-wrap{
     background: #FDFDFD;
     box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.10);
     margin-bottom: 40px;
     overflow: hidden;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
     border: 2px solid #FDFDFD;
}
 .diens-list-heading h3{
     margin-bottom: 16px;
     font-family: 'Kanit-Medium';
}
 .diens-list-area-wrap:hover .diens-list-img img{
     transform: scale(1.1);
}
 .diens-list-area-wrap:hover{
     border: 2px solid #CA2B39;
}
 .diens-list-area-wrap:hover .common-btn{
     background: #CA2B39;
     border: 1px solid #FFF;
     backdrop-filter: blur(2px);
     color: #FFF;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
}
 .diens-list-area-wrap .common-btn{
     color: #121212;
     background: #FDFDFD;
    /* box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.10);
     */
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
     border: 1px solid #121212;
     padding-left: 12px;
     padding-right: 10px;
}
 .diens-list-area-wrap .common-btn_after::after{
     filter: brightness(0);
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
}
 .diens-list-area-wrap:hover .common-btn_after::after{
     filter: brightness(1);
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
}
 .each-diens-list{
     border: 24px solid #FDFDFD;
}
 .each-diens-list .flex-row-reverse .diens-list-heading{
     padding-left: 24px;
}
 .each-diens-list .col-lg-6:has(.diens-list-img){
     width: 42%;
}
 .each-diens-list .col-lg-6:has(.diens-list-heading){
     width: 58%;
}
 .diens-list-area-wrap:nth-child(even) .diens-list-heading{
     margin-left: 115px;
}
/* ============================diens-dtl============================ */
/* ******** back_btn*********/
 .back_btn{
     padding-top: 194px;
     padding-bottom: 24px;
}
 .back_btn .common-btn_after::before{
     content: "";
     width: 30px;
     height: 30px;
     background-image: url(../images/back-btn-arrow.svg);
     align-items: center;
     margin-right: 10px;
     background-repeat: no-repeat;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
     background-color: #CA2B39;
     background-size: 12px;
     background-position: center;
}
 .back_btn .common-btn_after{
     background-color: #CA2B39;
}
 .back_btn .common-btn{
     background-color: transparent;
     color: #1E1B1B;
     border: 0;
     padding: 0;
}
 .back_btn .common-btn_after::after{
     display: none;
}
 .back_btn .common-btn:hover{
     color: #CA2B39;
     border: 0;
}
/* **************diens-dtl-top-sec*********** */
 .diens-top-wrap{
     background: #FDFDFD;
     box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.10);
     padding: 40px 48px;
}
 .diens-dtl-top-content p{
     margin-bottom: 0;
}
 .diens-dtl-top-content{
     padding-right: 10px;
}
 .diens-dtl-top-content h3{
     padding-bottom: 16px;
     font-family: 'Kanit-Regular';
}
 .diens-top-wrap .col-lg-5{
     width: 46%;
}
 .diens-top-wrap .col-lg-7{
     width: 54%;
}
 .diens-dtl-top-img{
     max-width: 673px;
     margin-left: auto;
}
/* *********diens-dtl-mid-sec*********** */
 .diens-dtl-mid-heading{
     padding-bottom: 80px;
}
 .diens-dtl-mid-sec{
     padding-top: 120px;
     padding-bottom: 120px;
}
 .diens-dtl-mid-area table{
     width: 100%;
}
 .diens-dtl-mid-area td{
     width: 33.33%;
     background: #FDFDFD;
     box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.10);
     padding: 30px;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
}
 .diens-dtl-mid-area tr {
     display: flex;
     column-gap: 30px;
}
 .diens-dtl-mid-area td:hover {
     background: #CA2B39;
     box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.10);
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
}
 .diens-dtl-mid-area td:hover h5{
     color: #FFF;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
}
 .diens-dtl-mid-area td:hover h2{
     color: #FFF;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
}
 .diens-dtl-mid-area td:hover p{
     color: rgba(255, 255, 255, 0.75);
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
}
 .diens-dtl-mid-area h2{
     padding-bottom: 105px;
     letter-spacing: 0.96px;
     line-height: 72px;
}
 .diens-dtl-mid-area h5{
     padding-bottom: 10px;
}
/* ************form-sec*********** */
 .form-wrap{
     max-width: 1080px;
     margin-left: auto;
     margin-right: auto;
     padding-left: 40px;
     padding-right: 40px;
}
 .form-sec{
     border: 1px solid rgba(241, 241, 241, 0.07);
     background: #414141;
     padding-top: 80px;
     padding-bottom: 80px;
}
 .form-heading-left h2{
     color: #FFF;
     font-size: 4.5rem;
     line-height: normal;
}
 .form-heading-right p{
     color: rgba(255, 255, 255, 0.70);
     margin-bottom: 0;
}
 .form-block .form-group label{
     color: rgba(255, 255, 255, 0.50);
     font-family: 'Kanit-Regular';
     font-size: 1.4rem;
     line-height: normal;
     padding: 10px;
     padding-bottom: 5px;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
}
 .form-block .common-btn{
     border-color: #CA2B39;
}
.form-block .common-btn:hover{
     border-color: #A42430; ;
}
.form-block .common-btn:hover{

}
 .form-btn-area{
     margin-top: 30px;
}
 .form-heading .row {
     margin-left: -35px;
     margin-right: -35px;
}
 .form-heading .row > *{
     padding-left: 35px;
     padding-right: 35px;
}
 .form-social-icon ul{
     display: flex;
     column-gap: 11px;
     justify-content: end;
     align-items: center;
     line-height: 24px;
     color: rgba(255, 255, 255, 0.75);
     font-family: 'Kanit-Light';
}
 .form-social-icon ul li a {
     width: 35px;
     height: 35px;
     padding: 8px;
     display: flex;
     justify-content: center;
     align-items: center;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
     border: 1px solid;
     border-image-slice: 1;
     border-width: 1px;
    /* border-image-source: linear-gradient(to left, #fff, #999);
     */
     border-image-source: linear-gradient(to left, rgba(255, 255, 255, 0.4), rgba(153, 153, 153, 0.4));
}
 .form-social-icon img {
     max-width: 20px;
}
 .form-social-icon ul li a:hover {
     background: #CA2B39;
}
 .form-block .form-style {
     resize: none;
     border-radius: 0;
     font-size: 1.4rem;
     line-height: 28px;
     border: 0;
     background: #414141;
     box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
     border: 1px solid rgba(255, 255, 255, 0.25);
     color: #FFF;
     padding: 16px 26px;
     font-family: 'Kanit-Regular';
}
 .form-block .form-group {
     margin-bottom: 10px;
}
 .form-block .form-style::placeholder {
     color: rgba(255, 255, 255, 0.50);
     opacity: 1;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
}
 .form-block .form-style:placeholder {
     color: rgba(255, 255, 255, 0.50);
     opacity: 1;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
}
 .form-block .form-style:-ms-input-placeholder {
     color: rgba(255, 255, 255, 0.50);
     opacity: 1;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
}
 .form-block .form-style:focus {
     box-shadow: none;
     background-color: #414141;
     color: #FFF;
     box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
     border: 1px solid #FFF;
}
 .form-block .form-style:focus::placeholder {
     color: #FFF;
}
 .form-block textarea.form-style {
     height: 166px;
}
 .form-heading {
     margin-bottom: 38px;
}
 .form-block .form-group.focused label{
     color: #fff;
}
 .form-block .row {
     margin-left: -35px;
     margin-right: -35px;
}
 .form-block .row > *{
     padding-left: 35px;
     padding-right: 35px;
}
 .form-sec .common-background::after{
     z-index: 0;
     height: 898px;
     background-image: url(../images/form-bg.svg);
}
 .form-block{
     position: relative;
     z-index: 1;
}
/* ***********related-service-sec******** */
 .related-service-sec{
     padding-top: 120px;
    /* position: relative;
     */
}
 .related-service-heading{
     padding-bottom: 80px;
}
 .each-list-text{
     position: absolute;
     bottom: 0;
     left: 0;
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding: 32px;
     width: 100%;
}
 .each-related-service-list{
     position: relative;
}
 .each-list-img img{
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
     height: 100%;
     object-fit: cover;
}
 .each-list-img{
     height: 313px;
}
 .related-service-sec .related-service-btn img{
     width: 13px;
}
.each-related-service-list:hover .related-service-btn img {
     filter: brightness(0) invert(1);
}
 .each-related-service-list .related-service-btn:hover img{
     filter: brightness(0) invert(1);
}
 .each-list-text h5{
     color: #FFF;
     line-height: 40px;
}
 .related-service-sec .swiper-button-prev {
     left: 1%;
}
 .related-service-sec .common-arrow{
     top: 50%;
}
 .related-service-sec .swiper-button-next {
     right: 1%;
}
 .slider-arrow img {
     width: 5px;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
}
 .related-service-slider .swiper-backface-hidden .swiper-slide{
    /* transform: unset;
     */
}
 .each-related-service-list::after{
     background: linear-gradient(0deg, rgba(65, 65, 65, 0.40) 0%, rgba(65, 65, 65, 0.40) 100%);
     content: "";
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     left: 0;
     opacity: 0;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
}
 .each-related-service-list:hover::after{
     opacity: 1;
}
 .each-related-service-list:hover h5{
     z-index: 1;
     position: relative;
}
 .each-related-service-list:hover .related-service-btn{
     z-index: 1;
     position: relative;
}
 .related-service-btn{
     height: 43px;
     width: 43px;
     background-color: #FDFDFD;
     display: flex;
     justify-content: center;
     align-items: center;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
}
 .each-related-service-list:hover .related-service-btn{
     background-color: #CA2B39;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
}
 .each-list-img::after{
     background: linear-gradient(0deg, rgba(65, 65, 65, 0.08) 0%, rgba(65, 65, 65, 0.08) 100%);
     content: "";
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     left: 0;
}
 .related-service-slider{
     position: relative;
}
/* ===========================contact============================= */
/* **********contact-banner******** */
 .contact-banner-img {
     width: 100%;
     height: 500px;
}
/* ********contact-form*********** */
 .contact-form{
     padding-top: 115px;
     background-color: #FDFDFD;
     padding-bottom: 0;
}
 .contact-form .form-block .form-style{
     background-color: transparent;
     border: 1px solid rgba(65, 65, 65, 0.25);
     color: #414141;
     box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}
 .contact-form .form-heading-left h2{
     color: #414141;
}
 .contact-form .form-heading-right p {
     color: rgba(65, 65, 65, 0.70);
}
 .contact-form .form-block .form-style::placeholder {
     color: rgba(65, 65, 65, 0.50);
}
 .contact-form .form-block .form-style:placeholder {
     color: rgba(255, 255, 255, 0.50);
     opacity: 1;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
}
 .contact-form .form-block .form-style:-ms-input-placeholder {
     color: rgba(255, 255, 255, 0.50);
     opacity: 1;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
}
 .contact-form .form-block .form-style:focus {
     background-color: transparent;
     color: #414141;
     box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
     border: 1px solid #414141;
}
 .contact-form .form-block .form-style:focus::placeholder {
     color: #414141;
}
 .contact-form .form-block .form-group label{
     color: rgba(65, 65, 65, 0.50);
}
 .contact-form .form-block .form-group.focused label{
     color: #414141;
}
/* .contact-form .form-social-icon ul li a img{
     filter: brightness(0);
}
 */
 .contact-form .form-social-icon ul li a:hover img{
     filter: brightness(0) invert(1);
}
 .contact-form .form-social-icon ul li a{
     border: 1px solid;
     border-image-slice: 1;
     border-width: 1px;
     border-image-source: linear-gradient(to left, rgba(65, 65, 65, 0.5), rgba(153, 153, 153, 0.5));
}
 .form-contact-area{
     padding-top: 80px;
}
 .each-form-contact{
     border: 1px solid rgba(65, 65, 65, 0.20);
     padding: 40px 30px;
     max-width: 242px;
}
 .each-form-contact a{
     color: rgba(65, 65, 65, 0.75);
     font-size: 1.6rem;
     line-height: 24px;
     font-family: 'Kanit-Light';
}
 .each-form-contact ul{
     padding: 0;
     margin: 0;
}
 .opening-time-area{
     max-width: 300px;
     margin-left: auto;
}
 .each-form-contact p{
     font-family: 'Kanit-Medium';
     color: #414141;
     letter-spacing: 0;
}
 .each-form-contact td{
     color: rgba(65, 65, 65, 0.75);
     font-size: 1.6rem;
     line-height: 24px;
     font-family: 'Kanit-Light';
}
 .each-form-contact h6{
     color: rgba(65, 65, 65, 0.75);
     font-size: 1.6rem;
     line-height: 24px;
     font-family: 'Kanit-Light';
     padding-top: 24px;
}
 .each-form-contact table{
     width: 100%;
}
 .each-form-contact td:nth-child(odd){
     padding-right: 58px;
}
 .each-form-contact a:hover{
     color: #CA2B39;
}
/* =================over-one========================== */
 .overons-top{
     padding-top: 40px;
}
 .overons-top .home-overons-left h2{
     font-family: 'Kanit-Regular';
}
 .overons-top .home-overons-left{
     padding-right: 40px;
}
 .overons-top .home-overons-left p{
     max-width: 564px;
}
 .overons-top::after{
     background-image: url(../images/overons_top.svg);
     top: -75px;
}
/* ********over-one-mid-sec***** */
 .over-one-mid-wrap{
     background: #FDFDFD;
     box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.10);
     padding: 40px;
}
 .over-one-mid-sec{
     padding-top: 67px;
}
 .over-one-mid-wrap .col-lg-4{
     width: 36%;
}
 .over-one-mid-wrap .col-lg-8{
     width: 64%;
}
 .over-one-mid-text{
     max-width: 814px;
     margin-left: auto;
}
 .over-one-mid-text table{
     width: 100%;
}
 .over-one-mid-text table tr td p{
     padding-left: 0;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
     margin-bottom: 0;
}
 .over-one-mid-text table tr td h5{
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
     color: #3F3F3F;
}
 .over-one-mid-text table tr td h2{
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
     color: #3F3F3F;
     line-height: 72px;
     letter-spacing: 0.96px;
}
 .over-one-mid-text table tr{
     border-bottom: 2px solid rgba(63, 63, 63, 0.40);
     padding-bottom: 34px;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
     display: inline-block;
     width: 100%;
     display: flex;
     justify-content: end;
     align-items: center;
     column-gap: 45px;
     padding-top: 28px;
}
 .over-one-mid-text table tr:last-child{
     border-bottom: 0;
     padding-bottom: 0;
}
 .over-one-mid-text table tr:first-child{
     padding-top: 0;
}
 .over-one-mid-text table tr:hover h2{
     color: #CA2B39;
}
 .over-one-mid-text table tr:hover h5{
     color: #CA2B39;
}
 .over-one-mid-text table tr:hover p{
     color: rgba(202, 43, 57, 0.75);
}
 .over-one-mid-text table tr td:first-child{
     max-width: 60px;
}
 .over-one-mid-text table tr td:nth-child(2){
     max-width: 150px;
}
 .over-one-mid-text table tr td:last-child{
     max-width: 520px;
     margin-left: auto;
}
 .over-one-mid-text table tr > *{
     flex-shrink: 0;
}
/* **********team-sec******** */
 /* .team-text ul{
     display: flex;
     justify-content: center;
     column-gap: 14px;
} */
 .each-team-info{
     background: #FDFDFD;
     box-shadow: 1px 6px 20px 0px rgba(0, 0, 0, 0.10);
     padding: 10px;
     padding-bottom: 20px;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
}
 .team-slider{
     position: relative;
}
 .team-sec{
     padding-top: 92px;
     padding-bottom: 20px;
}
 .team-heading{
     padding-bottom: 80px;
}
 .team-sec .swiper-button-prev, .swiper-rtl .swiper-button-next {
     left: 10%;
     top: 60%;
}
 .team-sec .swiper-button-next, .swiper-rtl .swiper-button-prev {
     right: 10%;
     top: 60%;
}
 .team-text h5{
     padding-top: 20px;
     padding-bottom: 4px;
     color: #3F3F3F;
}
 .team-text ul li img{
     max-width: 15px;
}
.team-text ul li a{
     color: rgba(18, 18, 18, 0.75);
}
.each-team-info:hover ul li a{
     color: rgba(253, 253, 253, 0.75);
}
 .team-text p{
     margin-bottom: 0;
}
 .team-img{
     width: 100%;
     height: 313px;
}
 .team-img img {
     object-fit: cover;
     height: 100%;
}
 .each-team-info:hover{
     background: #CA2B39;
     box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.10);
}
 .each-team-info:hover p{
     color: rgba(253, 253, 253, 0.75);
}
 .each-team-info:hover h5{
     color: #FDFDFD;
}
 .each-team-info:hover ul li img{
     filter: brightness(0) invert(1);
}
 .team-btn .common-btn:hover{
     background-color: #A42430;
     color: #FFF;
}
 .team-btn {
     margin-top: 80px;
}
 .team-sec .swiper-wrapper{
     padding: 30px;
     margin-left: -28px;
}
/* =======================Ons team========================== */
 .Ons-team-sec .row{
     row-gap: 20px;
}
 .team-sec.Ons-team-sec {
     padding-top: 120px;
}
/* ================verkoop=============================== */
/* **********verkoop-dtl-mid-sec********** */
 .verkoop-dtl-mid-sec .diens-dtl-mid-area li{
     color: #FFF;
     font-family: 'Widescreen-Regular';
     padding-bottom: 16px;
     line-height: 24px;
     font-size: 1.6rem;
     letter-spacing: 0.32px;
     position: relative;
     padding-left: 17px;
}
 .Verkoop-dtl-mid-sec .diens-dtl-mid-area td{
     width: 50%;
}
 .diens-dtl-mid-area table {
     width: 100%;
}
 .Verkoop-dtl-mid-sec .diens-dtl-mid-area{
     max-width: 1355px;
     margin-left: auto;
     margin-right: auto;
}
 .Verkoop-dtl-mid-sec .diens-dtl-mid-area tr {
     column-gap: 40px;
}
 li::marker{
     color: rgba(18, 18, 18, 0.75);
}
 .Verkoop-dtl-mid-sec .diens-dtl-mid-area ul li{
     font-family: 'Kanit-Light';
     padding-bottom: 8px;
     letter-spacing: 0.32px;
     line-height: 24px;
     font-size: 1.6rem;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
}
 .Verkoop-dtl-mid-sec .diens-dtl-mid-area ul{
     padding-left: 25px;
}
 .Verkoop-dtl-top-sec .diens-dtl-top-content h6{
     font-family: 'Kanit-Medium';
     color: rgba(18, 18, 18, 0.75);
     font-size: 1.6rem;
     letter-spacing: 0.32px;
     line-height: 24px;
}
 .Verkoop-dtl-mid-sec .diens-dtl-mid-area td:hover li{
     color: rgba(255, 255, 255, 0.75);
}
 .Verkoop-dtl-mid-sec .diens-dtl-mid-area td:hover li::marker{
     color: rgba(255, 255, 255, 0.75);
}
/* ********************thankyou-popup******************** */
 .modal-area .modal-dialog {
     max-width: 74%;
     margin: 10% auto 0;
}
 .modal-area .modal {
     background: rgba(65, 65, 65, 0.50);
     backdrop-filter: blur(3.5px);
}
 .modal-area .modal-content {
     border: 0;
     position: relative;
     background: #FDFDFD;
     border-radius: 0;
}
 .pop-up-image {
     height: 100%;
     position: relative;
}
 .pop-up-image img {
     overflow: hidden;
     height: 100%;
     object-fit: cover;
}
 .modal-area .popup-content {
     padding: 0 54px 0 48px;
}
 .modal-area .popup-content h2{
     padding-top: 30px;
     padding-bottom: 22px;
}
 .modal-area .popup-content h6{
     color: #FFF;
     font-size: 1.6rem;
     text-transform: none;
     font-family: 'ProximaNova-Regular';
     letter-spacing: 0.16px;
     line-height: 22px;
}
 .modal-area .popup-content p{
     margin-bottom: 0;
     font-family: 'Kanit-Regular';
}
 .modal-content .col-lg-5 {
     width: 37%;
}
 .modal-content .col-lg-7 {
     width: 63%;
}
 .modal-area .popup-content li {
     padding-left: 15px;
     font-family: 'Kanit-Regular';
     font-size: 2.4rem;
     line-height: 24px;
     position: relative;
     margin-bottom: 20px;
     letter-spacing: 0.32px;
     color: rgba(18, 18, 18, 0.75);
}
 .modal-area .popup-content ul {
     margin: 30px 0;
     padding-left: 12px;
     margin-bottom: 50px;
}
 .modal-area .popup-content li::after {
     content: '';
     position: absolute;
     left: 0;
     top: 9px;
     background-color: rgba(18, 18, 18, 0.75);
     background-size: 6px;
     height: 6px;
     width: 6px;
     border-radius: 100%;
}
 .modal-content .close-img {
     position: absolute;
     top: -7px;
     right: -7px;
     height: 56px;
     width: 56px;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 100%;
     z-index: 1;
}
 .modal-content .close-img img {
     width: 15px;
}
 .pop-up-image::after {
     background: linear-gradient(0deg, rgba(65, 65, 65, 0.40) 0%, rgba(65, 65, 65, 0.40) 100%);
     content: "";
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     position: absolute;
}
/* ***************thankyou-banner************** */
 .thankyou-banner{
     position: relative;
}
 .thankyou-banner-content{
     position: absolute;
     bottom: 286px;
     left: 0;
     width: 100%;
}
 .thankyou-banner-img{
     height: 748px;
     position: relative;
}
 .thankyou-banner-img img{
     height: 100%;
     object-fit: cover;
}
 .thankyou-banner-wrap h1{
     padding-bottom: 18px;
}
 .thankyou-banner-img::after{
     position: absolute;
     right: 0;
     left: 0;
     width: 100%;
     height: 100%;
     content: "";
     background: linear-gradient(0deg, rgba(65, 65, 65, 0.40) 0%, rgba(65, 65, 65, 0.40) 100%);
}
 .thankyou-banner-wrap .thankyou-btn{
     text-align: center;
}
 .thankyou-banner-wrap h3{
     color: #FDFDFD;
     margin-bottom: -23px;
}
/* =========================E-Stock===================== */
/* ***********E-Stock-top-sec********* */
 .E-Stock-top-sec{
     padding-top: 120px;
}
 .E-Stock-top-wrap{
     max-width: 1316px;
     margin-left: auto;
     margin-right: auto;
}
 .E-Stock-top-info{
     max-width: 545px;
    /* padding-right: 30px;
     */
}
 .E-Stock-top-btn ul{
     display: flex;
     column-gap: 16px;
}
 .E-Stock-top-wrap .col-lg-7{
     width: 54%;
}
 .E-Stock-top-wrap .col-lg-5{
     width: 46%;
}
 .E-Stock-top-info h2{
     padding-bottom: 17px;
}
 .E-Stock-top-info p{
     padding-bottom: 15px;
}
 .E-Stock-top-btn{
     margin-top: 25px;
}
 .E-Stock-top-btn .common-btn.white-btn{
     background-color: transparent;
     backdrop-filter: blur(2px);
     color: #1E1B1B;
     border-image-slice: 1;
     border-width: 1px;
     border-image-source: linear-gradient(to left,rgba(125, 125, 125, 0.5) , rgba(30, 27, 27, 0.7));
}
 .E-Stock-top-btn .common-btn.white-btn:hover{
     background-color: #CA2B39;
     color: #FFF;
     border-image-source: linear-gradient(to left,#CA2B39);
}
 .E-Stock-top-btn .common-btn:hover{
     background-color: #A42430;
     color: #FFF;
}
/* ********E-Stock-mid-sec********* */
 .E-Stock-mid-wrap{
     background: #FDFDFD;
     box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.10);
     padding: 30px;
}
 .E-Stock-mid-sec{
     margin-top: 80px;
}
 .E-Stock-mid-info{
     max-width: 547px;
     margin-left: 41px;
}
 .E-Stock-mid-info p{
     padding-top: 16px;
     padding-bottom: 38px;
     margin-bottom: 0;
}
 .E-Stock-mid-btn .common-btn:hover{
     background-color: #A42430;
     color: #FFF;
}
/* **********E-Stock-btn-sec******** */
 .E-Stock-btn-sec{
     padding-top: 120px;
     padding-bottom: 20px;
}
 .E-Stock-btn-heading{
     padding-bottom: 80px;
}
 .E-Stock-btn-img{
     position: relative;
}
 .E-Stock-btn-img::after{
    /* background: linear-gradient(0deg, rgba(18, 18, 18, 0.40) 0%, rgba(18, 18, 18, 0.40) 100%);
     width: 100%;
     height: 100%;
     left: 0;
     top: 0;
     position: absolute;
     content: "";
     */
}
.E-Stock-btn-img .video-js {
     width: 100% !important;
}
/* *******************Stock-detail***************** */
 .aanbod-dtl-product-left{
     padding-right: 15px;
}
 .aanbod-dtl-product-content-dtl table{
     margin-top: 2px;
     margin-bottom: 30px;
     width: 100%;
     max-width: 450px;
}
 .aanbod-dtl-product-content-dtl table td{
     padding-top: 27px;
     padding-bottom: 10px;
     position: relative;
}
 .aanbod-dtl-product-content-dtl table td p{
     margin-bottom: 0;
     color: rgba(30, 27, 27, 0.70);
     line-height: normal;
     letter-spacing: 0.48px;
     font-family: 'Kanit-Regular';
     padding-bottom: 5px;
     max-width: 420px;
}
 .aanbod-dtl-product-slider-right .swiper-button-next, .aanbod-dtl-product-slider-right .swiper-button-prev {
     top: 52%;
}
 .aanbod-dtl-product-slider-right .swiper-button-next, .swiper-rtl .swiper-button-prev {
     right: 25px;
}
 .aanbod-dtl-product-slider-right .swiper-button-prev, .swiper-rtl .swiper-button-next {
     left: 25px;
}
 .each-aanbod-dtl-product-slideview img {
     height: 100%;
     object-fit: cover;
}
 .aanbod-dtl-product-slider-thumbs{
     margin-top: 10px;
}
 .aanbod-dtl-product-content-dtl h6{
     text-transform: none;
     font-size: 2.4rem;
     line-height: normal;
     color: #1E1B1B;
     line-height: normal;
     letter-spacing: 0.72px;
     font-family: 'Kanit-Regular';
}
 .aanbod-dtl-product-content-dtl tr{
     position: relative;
     border-bottom: 1px solid rgba(30, 27, 27, 0.20);
}
 .aanbod-dtl-product-content-dtl tr:last-child{
     border-bottom: 0;
}
 .aanbod-dtl-product-heading h5{
     color: rgba(30, 27, 27, 0.70);
     letter-spacing: 0.72px;
     line-height: normal;
     padding-bottom: 10px;
}
 .aanbod-dtl-product-top-btn{
     margin-bottom: 22px;
}
 .each-aanbod-dtl-product-slideview {
     height: 100%;
}
 .aanbod-dtl-contact-area{
     display: flex;
     align-items: center;
     column-gap: 18px;
}
.aanbod-dtl-contact-text li a{
     color: rgba(30, 27, 27, 0.60);
     margin-left: 20px;
}
 .aanbod-dtl-contact-text li a:hover{
     color: #CA2B39;
}
 .aanbod-dtl-contact-text li{
     margin-bottom: 5px;
     color: #1E1B1B;
     font-family: 'Kanit-Regular';
     font-size: 1.6rem;
     line-height: normal;
     letter-spacing: 0.48px;
}
 .aanbod-dtl-info-right{
     display: flex;
     column-gap: 24px;
     justify-content: end;
     align-items: center;
}
 .aanbod-dtl-info{
     margin-top: 50px;
}
 .aanbod-dtl-contact-logo img{
     height: 100%;
     object-fit: cover;
}
 .aanbod-dtl-contact-logo{
     max-width: 119px;
     height: 125px;
     flex-shrink: 0;
}
 .aanbod-dtl-product-wrap{
     background: #FDFDFD;
     box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.10);
     padding: 40px;
}
 .aanbod-dtl-product-wrap .back_btn{
     padding-top: 0;
     padding-bottom: 35px;
     display: flex;
     justify-content: space-between;
}
 .aanbod-dtl-product-sec{
     padding-top: 195px;
     background-color: #FDFDFD;
     padding-bottom: 20px;
}
 .aanbod-dtl-product-wrap .col-lg-8{
     width: 63%;
}
 .aanbod-dtl-product-wrap .col-lg-4{
     width: 37%;
}
.aanbod-dtl-product-content-dtl h3 {
    line-height: normal;
    letter-spacing: 0.96px;
    color: #CA2B39;
    font-size: 2.4rem;
    font-family: 'Kanit-Regular';
}
 .aanbod-dtl-product-content-btn{
     display: flex;
     column-gap: 8px;
}
 .aanbod-dtl-product-content-btn .common-btn{
     padding: 13px 20px;
}
 .aanbod-dtl-contact-area{
     border: 1px solid rgba(30, 27, 27, 0.26);
     background: #F1F1F1;
     padding: 14px;
     margin-top: 40px;
}
 .aanbod-dtl-contact-text h5{
     color: #1E1B1B;
     line-height: normal;
     letter-spacing: 0.72px;
     padding-bottom: 8px;
}
 .table_count {
     --row-count: 2;
}
 .aanbod-dtl-product-heading{
     max-width: 440px;
     border-bottom: 1px solid rgba(30, 27, 27, 0.2);
}
 .aanbod-dtl-product-content-btn .common-btn{
     background-color: transparent;
     color: #1E1B1B;
     border-image-slice: 1;
     border-width: 1px;
     border-image-source: linear-gradient(to left,rgba(125, 125, 125, 0.5) , rgba(30, 27, 27, 0.5));
}
 .aanbod-dtl-product-content-btn .common-btn:hover{
     background-color: #CA2B39;
     color: #FFF;
     border-image-source: linear-gradient(to left,#CA2B39);
}
 .aanbod-dtl-product-content-btn .common-btn.red-btn:hover{
     background-color: #A42430;
     color: #FFF;
}
 .aanbod-dtl-product-content-btn .common-btn.red-btn{
     background: #CA2B39;
     color: #FFF;
     border: 0;
}
/****aanbod-dtl-tab-sec****/
 .dtl-tab-sec .tab-btn .nav-tabs {
     column-gap: 60px;
     margin-bottom: 38px;
     border: 0;
     justify-content: center;
}
 .tab-btn .tabs {
     display: flex;
     flex-wrap: wrap;
     column-gap: 24px;
     padding: 10px 0;
     margin-bottom: 43px;
}
 .tab-btn .tabs li.active {
     background-color: transparent;
     opacity: 1;
     position: relative;
}
 .tab-btn ul.tabs li {
     position: relative;
     display: inline-block;
     word-break: break-word;
     cursor: pointer;
     margin-bottom: 0;
     color: rgba(47, 47, 47, 0.70);
     text-transform: none;
     font-size: 2rem;
     font-family: 'Kanit-Medium';
     line-height: normal;
     padding-left: 0;
     position: relative;
}
 .tab-btn ul.tabs li.active span{
     color: #FFF;
}
 .tab-btn ul.tabs li.active span::after, ul.tabs li span:hover::after{
     opacity: 1;
}
 .tab_content {
     display: none;
}
 .tab_content img{
     max-width: 40%;
     height: 30px;
     filter: invert(1);
     padding-right: 15px;
}
 .tab_drawer_heading{
     display: none;
}
 .dtl-tab-sec {
     padding: 0px 0 18px;
     background-color: #FDFDFD;
}
 .dtl-tab-sec .common-wrap{
     padding-top: 105px;
     padding-bottom: 100px;
}
 .tab_drawer_heading{
     display: none;
}
 .tab-btn .tabs {
     display: flex;
     justify-content: left;
     column-gap: 60px;
     padding: 16px 0;
     margin-bottom: 35px;
}
 .tab-btn .tabs li.active{
     color: #CA2B39;
}
 .kenmerken-tab ul {
     display: flex;
     flex-wrap: wrap;
     justify-content: left;
     padding: 0;
     column-gap: 14px;
     row-gap: 15px;
}
 .kenmerken-tab li {
     line-height: 30px;
     width: 32%;
     padding: 16px 25px 18px 30px;
     position: relative;
     font-family: 'Kanit-Regular';
     color: rgba(47, 47, 47, 0.70);
     line-height: 20px;
     display: flex;
     justify-content: space-between;
     column-gap: 60px;
     border: 1px solid rgba(255, 255, 255, 0.15);
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
     background: #F8F8F8;
}
 .kenmerken-tab li:hover{
     background: #CA2B39;
     border-color: #CA2B39;
     color: #fff;
}
 .kenmerken-tab li:hover strong{
     color: #FFF;
}
 .kenmerken-tab li strong {
     font-family: 'Kanit-Regular';
     font-weight: normal;
     display: block;
     color: #2F2F2F;
     line-height: 20px;
}
 .kenmerken-tab li::after {
     display: none;
}
 .kenmerken-tab{
     overflow: hidden;
}
 .bullet-panel h5{
     border-bottom: 1.5px solid #D9D9D9;
     padding-bottom: 15px;
     margin-bottom: 18px;
     font-size: 2.4rem;
     line-height: 32px;
}
 .dtl-tab-sec .tab-content .tab-pane .tab_hedaing {
     padding-bottom: 20px;
}
 .bullet-panel {
     margin-bottom: 20px;
}
 .dtl-tab-sec .bullet-panel ul li {
     padding-left: 12px;
     position: relative;
     margin-bottom: 10px;
     font-family: 'Kanit-Regular';
}
 .tab_content ul li::marker{
     font-size: 1.8rem;
}
 .left-bg-block {
     width: 140px;
     display: flex;
     align-items: center;
     justify-content: center;
     background: #CA2B39;
     font-size: 1.6rem;
     line-height: 24px;
}
 .block-dtls {
     width: calc(100% - 140px);
     border: 1px solid #CA2B39;
     border-left: 0;
     padding: 20px 15px 5px;
     min-height: 200px;
}
 .left-bg-block h6 {
     line-height: 20px;
     font-size: 1.6rem;
     text-transform: none;
     color: #fff;
     font-family: 'Kanit-Medium';
}
 .each-onderhoud-block h4 {
     text-transform: none;
     font-size: 1.8rem;
     font-weight: bold;
     line-height: 20px;
}
 .each-onderhoud-block h5 {
     margin: 8px 0 25px;
     font-size: 1.6rem;
     text-transform: none;
     color: rgba(47, 47, 47, 0.70);
}
 .each-onderhoud-block {
     display: flex;
     margin-bottom: 20px;
}
 .tab-btm-btn{
     text-align: left;
     color: #CA2B39;
    ;
     cursor: pointer;
     margin-top: 45px;
     font-family: 'Kanit-Medium';
     font-size: 1.8rem;
     line-height: normal;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
}
 .tab-btm-btn:hover{
     color: #1E1B1B;
}
 .tab-popup {
     position: fixed;
     top: 0;
     left: 0;
     width: 100vw;
     height: 100vh;
     z-index: 102;
     display: flex;
}
 .tab-popup-content-wrap{
     overflow-x: hidden;
     overflow-y: scroll;
}
 .popup-opacity{
     position: fixed;
     width: 100vw;
     height: 100vh;
     background: rgba(18, 18, 18, 0.60);
     backdrop-filter: blur(12px);
     top: 0;
     left: 0;
     z-index: 100;
}
 .tab-popup-area {
     border-radius: 30px;
     background: #FDFDFD;
     position: relative;
     z-index: 101;
     margin: auto auto;
     padding: 50px;
     width: 100%;
     height: 75vh;
     border: 1px solid #CA2B39;
     overflow: hidden;
     box-shadow: 0px 0px 25px 0px rgba(202, 43, 57, 0.5);
     -webkit-box-shadow: 0px 0px 25px 0px rgba(202, 43, 57, 0.5);
     max-width: 93%;
}
 .popup-cross{
     width: 45px;
     height: 45px;
     display: flex;
     position: absolute;
     justify-content: center;
     align-items: center;
     top: 20px;
     right: 20px;
     border-radius: 100%;
     cursor: pointer;
     border: 1px solid #A42430;
}
 .tab-popup-content {
     overflow: scroll;
     overflow-x: hidden;
     padding-right: 20px;
     height: calc(100% - 116px) !important;
}
 .tab-popup-content ul{
     margin-bottom: 33px;
     padding: 0;
}
 .tab-popup-content ul:last-child{
     margin-bottom: 0;
}
 .popup-cross img{
     width: 38px;
}
 .tab-popup-area h3{
     line-height: normal;
     margin-bottom: 25px;
     font-size: 2.8rem;
}
 .tab-popup-area p{
     line-height: normal;
     padding-bottom: 25px;
     display: -webkit-box;
     -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
     overflow: hidden;
     text-overflow: ellipsis;
     margin-bottom: 0;
}
 .tab-popup-content h4{
     font-family: 'Kanit-Medium';
     line-height: 56px;
     margin-bottom: 25px;
     font-size: 2.4rem;
     line-height: normal;
}
 .tab-popup-content li {
     display: flex;
     justify-content: space-between;
     border-bottom: 1.5px solid rgba(47, 47, 47, 0.10);
     font-family: 'Kanit-Regular';
     line-height: 30px;
     color: rgba(47, 47, 47, 0.70);
     flex-wrap: wrap;
     padding: 6px 0;
}
 .tab-popup-content li::after{
     display: none;
}
 .tab-popup-content li strong{
     width: 50%;
     font-weight: normal;
     color: #1E1B1B;
}
 .show-popup{
     display: none;
}
 .tab-btn .tabs li.active::after {
     transform: rotate(90deg);
     opacity: 1;
     filter: none;
     top: 2px;
     left: 12px;
     transition: all 0.3s;
     -webkit-transition: all 0.3s;
}
 .tabs li::after {
     display: inline-block;
     content: url(../images/tab_arrow.svg);
     position: relative;
     top: 0;
     left: 7px;
     background-color: transparent;
     width: 9px;
     height: auto;
     filter: brightness(0) saturate(100%) sepia(100%) hue-rotate(-50deg) saturate(500%) brightness(1.2);
     opacity: 0.6;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
}
 .dtl-tab-mark{
     position: absolute;
     top: 0;
     left: 0;
     z-index: -1;
     height: 100%;
     width: 100%;
}
 .dtl-tab-mark img{
     height: 100%;
     object-fit: cover;
}
 .dtl-tab-sec .common-wrap{
     position: relative;
}
 .tab-btn ul{
     border-bottom: 2px solid rgba(47, 47, 47, 0.10);
}
 .tab-btn .tabs li.active{
     text-decoration-color: #CA2B39;
}
 .tab-btn .tabs li{
     text-decoration: underline;
     text-decoration-color: currentcolor;
     text-decoration-thickness: 2px;
     text-decoration-color: transparent;
     text-underline-offset: 25px;
     text-underline-offset: 24px;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
}
 .popup-cross img{
     filter: brightness(0);
}
/* ------------ dtl-calculator ---------- */
 .dtl-calculator-wrap{
     background: #FDFDFD;
}
 .dtl-calculator_top, .dtl-calculator_btm{
     max-width: 1138px;
     margin:43px auto 0;
     text-align: center;
}
 .dtl-calculator_top{
     margin-bottom: 30px;
}
 .dtl-calculator label {
     color: #1E1B1B;
     margin-bottom: 10px;
     display: block;
     width: 100%;
     z-index: 2;
     font-family: 'Kanit-Regular';
     font-size: 1.4rem;
     cursor: pointer;
}
 .dtl-calculator label:last-child {
     margin-bottom: 0;
}
 .dtl-calculator label span {
     float: right;
     color: #1E1B1B;
     opacity: 0.65;
}
 .dtl-calculator .form-check-input{
     width: 16px;
     height: 16px;
     vertical-align: middle;
     margin-top: -3px;
     margin-right: 8px;
     box-shadow: none;
     border: 1px solid #1E1B1B;
     background-color: transparent;
     border-radius: 3px;
}
 .dtl-calculator .form-check-input:checked {
     background-color: #CA2B39;
     border-color: #CA2B39;
}
 .dtl-calculator .select-style{
     background: url(../images/rotate-arrow.svg) no-repeat 91% center / 12px;
     font-size: 1.6rem;
     border: 0;
     background-color: #F8F8F8;
     height: 56px;
}
 .dtl-calculator-wrap .row{
     row-gap: 14px;
}
 .dtl-calculator .form-style {
     resize: none;
     border-radius: 0;
     font-size: 1.6rem;
     line-height: 28px;
     border: 0;
     background: #F8F8F8;
     border: 0;
     color: rgba(47, 47, 47, 0.7);
     padding: 14px 26px;
     font-family: 'Kanit-Regular';
}
 .dtl-calculator .form-group {
     margin-bottom: 0;
}
 .dtl-calculator .form-style::placeholder {
     color: rgba(47, 47, 47, 0.7);
     opacity: 1;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
}
 .dtl-calculator .form-style:placeholder {
     color: rgba(47, 47, 47, 0.7);
     opacity: 1;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
}
 .dtl-calculator .form-style:-ms-input-placeholder {
     color: rgba(47, 47, 47, 0.7);
     opacity: 1;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
}
 .dtl-calculator .form-style:focus {
     box-shadow: none;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
     border: 0;
}
 .dtl-calculator .form-style:focus::placeholder {
     border: 0;
}
/* --------- stock_list_ -------------- */
 .stock_list_heading{
     padding-top: 200px;
     padding-bottom: 80px;
}
 .stock_list_heading p{
     max-width: 584px;
     padding-left: 40px;
     margin-left: auto;
     margin-right: 0;
}
/* ================overname============= */
 .list-calculator-sec{
     background-color: #414141;
     padding-top: 35px;
     padding-bottom: 82px;
}
 .list-calculator-sec .common-background::after{
     z-index: 0;
     background-image: url(../images/form-bg.svg);
}
 .list-calculator-wrap{
     position: relative;
     z-index: 1;
}
/* ===================Stock-detail-car-sec============= */
 .Stock-detail-car-sec{
     padding-top: 120px;
}
 .Stock-detail-car-heading h2{
     padding-bottom: 83px;
}
 .tab-btn ul.tabs li:hover{
     color: #C92A38;
}
 .tabs li:hover::after {
     filter: unset;
     opacity: 1;
}
 .dtl-calculator-wrap .common-btn{
     padding: 15px 24px;
}
.aanbod-dtl-product-content-btn .common-btn {
     padding: 13px 17px;
}
.aanbod-dtl-product-content-dtl table td {
     padding-top: 25px;
}

.list-calculator-sec .dtl-calculator-wrap{
     background-color: transparent;
}
.list-calculator-sec .dtl-calculator_btm p,
.list-calculator-sec .dtl-calculator_top h5{
     color: rgba(255, 255, 255, 0.7);
}
.list-calculator-sec h3{
     font-family: 'Kanit-Regular';
     color: #fff;
}
.list-calculator-sec .dtl-calculator-wrap .common-btn{
     border-color: #CA2B39;
}
.list-calculator-sec .dtl-calculator-wrap .common-btn:hover{
     border-color: #fff;
}



/* ********************************* ADDITIONAL CSS ************************************************ */

/****aanbod dtl****/
.kenteken_np {
	background-image: url(../images/kenteken_plaat/kenteken_plaat.svg);
	background-repeat: no-repeat;
	background-position: left;
	padding: 4px 0 6px 44px;
	color: #000;
	background-size: 152px;
  }
  
  .star_icon h4{
	  padding-bottom: 10px;
	  text-transform: uppercase;
	  padding-top: 15px;
	  margin-bottom: 15px;
	  color: #000;
	  border-bottom: 1px solid #000;
	  text-transform: uppercase;
  }
  .star_icon p img{
	  width: 15px;
	  margin-top: -3px;
	  margin-right: 5px;
  }
  .star_icon p{
	  font-size: 16px;
	  color: #000;;
	  padding-bottom: 6px;
	  word-break: break-word;
  }
  .photo_contnt li img{
	  width: 15px;
	  margin-left: 5px;
  }
  .star_icon h3 {
	  margin: 40px 0 30px;
  }
  .aanbod-detail-tab-sec .tab-content .star_icon p {
	  margin: 0;
  }
  .bullet-panel h3 {
	  margin-bottom: 30px;
  }
  /*******loader*****/
  #loader_section{
	display:none;
	width:100%;
	position: fixed;
	top: 0;
	background: #000000b8;
	z-index: 9999999;
	height: 100vh;
	padding: 30vh 0px;
  }
  #loader_section p{
	color:#000;
	font-size:18px;
	text-align: center;
  }
  #loader_section img{
	width: 100px;
	margin-bottom: 25px;
  }
  
  /*********Morgen Footer************/
  .morgeninternet-footer {
	  background: #000000;
	  width: 100%;
	  height: 50px;
	  display: block;
	  text-align: center;
	  transition: 0.3s all;
  }
  
  .morgeninternet-footer:hover {
	  background: #202020;
	  transition: 0.3s all;
  }
  
  .morgeninternet-footer > img {
	  height: 30px;
	  padding-top: 15px;
  }
  
  .cookie_div{
	  position: fixed;
	  bottom: 0;
	  z-index: 999999;
	  width: 100%;
	  padding: 0px 0;
  }
  .cookie_div{
	  color:#9c9c9c;
	  font-size: 12px;
	  /*font-family: 'Calibri';*/
	  font-family: 'arial';
  }
  .cookie_div h4{
	  margin-bottom: 15px;
	  font-size: 13pt;
	  font-family: 'Calibri';
  }
  .cookie_div a{
	  color:#38b6be;
	  font-size: 10pt;
	  font-weight:bold;
	  margin-left:8px;
	  font-family: 'Calibri';
  }
  .cookie_div button{
	  color:#3c935c;
	  background:#dbffe8;
	  font-weight: bold;
	  border: 0;
	  padding: 10px 25px;
	  margin:5px 0;
	  cursor: pointer;
	  font-size: 12px;
	  /*font-family: 'Calibri';*/
	  font-family: 'arial';
  }
  .light_theme{
	  background:rgba(255, 255, 255, 0.83);
	  -webkit-box-shadow: 0px -3px 3px -1px rgba(203,203,203,0.6); 
	  box-shadow: 0px -3px 3px -1px rgba(203,203,203,0.6);
  }
  .dark_theme{
	  background: rgba(0, 0, 0, 0.78);
	  -webkit-box-shadow: 0px -3px 3px -1px rgba(203,203,203,0.65); 
	  box-shadow: 0px -3px 3px -1px rgba(203,203,203,0.65);
  }
  .light_theme h4{
	  color:#2a2a2a;
  }
  .dark_theme h4{
	  color:#c9c9c9;
  }



  .aanbod-loader {
	width: 45px;
	height: 40px;
	background: linear-gradient(#db2828 calc(1*100%/6),#fff 0 calc(3*100%/6),#db2828 0),
			  linear-gradient(#db2828 calc(2*100%/6),#fff 0 calc(4*100%/6),#db2828 0),
			  linear-gradient(#db2828 calc(3*100%/6),#fff 0 calc(5*100%/6),#db2828 0);
	background-size: 10px 400%;
	background-repeat: no-repeat;
	animation: matrix 1s infinite linear;
  }
  @keyframes matrix {
	0% {
	  background-position: 0% 100%, 50% 100%, 100% 100%
	}
  
	100% {
	  background-position: 0% 0%, 50% 0%, 100% 0%
	}
  }
  .load_aanbod{
	justify-content: center;
	display: flex;
	column-gap: 3rem;
	align-items: center;
	color: #101824;
  }

  .fixed-whatsapp-icon {
	 width: 70px;
	 height: 70px;
	 border-radius: 100%;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 position: fixed;
	 right: 10px;
	 bottom: 0px;
	 z-index: 999;
}

.fixed-whatsapp-icon img {
	 width: 50px;
}

.popup .popuptext {
	 display: none;
	 width: 200px;
	 background-color: #25D366;
	 color: #fff;
	 text-align: center;
	 border-radius: 20px;
	 padding: 8px 0;
	 position: absolute;
	 z-index: 1;
	 bottom: 3px;
	 right: 5vw;
	 font-size: small;
}

.notifcation {
	 position: relative;
}

.alert-number 
{
	 display: none;
	 position: absolute;
	 bottom: 43px;
	 right: 4px;
	 border-radius: 50%;
	 width: 17px;
	 height: 17px;
	 background-color: red;
	 color: white;
	 text-align: center;
	 font-size: small;
	 animation: shake 0.5s;
	 animation-iteration-count: 1;
}
.radio_filter .form-check-input {
     display: none;
 }

 .privacy_section {
     padding: 110px 0 60px;
 }
.filter-main .col-xl-8 .filter-sort{
     justify-content: start;
}
.dtl-calculator .form-group label{
     display: none;
}
.overons-top{
     background-color: transparent;
     margin-top: 60px;
}
.over-one-mid-wrap .row{
     align-items: center;
}
.error_check {
    display: none;
    color: red;
}
.opening-time-area table + p{
     color: rgba(65, 65, 65, 0.75);
     font-size: 1.6rem;
     line-height: 24px;
     font-family: 'Kanit-Light';
     margin-top: 15px;
}
.aanbod-filter-sec::after{
     z-index: 0;
     /* background-color: red; */
}
.aanbod-filter-sec{
     position: initial;
}
.errorText{
    display: none;
    opacity: 0.87;
    position: relative;
    top: 0px;
    left: 0px;
    right: initial;
    margin-top: 0px;
}
.errorText .formErrorContent {
    width: 100%;
    background: none;
    position: relative;
    color: red;
    /* width: 150px; */
    font-size: inherit;
    border: 0px solid #ddd;
    line-height: inherit;
}
.voorraadwekker_widget_section .form_part .voorraadwekker_btn{
     background-color: #CA2B39 !important;
}
.each_slider:hover .each_car_slider .swiper-button-disabled {
     opacity: 0.3;
 }



.e-story-inner-banner .inner-banner-img img {
    /* height: auto; */
    object-fit: cover;
    /* aspect-ratio: 7 / 2; */
}

.e-story-inner-banner .inner-banner-img  {
     height: 500px;
     /* height: auto !important; */
}





.has-format,
.image-cover,
.video-fit {
    background-position: 50% 50%;
    background-size: cover;
    height: auto;
    overflow: hidden;
    padding-top: 100%;
    position: relative
}

.video-fit {
    padding-top: 56.5%
}
.has-equal-box-heights .box-image img,
.has-format img,
.image-cover img,
.video-fit iframe,
.video-fit video,
img.back-image {
    bottom: 0;
    font-family: "object-fit: cover;";
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.video-fit iframe {
    -o-object-fit: fill;
    object-fit: fill
}

.e-yt{
     max-width: 640px;
    width: 100%;
    margin: 0 auto;
}


.financiering-lease-top .diens-top-wrap .row {
     align-items: start;

}
.financiering-lease-top .col-lg-7{
     display: none;
}
.financiering-lease-top .col-lg-5{
     width: 100%;
} 
.financiering-lease-top .diens-dtl-top-img{
     float: right;
     padding-bottom: 40px;
     padding-left: 40px;
}
.aanbod-list  .price-tag.defult_ul li span {
     margin-left: 6px;
}
.product_slider .price-tag.defult_ul li span {
     margin-left: 6px;
}





.diens-top-wrap .col-lg-5 {
     width: 100%;
    display: flex;
    column-gap: 20px;
    align-items: center;
}
.diens-list-area {
     display: flex;
    flex-wrap: wrap;
     justify-content: space-between;
}
.diens-list-area-wrap {
    width: 49%;
}
.each-diens-list .row {
     display: block;
}
.each-diens-list .col-lg-6:has(.diens-list-img) {
    width: 100%;
}
.each-diens-list .col-lg-6:has(.diens-list-heading) {
    width: 100%;
}
.diens-list-img {
    max-width: 100%;
}
.each-diens-list .flex-row-reverse .diens-list-heading {
    padding-left: 0;
    max-width: 100%;
}
.diens-list-area-wrap:nth-child(even) .diens-list-heading {
    margin-left: 0;
}
.diens-list-heading {
    max-width: 100%;
     margin-top: 20px;
}




.contact-form {
    padding-bottom: 81px;
}
.contact-form .each-form-contact {
    max-width: 100%;
    padding: 21px 22px;
}
.contact-form .form-wrap {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
}
.contact-form .form-wrap .col-lg-8 {
     width: 71%
}
.contact-form .form-wrap .col-lg-4 {
     width: 29%
}
.form-right-area {
    padding-left: 48px;
}
.contact-form .form-contact-area {
    padding-top: 58%;
}
.contact-form .contact-dtls {
    margin-bottom: 12px;
}
.contact-form .opening-time-area {
    max-width: 239px;
    margin-left: 0;
    margin-top: 12px;
}
.contact-form .opening-time-area table + p {
    max-width: 200px;
    width: 100%;
}
.vacatures-text{
	margin-top: 32px;
}
.vacatures-text em, .vacatures-text strong{
	font-weight: revert-layer;
	color: rgba(18, 18, 18, 0.75);
}
.diens-dtl-top-content strong{
	font-weight: bold;
}
.privacy_section h3, .privacy_section h1{
	color: #121212;
	font-size: 3.2rem;
}
.privacy_section h4{
	color: #121212;
	font-size: 1.2em;
}
.gtranslate_wrapper {
    display: flex;
    column-gap: 10px;
}
.header-right-part {
    display: flex;
    justify-content: space-between;
    column-gap: 10px;
    align-items: center;
}