@import "fonts.css";
 @import "common-class.css";
 body {
     padding: 0px;
     margin: 0px;
     /* font-family: 'elza_text_trialregular'; */
     font-family: 'almarairegular';
     font-size: 16px;
     background-color: #030304;
     color: #1c1c1c;
    /*overflow-x: hidden;
    */
}
 html {
     font-size: 62.5%;
}
/*#page{
     overflow: hidden;
}
*/
 .dblock{
     display:none;
}
 #menu {
     display: none;
}
 .mm-current {
     display: block !important;
}
 #mobile-contact-bar {
     display: none;
}
/*****************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****************/
 .header-area{
     position: fixed;
     left: 0;
     top: 0;
     z-index: 99;
     width: 100%;
     background: linear-gradient(0deg, rgba(3, 3, 4, 0.00) 0%, #030304 100%);
     padding: 27px 0 30px;
     transition: all 0.5s;
}
/* .lft{
     width: 34%;
}
 .mid{
     width: 25%;
}
 .right {
     width: 43%;
}
 */
 .header_logo img{
     width:206px ;
}
 .header-area .container > .row{
     justify-content: space-between;
     flex-wrap: nowrap;
}
 .header-area ul{
     display: flex;
    /* column-gap: 44px;
     */
    /* justify-content: center;
     */
     column-gap: 5px;
}
 .header_logo {
     width: max-content;
     margin: auto;
}
 .header-area ul a{
     letter-spacing: 0.54px;
     border-radius: 20px;
     border: 1.5px solid transparent;
     padding: 5px 13px;
}
 .header-area a{
     color: #FFFFF6;
}
 .menu_right{
     display: flex;
     align-items: center;
     justify-content: end;
}
 .menu_right ol{
     list-style: none;
     display: flex;
     column-gap: 23px;
     margin-right: 20px;
     padding-bottom: 0;
     margin-bottom: 0;
     flex-shrink: 0;
}
 .menu_right ol a{
     color: rgba(251, 251, 251, 0.50);
     position: relative;
}
 .menu_right ol a::before, .menu_right ol a::after{
     position: absolute;
     right: -12px;
     bottom: 3px;
     width: 1px;
     background-color: #FBFBFB;
     content: "";
     height: 66%;
     transform: rotate(15deg);
}
 .menu_right ol a::before{
     right: auto;
     left: -9px;
}
 .menu_right ol li:last-child a::after, .menu_right ol li:first-child a::before {
     display: none;
}
 .menu_right ol li.acive_langauage a{
     color:#FBFBFB ;
}
 .menu_right span{
     display: none;
     /* clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); */
     clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
}
 .menu_right span img{
     width: 35px;
     height: 35px;
}
 .menu_right .active_flag{
     display: block;
     width: 33px;
     flex-shrink: 0;
}
 .sticky_heaader, .white_header{
     background: #FFF;
     backdrop-filter: blur(10px);
}
 .inner_main{
     margin-top: 115px;
}
 .header_logo img{
     display: none;
}
 .header-area .header_logo a:nth-child(1) img{
     display: block;
}
 .sticky_heaader.header-area .header_logo a:nth-child(1) img, .white_header.header-area .header_logo a:nth-child(1) img{
     display: none;
}
 .sticky_heaader.header-area .header_logo a:nth-child(2) img, .white_header.header-area .header_logo a:nth-child(2) img{
     display: block;
}
 .header-area ul a:hover{
     border-color: #BAB744;
}
 .white_header ul a, .sticky_heaader ul a{
     color: #030304;
}
 .sticky_heaader .menu_right ol li a, .white_header .menu_right ol li a{
     color: rgba(0, 0, 0, 0.50);
}
 .sticky_heaader .menu_right ol li.acive_langauage a, .white_header .menu_right ol li.acive_langauage a{
     color: #030304;
}
 .white_header .menu_right ol a::before, .sticky_heaader .menu_right ol a::after{
     background:#030304 !important;
}
.translation-links {
     text-transform: uppercase;
 }
/* ============= mobile menu ========== */
 .menu-navigation {
     padding: 14rem 6.5rem 8rem;
     display: flex;
     flex-direction: column;
     height: 100%;
     row-gap: 7.3rem;
}
 .menu-items {
     position: fixed;
     top: 0px;
     background: #030304;
     width:0%;
     height: 100vh;
     right: 0;
     z-index: 3;
     bottom: 0;
     overflow-x: hidden;
     overflow-y: auto;
     transition: all 0.8s;
     -webkit-transition: all 0.8s;
}
 .menu-icon {
     width: 30px;
     height: 14px;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     cursor: pointer;
     position: relative;
     margin-left: auto;
     z-index: 9;
     top: -5px;
}
 .menu-icon span {
     display: block;
     height: 1.5px;
     background: #BAB744;
     border-radius: 0;
     transition: all 0.5s;
}
 .menu-icon span:nth-child(2){
     opacity: 0;
     height: 0;
     display: none;
}
 .menu-icon.menu_active span:nth-child(1) {
     transform: rotate(45deg) translate(7px, 7px);
}
 .menu-icon.menu_active span:nth-child(2) {
     opacity: 0;
}
 .menu-icon.menu_active span:nth-child(3) {
     transform: rotate(-45deg) translate(1.5px, -1.5px) 
}
 .menu-items.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;
}
 @-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 
    }
}
 .menu-items.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;
}
 .menu-items.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));
}
 .panel-left {
     right: 0;
     width: 0%;
     z-index: 2;
     background-color: rgba(0, 0, 0, .5);
     opacity: 0;
     visibility: hidden;
     position: absolute;
     top: 0;
     height: 100vh;
     transition: all 1s;
     -webkit-transition: all 1s;
}
 .menu_items_active{
     width: 50%;
}
 .panel-left-show {
     visibility: inherit;
     opacity: 1;
     transition: all 1s;
     -webkit-transition: all 1s;
     width: 100%;
}
 .menu-navigation ul{
     padding:0;
     margin-bottom: 0;
     flex-direction: column;
}
 .header-area .menu-navigation ul a{
     font-size: 2.4rem;
     line-height: 43px;
     padding: 10px;
     color: #FFFFF6;
}
/*****************cursor****************/
 .cursor{
     opacity: 0;
}
 .hover{
     position: fixed;
     height: 123px;
     width: 123px;
     background-color: rgba(186, 183, 68, 0.49);
     backdrop-filter: blur(5px);
     z-index: 9;
     top: 50%;
     opacity: 1;
     border-radius: 50%;
     display: flex;
     justify-content: center;
     align-items: center;
     opacity: 0;
     visibility: hidden;
     pointer-events: none;
     top: 0;
     left: 0;
     /* top: 50%;
     left: 50%; */
     /* transform: translate(-50%, -50%); */
     z-index: 99;
}
 .hover::after{
     position: absolute;
     right: 0;
     top: 0;
     height: 100%;
     width: 100%;
     background-image: url(../images/hover_arrow.svg);
     content: "";
     background-repeat: no-repeat;
     background-position: center 42px;
     background-size: 20px;
     display: flex;
     justify-content: center;
     align-items: center;
}
 .ok{
     opacity: 1;
     visibility: visible;
}
/* ======= home ======== */
 .video_banner{
     height: 901px;
}
 .video_banner video {
     object-fit: cover;
     height: 100%;
}
 .banner-sec{
     position: relative;
}
 .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 h5{
     /* font-family: 'elza_text_trialmedium'; */
     font-family: 'almarairegular';
     font-weight: 500;
     margin-bottom: 45px;
}
 .banner-content h1 {
     text-align: center;
}
 .banner-content h1 ul {
     display: inline-block;
     position: relative;
     height: 68px;
     overflow: hidden;
     padding: 0 10px;
     margin: 0;
     list-style: none;
     flex-shrink: 0;
}
 .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: #BAB744;
     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;
     margin-top: 61px;
     column-gap: 22px;
     margin-bottom: 0;
}
/* ============= product-sec ======== */
 .product_car{
     position: relative;
     padding-top: 130px;
     overflow: hidden;
}
 .product_car::after{
     position: absolute;
     right: 0;
     top: -80px;
     width: 130%;
     height: 60%;
     content: "";
     background-image: url(../images/product_bg.svg);
     background-size: contain;
     background-repeat: repeat;
     pointer-events: none;
}
 .product_car .swiper{
     margin-right: -35%;
}
 .each_slidr_img{
     position: relative;
}
 .product_price{
     position: absolute;
     right: 12px;
     bottom: -12px;
}
 .product_price span{
     background-color: #fff;
     padding:5px 10px;
     border-radius: 16px;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
     font-size: 1.4rem;
     letter-spacing: 0.42px;
}
 .price_heading h5{
     /* font-family: 'elza_text_trialregular'; */
     font-family: 'almarairegular';
     margin: 20px 0 0;
     height: 1lh;
     overflow: hidden;
}
 .price_heading p{
     margin-bottom: 0;
     font-size: 1.6rem;
     color: rgba(251, 251, 251, 0.42);
     margin-bottom: 5px;
     height: 1lh;
     overflow: hidden;
     margin-bottom: 14px;
}
 .price-btm {
     display: flex;
}
 .price-btm table{
     border-radius: 50px;
     border: 1.5px solid rgba(186, 183, 68, 0.30);
     display: grid;
     padding: 10px 20px;
     overflow: hidden;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
     width: 100%;
}
 .price-btm tr{
    /* display: flex;
     */
}
 .price-btm td{
     color: rgba(251, 251, 251, 0.42);
     font-size: 1.4rem;
     width: 33.33%;
}
 .price-btm td span{
     color: #FBFBFB;
     display: block;
}

.aanbod-list .aanbod-list-wrap table{
     /* display: table; */
     /* overflow: visible; */
     padding-top: 5px;
     padding-bottom: 5px;
}
.aanbod-list .aanbod-list-wrap .price-btm tr{
     display: flex;
}
.aanbod-list .aanbod-list-wrap .price-btm td {
     width: auto;
     padding-right: 44px;
 }
 .aanbod-list .aanbod-list-wrap .price-btm td:last-child {
     padding-right: 0;
 }
 .product-arrow{
     width: 65px;
     height: 65px;
     flex-shrink: 0;
     display: flex;
     justify-content: center;
     align-items: center;
     background-color: #BAB744;
     border-radius: 50%;
     visibility: hidden;
}
 .each_slider:hover .product-arrow{
     visibility: visible 
}
 .each_slider:hover .price-btm table{
     background-color: #BAB744;
}
 .each_slider:hover span{
     color: #030304;
}
 .each_slider:hover td{
     color: rgba(3, 3, 4, 0.42);
}
 .product_car_btn{
     text-align: center;
     margin-top: 87px;
}
 .product_car_heading{
     text-align: center;
     margin-bottom: 54px;
     position: relative;
     z-index: 3;
}
 .product_btm p{
     text-align: center;
     -webkit-text-fill-color: transparent;
     -webkit-text-stroke: 1px;
     -webkit-text-stroke: 1px rgba(186, 183, 68, 0.32);
     font-size: 6.7vw;
     font-family: 'larken_demoextrabold';
     line-height: normal;
     letter-spacing: 6.4px;
     text-transform: uppercase;
     position: relative;
     bottom: -63px;
}
 .service_sec{
     position: relative;
     padding: 76px 0 0;
}
 .service_sec::after{
     position: absolute;
     left: 0;
     top: 0;
     height: 100%;
     width: 100%;
     content: "";
     background-image: linear-gradient(0deg, rgba(22, 22, 22, 0.00) 50%, #161616 100%) , url(../images/service-bg.svg);
     background-size: 81%;
     z-index: -1;
}
 .service_price_heading{
     max-width: 859px;
     padding-bottom: 81px;
}
 .service_price_heading ul{
     list-style: none;
     padding: 0;
     margin-bottom: 0;
     display: flex;
     column-gap: 24px;
     margin-top: 60px;
}
 .service_price_heading h2{
     line-height: 88px;
}
 .each_service_slider{
     position: relative;
}
 .each_service_slider_content{
     position: absolute;
     bottom: 0;
     padding: 0 64px 64px 126px ;
     visibility: hidden;
}
 .each_service_slider_content span{
     font-size: 2.4rem;
     font-family: 'larken_demoextrabold';
     line-height: 58px;
     letter-spacing: 1.2px;
     text-transform: uppercase;
     -webkit-text-fill-color: transparent;
     -webkit-text-stroke: 1px;
     -webkit-text-stroke: .3px #fff;
}
 .each_service_slider_content h5{
     line-height: 58px;
     letter-spacing: 1.2px;
}
 .each_service_slider_content p{
     max-width: 621px;
     margin-bottom: 50px;
     display: -webkit-box;
     -webkit-line-clamp: 3;
     -webkit-box-orient: vertical;
     overflow: hidden;
     text-overflow: ellipsis;
}
 .service_sec .swiper-slide-active .each_service_slider_content{
     visibility: visible;
}
 .home_btm{
     background-color: #F9F9F9;
     padding-bottom: 131px;
     padding-top: 31px;
}
 .home_btm_img{
     padding-right: 91px;
     position: relative;
}
 .home_btm_sig {
     position: absolute;
     right: 0;
     bottom: -60px;
}
 .home_btm_sig img{
     width: 386px;
}
 .home_btm_content{
     padding-top: 20px;
}
 .home_btm_content p{
     color: #030304;
     margin-bottom: 73px;
}
 .home_btm_content h2{
     color: #030304;
     margin-bottom: 16px;
}
 .home_btm_content{
     padding-left:10px 
}
 .home_btm{
     position: relative;
}
 .home_btm .row{
     position: relative;
     z-index: 2;
}
 .home_btm::after{
     position: absolute;
     left: 0;
     top: 0;
     height: 100%;
     width: 100%;
     content: "";
     background-image: linear-gradient(0deg, rgba(251, 251, 251, 0.00) 0%, #FBFBFB 100%) , url(../images/home_btm_bg.svg);
     z-index: 0;
     pointer-events: none;
}
/***********brand-marquee**************/
 .brand-marquee-sec {
     position: relative;
     overflow: hidden;
     width: 100%;
     padding: 42px 0;
     background-color: #F9F9F9;
}
 .brand-marquee-wrap {
     display: flex;
     width: max-content;
     gap: 90px;
     align-items: center;
}
 .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;
     font-family: 'elza_text_trialmedium';
     color: #030304;
}
 .brand-marquee-wrap li::after {
     position: absolute;
     left: 0;
     top: 2px;
     height: 20px;
     width: 20px;
     content: "";
     background-image:url(../images/marque_logo.svg);
     background-position: center;
     background-repeat: no-repeat;
     background-size: 20px;
}
 .brand-marquee-wrap li img {
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
     opacity: 0.5;
}
 .brand-marquee-wrap li img:hover {
     opacity: 1;
}
/* =========== footer ======== */
 .footer-area{
     padding: 87px 0 0;
     overflow: hidden;
}
 .footer_logo img{
     width: 273px;
     margin-bottom: 78px;
}
 .each-footer-content h6{
     color: #FBFBFB;
     font-size: 1.6rem;
     line-height: normal;
     margin-bottom: 20px;
}
 .each-footer-content a, .each-footer-content td{
     color: rgba(251, 251, 251, 0.50);
     line-height:24.08px;
     margin-bottom: 8px;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
}
.each-footer-content a:hover{
     color: #BAB744;
}
 .each-footer-content :has(table){
     width: max-content;
     margin-left: auto;
}
 .footer-right{
     padding-left: 8%;
}
 .footer-right hr{
     opacity: 1;
     background-color: #FBFBFB;
     height: 1px;
     margin: 100px 0 0 0;
}
 .whatsapp-icon {
     width: 51px;
     height: 51px;
     background: #030304;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 100%;
}
 .whatsapp-btn {
     height: 68px;
     max-width: 243px;
     border-radius: 41.5px;
     background: #62D358;
}
 .whatsapp-info{
     opacity: .75;
     line-height: normal;
     font-size: 1.6rem;
     margin-left: 11px;
     color: #030304;
     line-height:17.6px ;
}
 .footer-btm{
     margin-top: 52px;
}
 .footer-btm-right{
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding-left: 8%;
}
 .bovag img{
     width: 116px;
}
 .footer-btm-right a{
     color: #FBFBFB;
}
 .footer-social ul{
     margin-bottom: 0;
     display: flex;
     align-items: center;
     column-gap: 9px;
}
 .footer-social ul span{
     margin-right:20px;
}
.footer-social ul a {
     clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
     -webkit-clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
     background-color: rgba(255, 255, 255, .5);
     display: flex;
     justify-content: center;
     align-items: center;
     height: 39px;
     width: 39px;
     position: relative;
     z-index: 3;
     padding: 0;
 }
 .footer-social ul li{
     color: #FBFBFB;
}
.footer-social ul a::before {
     content: '';
     position: absolute;
     clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
     -webkit-clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
     background-color: #030304;
     height: 35px;
     width: 35px;
     top: 2px;
     left: 2px;
     z-index: -1;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
 }
 .footer-social ul a:hover, .footer-social ul a:hover::before{
     background-color: #BAB744;
}
 .footer-social ul a img{
     opacity: 0.5;
}
 .footer-social ul a:hover img{
     opacity: 1;
     filter: brightness(0);
}
 .footer-btm-content{
     overflow: hidden;
}
 .footer-btm-content h6{
     text-align: center;
     -webkit-text-fill-color: transparent;
     -webkit-text-stroke: 1px;
     -webkit-text-stroke: 1px rgba(186, 183, 68, 0.32);
     font-size: 7.5vw;
     font-family: 'larken_demoextrabold';
     line-height: normal;
     letter-spacing: 6.4px;
     text-transform: uppercase;
     position: relative;
     bottom: -45px;
}
.privacy a:hover {
     color: #BAB744;
}
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% Waarom-tab-sec %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
 .card-footer{
    /* display: flex;
     */
     display: none;
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     z-index: 9;
     width: 100%;
     justify-content: space-between;
}
 .card-footer .common-arrow{
     outline: 0;
     border: 0;
}
 .Waarom-tab-sec .card{
     background-color: transparent;
     z-index: 2;
     border: none;
}
 .Waarom-tab-sec .card-header {
     background-color: transparent;
     border-bottom: none;
     padding: 0;
}
 .Waarom-tab-sec .nav-tabs{
     border-bottom: 1px solid #dee2e6;
     border-top: 1px solid #dee2e6 ;
     justify-content: center;
}
 .Waarom-tab-sec .nav-link{
     font-size: 2.4rem;
     color: #fff;
     font-family: 'larken_demoextrabold';
     line-height: 44px;
     letter-spacing: 1.2px;
     padding: 22px 46px 22px 46px;
     text-align: center;
     border: 0;
     position: relative;
     border-radius: 0;
}
 .Waarom-tab-sec .nav-link::after{
     position: absolute;
     left: 0;
     bottom: 0;
     height: 0;
     width: 100%;
     content: "";
     background-color: #fff;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
     z-index: -1;
}
 .Waarom-tab-sec .nav-link:hover::after{
     height: 100%;
}
 .Waarom-tab-sec{
     position: relative;
}
 .Waarom-tab-sec::after{
     content: "";
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     background: linear-gradient(0deg, rgba(24, 24, 22, 0.80) 0%, rgba(24, 24, 22, 0.80) 100%);
     position: absolute;
     display: none;
}
 .Waarom-tab-sec h3{
     color: #FBFBFB;
     line-height: 32px;
     letter-spacing: 1.2px;
     font-size: 2.4rem;
     font-family: 'larken_demoextrabold';
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     overflow: hidden;
     text-overflow: ellipsis;
     height: 60px;
}
 .Waarom-tab-sec .tab-content .tab-pane:first-child h3{
     max-width: 313px;
}
 .Waarom-tab-sec p{
     font-size: 16px;
     color: rgba(251, 251, 251, 0.83);
     line-height: 24px;
     letter-spacing: 0.32px;
     padding-top: 22px;
     padding-bottom: 188px;
     display: -webkit-box;
     -webkit-line-clamp: 10;
     -webkit-box-orient: vertical;
     overflow: hidden;
     text-overflow: ellipsis;
     height: 448px;
}
 .Waarom-tab-heading{
     max-width: 428px;
     margin-right: auto;
}
 .Waarom-tab-sec .tab-pane{
     max-width: 398px;
     margin-left: auto;
}
.Waarom-tab-sec.home-waarom {
     height: auto;
}
.Waarom-tab-sec.home-waarom h3 {
     height: auto;
}
.Waarom-tab-sec {
     padding-top: 234px;
     padding-bottom: 62px;
     overflow-x: clip; 
     height: 910px;
}
 .Waarom-tab-sec .card-body{
     padding: 5px;
}
 .Waarom-tab-sec .nav-link:hover , .Waarom-tab-sec .nav-tabs .nav-link.active{
     color: #030304;
}
 .home-waarom.Waarom-tab-sec .tab-pane .common-button{
     text-align: end;
}
/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% aanbod-list %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* ==================aanbod-list filter====================== */
/****aanbod-filter-sec****/
 .aanbod-filter-sec {
     padding: 100px 0 80px;
    /* background-color: #191D23;
     */
}
 .aanbod-filter-wrap {
     position: relative;
     z-index: 2;
}
 .filter-reset a {
     color: #F9F8F6;
     font-size: 1.4rem;
     font-family: 'elza_text_trialmedium';
}
 .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: #BAB744;
}
 .filter-reset a:hover img {
     filter: brightness(1);
}
 .select-style {
     width: 100%;
     height: 46px;
     color: #F9F8F6;
     /* font-family: 'elza_text_trialmedium'; */
     font-family: 'almarairegular';
     font-size: 1.4rem;
     background-color: #14181E;
     border: 0;
     border-radius: 0;
     padding: 0 30px 0 18px;
     background: url(../images/filter-arrow.svg) no-repeat 91% center/10px;
     appearance: none;
     line-height: 48px;
     text-overflow: ellipsis;
     overflow: hidden;
     white-space: nowrap;
     cursor: default;
     position: relative;
}
 .select-style::after{
     position: absolute;
     right: 0;
     bottom: 0;
     content: "";
     width: 100%;
     height: 0;
     background-color: rgba(255, 255, 255, 1);
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
     z-index: -1;
}
 .show.select-style::after{
     display: none;
}
 .select-style:hover::after{
     height: 100%;
}
 .select-style:hover:not(.show){
     background: url(../images/black-filter-arrow.svg) no-repeat 91% center/10px;
     color: #030304 
}
 .select-style.show {
     border-radius: 0;
     color: #030304;
     background-color: #fff;
}
 .filter-main {
     margin-bottom: 20px;
     border-bottom: 1px solid #FBFBFB;
     border-top: 1px solid #FBFBFB;
}
 .filter-main .row {
     row-gap: 10px;
}
 .filter-main option{
     font-family: 'elza_text_trialmedium';
     background-color: #030304;
}
 .filter-content {
     display: none;
     background-color:#030304;
     padding: 10px 10px 15px;
     z-index: 2;
     border: 1px solid #F9F8F6;
     border-top: 0;
     border-radius: 0;
     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: #F9F8F6;
     margin-bottom: 10px;
     display: block;
     width: 100%;
     z-index: 2;
     /* font-family: 'elza_text_trialmedium'; */
     font-family: 'almarairegular';
     font-size: 1.4rem;
     cursor: pointer;
}
 .aanbod-filter-sec label:last-child {
     margin-bottom: 0;
}
 .aanbod-filter-sec label span {
     float: right;
     color: #F9F8F6;
     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 #F9F8F6;
     background-color: transparent;
     border-radius: 3px;
}
 .aanbod-filter-sec .form-check-input:checked {
     background-color: #BAB744;
     border-color: #BAB744;
}
 .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;
     border-radius: 6px;
     background-color:#BAB744;
     font-size: 1.4rem;
     border: 1px solid #BAB744;
}
 .cross-btn {
     width: 9px;
}
 .auto-overview-tag:hover {
     background-color: transparent;
}
 .filter-main .col-lg-3 {
     width: 20%;
}
 .total_search_records {
     margin-top: 30px;
}
 .mobile-show-filter {
     position: fixed;
     left: 0;
     top: 99px;
     border-top: 1px solid #FBFBFB;
     border-bottom: 1px solid #FBFBFB;
     width: 100%;
     z-index: 5;
     margin-top: 0;
     padding: 15px 0;
     background-color: #030304;
}
 .mobile-show-filter .filter-btn {
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
     background-color: #BAB744;
     border-color: #BAB744;
     width: max-content;
     padding: 10px;
}
 .mobile-show-filter .common-btn:hover {
     background-color: transparent;
     border-color: #F9F8F6;
}
 .filter-count {
     min-width: 20px;
     height: 20px;
     background-color: #14181E;
     border-radius: 100%;
     color: #F9F8F6;
     border: 1px solid #14181E;
     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;
}
 .mobile-filter-close {
     padding: 15px;
     position: fixed;
     top: 0;
     width: 100%;
     left: 0;
     z-index: 1;
     background-color: #BAB744;
}
 .mobile-filter-close span {
     max-width: 32px;
     width: 100%;
     height: 32px;
     background-color: #F9F8F6;
     border-radius: 50%;
     margin-left: auto;
     border: 1px solid #BAB744;
}
 .mobile-filter-close span img {
     width: 9px;
     filter: invert(1);
     -webkit-filter: invert(1);
}
 .auto-overview-filter-result .total_search_records {
     margin-top: 0;
     background-color: #BAB744;
     border-color: #BAB744;
     color: #f3f3f3;
     padding: 10px;
     border-radius: 5px;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
}
 .auto-overview-filter-result .total_search_records h4{
     font-size: 1.6rem;
     color: #F9F8F6;
}
 .auto-overview-filter-result .total_search_records:hover {
     background-color: #7191C9;
     background-color: #7191C9;
}
 .cursor-pointer {
     cursor: pointer;
}
 .filter-sort {
     display: flex;
     align-items: center;
     justify-content: end;
}
 .filter-sort h6 {
     margin-right: 10px;
     color: rgba(249, 248, 246, 0.7);
     font-family: 'elza_text_trialmedium';
     text-transform: none;
     letter-spacing: normal;
}
 .filter-sort .aanbod-filter {
     margin-bottom: 0;
     width: 200px;
}
 .model-filter .form-check-input {
     display: none;
}
 .sorteren_op-filter .form-check-input {
     display: none;
}
 .filter_heading{
     margin-top: -44px;
     padding-bottom: 10px;
}
/* ===================aanbod-list-product====================== */
 .aanbod-list-wrap .row{
     row-gap: 50px;
}
 .aanbod-list .product-arrow{
     display: none;
}
/* ============== aanbod-dtl ============== */
 .back_btn{
     padding: 50px 0 30px;
}
 .back_btn .common-button{
     margin-right: 0;
     border-radius: 0 100px 100px 0 ;
     padding: 17px 24px;
     padding-right: 24px;
     padding-left: 0;
     margin-left: 50px;
}
 .back_btn .common-button:hover {
     padding-right: 12px;
     padding-left: 12px;
     border-radius: 100px;
     border-radius: 100px ;
}
 .back_btn .common-button strong{
     left: -50px;
     transform: rotate(180deg);
     border-radius: 0 100px 100px 0 ;
}
 .back_btn .common-button::after{
     left: auto;
     right: 0;
}
 .back_btn .common-button:hover strong{
     border-radius: 100px;
}
 .dtl-car-price-right .price-btm table{
     display: table;
     border: 0;
     overflow: visible;
}
 .dtl-car-price-right .price-btm{
     padding-left: 12.5vw;
}
 .dtl-car-price-right .price-btm td{
     width: auto;
}
 .dtl-car-price-right .price-btm td:last-child{
     text-align: end;
}
 .dtl-car-price-sec{
     background: #232323;
     padding: 23px 40px;
     margin: 20px 0;
}
 .dtl-car-price-sec p{
     color: rgba(255, 255, 255, 0.42);
     word-break: break-word;
}
.dtl-car-price-left h2 {
     margin-bottom: 10px;
}
 .custom_dtl_tab ul{
     padding-left: 0;
     display: flex;
     column-gap: 5px;
     justify-content: space-between;
     margin:33px 0 54px;
}
 .tab-top-btn{
     display: flex;
     column-gap: 16px;
}
 .custom_dtl_tab li{
     cursor: pointer;
}
 .tab_active h5{
     color: #BAB744;
}
 .tab_content {
     display: none;
}
 .tab_drawer_heading {
     display: none;
}
 .bullet-panel h5 {
     color: #FBFBFB;
     border-bottom: 1px solid #BAB744;
     padding-bottom: 10px;
     margin-bottom: 10px;
     margin-top: 15px;
}
 .bullet-panel ul li {
     padding-left: 16px;
     position: relative;
     margin-bottom: 10px;
     color: #FBFBFB;
}
 .bullet-panel li:after {
     background-size: 7px;
     position: absolute;
     top: 8px;
     left: 0;
     content: '';
     width: 7px;
     height: 7px;
     background-image: url(../images/bullet.svg);
     background-repeat: no-repeat;
}
 .each-onderhoud-block {
     display: flex;
     margin-bottom: 20px;
}
 .left-bg-block {
     width: 140px;
     display: flex;
     align-items: center;
     justify-content: center;
     background: #BAB744;
     line-height: 24px;
}
 .block-dtls h5 {
     text-transform: none;
     color: #BAB744;
     font-size: 2rem;
}
 .block-dtls {
     width: calc(100% - 140px);
     border: 1px solid #BAB744;
     border-left: 0;
     padding: 20px 15px 5px;
     min-height: 200px;
}
 .kenmerken-tab ul{
     display: flex;
     flex-wrap: wrap;
}
 .kenmerken-tab li{
     width: 33.33%;
     padding: 20px;
     color: rgba(255, 255, 255, 0.43);
     border-bottom: 1px solid #fff;
     border-left: 1px solid #fff;
     word-break: break-word;
}
 .kenmerken-tab li span{
     display: block;
     color: #FFF;
}
 .tab_container{
     padding-right: 10%;
}
 .aanbod-tab-right{
     margin-left: 10%;
     background-color: #232323;
     padding: 28px 24px;
}
 .review-mid h5{
     line-height: 44px;
     margin: 23px 0 10px;
}
 .review-man-img {
     width: 100px;
     height: 100px;
     border-radius: 50%;
     overflow: hidden;
     margin:23px auto 20px;
}
 .review-man-img img{
     height: 100px;
     object-fit: cover;
}
 .review-mid-contact a{
     color: #FFF;
     letter-spacing: 3.2px;
     line-height: normal;
}
 .review-mid-contact a:hover{
     color: #BAB744;
}
 .share-btn a img{
     width: 15px;
}
 .share-btn {
     text-align: center;
     margin-top: 35px;
}
 .share-btn a{
     display: inline-flex;
     padding: 12px 24px;
     justify-content: center;
     align-items: center;
     gap: 15px;
     border-radius: 100px;
     border: 1px solid #FFF;
     color: #FFF;
}
 .share-btn a:hover{
     background-color: #BAB744;
     border-color: #BAB744;
}
 .fixbtn{
     position: fixed;
     right: 0;
     bottom: 60px;
     z-index: 9;
}
.aanbod-tab-sec{
     margin-bottom: 42px;
}
.widget-content {
     background: #1c1c1c;
     padding: 4.5rem;
     -webkit-box-shadow: -5px 1px 17px 3px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: -5px 1px 17px 3px rgba(0, 0, 0, 0.2);
     box-shadow: -5px 1px 17px 3px rgba(0, 0, 0, 0.2);
     border-radius: 20px;
     width: 51rem;
     display: none;
}
/* ============= aanbod-popuo ============== */
.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(3, 3, 4, 0.73);
     top: 0;
     left: 0;
     z-index: 100;
}
.tab-popup-area {
     background: #F9F9F9;
     position: relative;
     z-index: 101;
     margin: auto auto;
     padding: 0 60px;
     width: 100%;
     height: 75vh;
}
.popup-cross{
     background:transparent;
     width: 24px;
     height: 24px;
     display: flex;
     position: absolute;
     justify-content: center;
     align-items: center;
     top: 20px;
     right: 20px;
     border-radius: 100%;
     cursor: pointer;
}
.tab-popup-content {
    /* overflow: scroll;
     */
     overflow-x: clip;
     overflow-y: scroll;
     padding-bottom: 40px;
     padding-right: 20px;
}
 .tab-popup-content ul{
     margin-bottom: 33px;
}
.tab-popup-content ul:last-child{
     margin-bottom: 0;
}
.popup-cross img{
     width: 15px;
}
.tab-popup-area h5 {
     color: #030304;
     line-height: normal;
     padding-top: 40px;
     margin-bottom: 5px;
}
.tab-popup-area p{
     color: rgba(18, 18, 18, 0.50);
     line-height: normal;
     word-break: break-word;
}
.tab-popup-content h5{
     line-height: 56px;
     padding-top: 5px;
}
.tab-popup-content li {
     display: flex;
     justify-content: space-between;
     border-bottom: 1.5px solid rgba(18, 18, 18, 0.28);
     /* font-family: 'elza_text_trialmedium'; */
     line-height: 30px;
     color: #1D1D1D;
     padding-bottom: 6px;
     padding-top: 6px;
     word-break: break-word;
}
.tab-popup-content li strong{
     color: rgba(0, 0, 0, 0.56);
     width: 50%;
}
.show-popup{
     display: none;
}
.show-popup .round_btn:hover{
     border-color: #BAB744;
     color: #BAB744;
}
.round_btn{
     max-width: max-content;
     padding: 10px 24px;
     border-radius: 100px;
     background-color: #BAB744;
     border: 1px solid #BAB744;
     margin-top: 55px;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
}
.round_btn:hover{
     background-color: transparent;
     color:#fff;
     border-color: #fff;
}
.tab-popup-content::-webkit-scrollbar {
     width: 5px;
     padding-left: 20px;
}
.tab-popup-content::-webkit-scrollbar-track {
     background: rgba(18, 18, 18, 0.50);
     border-radius: 5px;
}
.tab-popup-content::-webkit-scrollbar-thumb {
     background: #BAB744;
     border-radius: 10PX;
}
/* ============= veverkocht ============== */
.verkocht .each_slider{
     pointer-events: none;
}
.verkocht-heading {
     padding: 60px 0 80px;
}
/* ====== popup ====== */
/* ======= popup ========== */
.modal-area .modal-dialog {
     max-width: 69%;
     margin: 10% auto 0;
}
.modal-area .modal {
     background: rgba(3, 3, 4, 0.48);
     backdrop-filter: blur(11px);
}
.modal-area .modal-content {
     border: 0;
     background: #F9F9F9;
     position: relative;
}
.pop-up-image {
     height: 100%;
}
.modal-area .popup-content {
     padding: 98px 46px 26px 63px;
     background: #F9F9F9;
     height: 100%;
}
.modal-area .popup-content p{
     margin-bottom: 23px;
     width: 100%;
     max-width: 436px;
}
.modal-area .popup-content ul {
     list-style-type: none;
     margin-bottom: 30px;
     padding-left: 0;
    ;
}
 .modal-area .popup-content li {
     line-height: 26px;
     margin-bottom: 14px;
     color: #292B2C;
     position: relative;
     padding-left: 25px;
}
 .popup-content p {
     color: #030304;
}
 .popup-content h5{
     color: #030304;
     margin-bottom:28px ;
     text-transform: uppercase;
}
 .modal-area .popup-content li::before {
     content: '';
     position: absolute;
     left: 0;
     top: 12.9px;
     transform: translateY(-50%);
     width: 20px;
     height: 20px;
     background-image: url(../images/popup-bullet.svg);
     background-size: contain;
     background-repeat: no-repeat;
}
 .modal-content .col-lg-5 {
     width: 47%;
}
 .modal-content .col-lg-7 {
     width: 53%;
}
 .pop-up-image img {
     height: 100%;
     object-fit: cover;
}
 .close-img {
     position: absolute;
     top: 15px;
     right: 15px;
     z-index: 1;
     border-radius: 100px;
}
 .close-img:hover {
     color: #fff;
}
 .close-img img {
     width: 15px;
     height: 15px;
}
/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% WERKPLAATS-STRAT %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
 .werkplaats {
     background-color: #030304;
     padding-bottom: 10px;
     padding-top: 120px;
}
 .werkplaats-content p {
     color: #fff;
    /* letter-spacing: 0;
     */
}
 .werkplaats-content {
     max-width: 532.004px;
     margin-left: auto;
     margin-right: 0;
}
 .werkplaats-content h2 {
     color: #fff;
}
.inner-banner-sec .google_widget {
     position: absolute;
     bottom: 20px;
     right: 20px;
}
/* %%%%%%%%%%%%%%%%%%%%%%%%% werkplaats-list-sec STRAT %%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
 .werkplaats-list-sec {
     background-color: #030304;
     padding-top: 55px;
}
.each-werkplaats-list-content span{
     font-size: 2.4rem;
     line-height: 58px;
     letter-spacing: 1.2px;
     text-transform: uppercase;
     font-family: 'larken_demoextrabold';
     color: transparent;
     -webkit-text-stroke: 1px;
     -webkit-text-stroke: .3px #fff;
}
 .each-werkplaats-list {
     position: relative;
     margin-bottom: 20px;
     -webkit-transition: all 0.5s;
     transition: all 0.5s;
     overflow: hidden;
}
 .each-werkplaats-list::after {
     content: "";
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     left: 0;
     background: linear-gradient(225deg, rgba(3, 3, 4, 0.00) 19.84%, rgba(3, 3, 4, 0.49) 48.24%, rgba(3, 3, 4, 0.82) 91.66%);
     -webkit-transition: all 0.5s;
     transition: all 0.5s;
     opacity: 0;
}
.each-werkplaats-list:hover::after {
     opacity: 1;
}
 .each-werkplaats-list-content {
     position: absolute;
    /* top: 0;
     */
     /* top: 66%; */
     top:0 ;
     left: 0;
     bottom: 0;
     width: 100%;
     z-index: 2;
     padding: 52px;
     height: 100%;
     transition: all 0.7s ease;
     -webkit-transition: all 0.7s ease;
}
 .each-werkplaats-list:hover .each-werkplaats-list-content {
    /* top: auto;
     bottom: 0;
     */
     /* top: 0; */
     transition: 0.7s all ease;
     -webkit-transition: 0.7s all ease;
}
 .werkplaats-list-main .col-lg-6 {
     padding-left: 10px;
     padding-right: 10px;
}
 .werkplaats-list-main .row {
     margin-left: -10px;
     margin-right: -10px;
}
 .each-werkplaats-list-content .text-button::after {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     height: 100%;
     width: 100%;
     background-image: url(../images/Group\ 12.svg);
     background-repeat: no-repeat;
     background-position: 71% center;
     background-size: 15.057px;
}
 .each-werkplaats-list-content p {
     padding-top: 1.6rem;
     padding-bottom: 36px;
     -webkit-transition: all 0.5s;
     transition: all 0.5s;
     text-overflow: ellipsis;
     display: -webkit-box;
     overflow: hidden;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     padding-bottom: 0;
     margin-bottom: 50px;
}
 .each-werkplaats-list .each-werkplaats-list-content .hover-content {
     -webkit-transition: all 0.5s;
     transition: all 0.5s;
     width: 100%;
     height: 0;
     overflow: hidden;
}
 .each-werkplaats-list:hover .each-werkplaats-list-content .hover-content {
     -webkit-transition: all 0.5s;
     transition: all 0.5s;
     visibility: visible;
     height: 190px;
}
.each-werkplaats-list:hover .each-werkplaats-list-content {
     top: 25%;
}
/*%%%%%%%%%%% WERKPLAATSAFSPRAAK-PLANNEN-STRAT%%%%%%%%%%%%%%%%%%%%% */
.werkplaats.plannen .werkplaats-content {
     max-width: 702PX;
}
.werkplaats.plannen {
     padding-bottom: 156px;
     padding-top: 60px;
}
.werkplaats.plannen p {
     color: #FBFBFB;
     margin-bottom: 15PX;
}
/*%%%% %%%%% signaturecars-sec %%%%%%%%%%%%%%%%%%% */
 .signaturecars-sec {
     padding-top: 120px;
     position: relative;
     overflow: hidden;
}
.signaturecar-heading {
     text-align: center;
     padding-bottom: 169px;
}
.signaturecar-wrapper {
     z-index: 2;
     position: relative;
}
.each-signaturecar-details h3 {
     color: #FFF;
     font-size: 2.4rem;
     line-height: 32px;
     letter-spacing: 1.2px;
     font-family: 'larken_demoextrabold';
     padding: 0px 13px 0px 13px;
}
.each-signaturecar-details {
     position: relative;
     min-height: 320px;
}
.each-signaturecar-details p {
     color: rgba(255, 255, 255, 0.90);
     margin: 0;
     padding: 13px;
}
 .each-signaturecar {
     position: relative;
}
.werkplaats-signaturecars .signaturecar-details .col-lg-6::after,
.signaturecar-details .col-lg-4::after {
     content: "";
     width: 1px;
     height: auto;
     bottom: 0;
     left: 55px;
     background-color: #BAB744;
     position: absolute;
     top: 29px;
}
.werkplaats-signaturecars .signaturecar-details .col-lg-6::before,
 .signaturecar-details .col-lg-4::before {
     background-image: url(../images/Vector\(2\).svg);
     background-position: center;
     background-repeat: no-repeat;
     background-size: 29px;
     position: absolute;
     content: "";
     height: 29px;
     width: 29px;
     top: 0;
     left: 41px;
}
 .signaturecar-details .row {
     margin-left: -67px;
     margin-right: -67px;
}
.werkplaats-signaturecars .signaturecar-details .col-lg-6,
 .signaturecar-details .col-lg-4 {
     padding-left: 67px;
     padding-right: 67px;
     position: relative;
}
 .signaturecar-heading h2 {
     padding: 10px;
}
.werkplaats-signaturecars .signaturecar-details li {
     position: relative;
     padding-left: 20px;
     color: #FBFBFB;
     margin: 15px 0;
}
.werkplaats-signaturecars .signaturecar-details li::after {
     position: absolute;
     left: 0;
     top: 7px;
     height: 9px;
     width: 9px;
     content: "";
     background-image: url(../images/sevice_dot.svg);
     background-position: center;
     background-repeat: no-repeat;
     background-size: 9px;
}
/* %%%%%%%%%%%%%%%%%%%%%%%%%%% Vragen of interesse %%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
 .vragen-of-interesse-sec::after {
     content: "";
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     position: absolute;
     background: rgba(3, 3, 4, 0.90);
     backdrop-filter: blur(5px);
}
 .vragen-of-interesse-sec {
     position: relative;
     padding-top: 100px;
     padding-bottom: 125px;
}
 .vragen-of-interesse-wrapper {
     position: relative;
     z-index: 2;
}
 .vragen-of-interesse-heading p {
     max-width: 569px;
    /* letter-spacing: 0;
     */
     padding-bottom: 44px;
     color: #FFF;
}
 .form-area form {
     /* display: flex; */
     /* flex-wrap: wrap; */
     /* column-gap: 12px; */
}
 .form-group {
     /* width: 48%; */
}
 .form-styl {
     background-color: transparent;
     border: 0;
     border-bottom: 1.5px solid rgba(186, 183, 68, 0.30);
     font-size: 1.6rem;
     /* font-family: 'elza_text_trialregular'; */
     font-family: 'almarairegular';
     padding-bottom: 12px;
     margin-bottom: 45px;
     color: #FBFBFB;
     border-radius: 0;
     padding-left: 0;
}
 .form-group .form-styl:focus {
     background-color: transparent;
    /* box-shadow: 0px 1px 0px 0px rgba(186,183,68,1);
     */
     box-shadow: none;
     border: none;
     border-bottom: 1.5px solid #BAB744;
     color: #FBFBFB;
}
 .form-styl::placeholder {
     color: #FBFBFB;
}
 .form-styl:-ms-input-placeholder {
     color: #FBFBFB;
}
 .form-group label {
     text-align: left;
     display: block;
     position: absolute;
     transition: all 0.5s ease-in-out;
     color: rgba(251, 251, 251, 0.50);
     font-size: 1.6rem;
     /* font-family: 'elza_text_trialregular'; */
     font-family: 'almarairegular';
     padding-bottom: 12px;
     margin-bottom: 45px;
     pointer-events: none;
}
 .form-group.focused label {
     top: -30px;
     color: #BAB744;
}
 .form-group {
     position: relative;
}
 .form-area p {
     color: #BAB744;
     font-size: 1.6rem;
     /* font-family: 'elza_text_trialregular'; */
     font-family: 'almarairegular';
     padding-bottom: 0;
}
 .form-group textarea {
     resize: none;
}
 .form-group.textarea {
     min-height: 109px;
     width: 100%;
}
 .form-area{
     padding-right: 195px;
}
 .form-button .common-button strong {
     right: -50px;
}
 .form-group.focused input, .form-group.focused textarea {
     border-bottom: 1px solid rgba(186, 183, 68, 1);
}
 .vragen-of-interesse-heading h2 {
     padding: 20px 0;
}
 .vragen-of-interesse-sec .footer-right{
     max-width: 505px;
     margin-left: auto;
     padding-left: 0;
     padding-top: 135px;
}
 .vragen-of-interesse-sec .footer-right .row{
    /* column-gap: 20px;
     */
}
 .vragen-of-interesse-sec .footer-social{
     max-width: 505px;
     margin-left: auto;
     margin-top: 40px;
}
/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% related-service-sec-START %%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
 .related-service-sec {
     padding-top: 145px;
     background: #F9F9F9;
     overflow: hidden;
     padding-bottom: 0;
}
 .each-werkplaats-list-image::after {
     content: "";
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     left: 0;
     background: linear-gradient(243deg, rgba(3, 3, 4, 0.00) 0%, rgba(3, 3, 4, 0.30) 93.14%);
}
.each-werkplaats-list-image{
     height: 544px;
}
.each-werkplaats-list-image img{
     height: 100%;
     object-fit: cover;
}
 .each-bottom-image-slide {
     position: relative;
}
.related-service-slider .each-werkplaats-list-content {
     top: 68%;
     /* bottom: 0; */
 }
 /* .related-service-slider .each-werkplaats-list-content p {
     padding-bottom: 1.6rem;
} */
 .related-service-heading h2 {
     color: #030304;
     padding-bottom: 97px;
     position: relative;
     z-index: 2;
}
 .each-werkplaats-list-content .common-button strong {
     right: -50px;
}
/* .related-service-sec .hover:hover{
     opacity: 1;
     visibility: visible;
}
 */
 .related-service-slider {

 }
/*  %%%%%%%%%%%%%%%%%%%%%%% OVER-ONE-PAGE-START %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* ****************************over-one-desc-sec ***************************** */
 .over-one-desc-sec {
     background-color: #030304;
     padding-top: 130PX;
     padding-bottom: 130PX;
}
 .over-one-desc-left h2 {
     color: #fff;
     max-width: 650px;
     margin-right: auto;
     margin-left: 0;
     padding-bottom: 25px;
}
 .over-one-desc-left {
     padding-top: 75px;
}
 .over-one-desc-left strong {
     color: #BAB744;
}
 .over-one-desc-left p {
     max-width: 573px;
    /* letter-spacing: 0;
     */
     margin-left: 0;
     margin-right: auto;
     margin-bottom: 14px;
}
/* ******************* member-sec ************************************* */
 .member-sec {
     padding-top: 130px;
     padding-bottom: 130px;
     background-color: #F9F9F9;
     position: relative;
}
 .member-sec::after {
     position: absolute;
     left: 0;
     bottom: -50%;
     height: 100%;
     width: 100%;
     content: "";
     background-image:linear-gradient(0deg, rgba(251, 251, 251, 0.00) 0%, #FBFBFB 100%), url(../images/team-bg.svg);
     background-size: 100%;
     z-index: 0;
     background-repeat: no-repeat;
     z-index: 0;
     pointer-events: none;
}
 .each-member-slider {
    /* position: relative;
     */
     position: unset;
}
 .each-member-slider-content {
     position: absolute;
     bottom: 8px;
     left: 50%;
     width: calc(100% - 20px);
     background-color: #FFF;
     transform: translateX(-50%);
     padding-top: 20px;
     padding-bottom: 10px;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
     opacity: 0;
     visibility: hidden;
}
 .each-member-slider-content p {
     color: rgba(3, 3, 4, 0.42);
     text-align: center;
     line-height: 2.4rem;
     font-size: 1.6rem;
     letter-spacing: 0.48px;
     /* font-family: 'elza_text_trialregular'; */
     font-family: 'almarairegular';
}
 .each-member-slider-content h3 {
     text-align: center;
     font-size: 2.4rem;
     font-family: 'elza_text_trialmedium';
     color: #030304;
}
 .member-heading {
     padding-bottom: 46px;
     z-index: 2;
     position: relative;
}
 .member-heading h2 {
     color: #030304;
}
 .member-heading strong {
     color: #BAB744;
}
.each-member-slider:hover::after{
     height: 100%;
}
 .each-member-slider::after {
     background: linear-gradient(0deg, rgba(186, 183, 68, 0.39) 0%, rgba(186, 183, 68, 0.39) 100%);
     content: "";
     width: 100%;
     top: 0;
     left: 0;
     position: absolute;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
     height: 0%;
}
 .member-slider .swiper-slide:hover .each-member-slider-content {
     opacity: 1;
     visibility: visible;
     z-index: 2;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
}
 .each-member-slider-image img {
     height: 100%;
     object-fit: cover;
}
 .member-slider .swiper-slide:hover {
     width: 40% !important;
     box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
 .member-slider .swiper-slide {
     flex-grow: 1;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
}
 .each-member-slider-image {
     position: relative;
     height: 420px;
     overflow: hidden;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
}
 .each-member-slider-image img:hover {
     /* height: 420px;
     width: 446px; */
}

/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% .gallery-slider-sec %%%%%%%%%%%%%%%%%%%%%%%%% */
 .gallery-slider-sec .swiper-container {
     width: 100%;
     overflow: hidden;
}
 .gallery-slider-sec{
     background-color: #F9F9F9;
     overflow: hidden;
     
}
 .gallery-slider-sec .swiper-slide {
     height: 265px;
     object-fit: cover;
}
.gallery-slider-sec .swiper-slide img{
     height: 100%;
     object-fit: cover;
}
 .gallery-slider-image {
     margin-bottom: 20px;
}
 .gallery-slider-sec h2 {
     color: #030304;
     padding-bottom: 60px;
     position: relative;
     z-index: 2;
}
.gallery-slider-wrapper .swiper-wrapper {
     transition-timing-function: linear !important;
}
.brand-marquee-sec.bg-transparent li,
.brand-marquee-sec.bg-transparent li a{
     color: #FFF;
}    
/*%%%%%%%%%%%% DIENSTEN-DETAIL-PAGE-START %%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
 .werkplaats.plannen.diesten-detail {
     padding-bottom: 112px;
     position: relative;
}
/*%% %%%%%%%%%%%%%%% werkplaats plannen consignatie %%%%%%%%%%%%%%%%%%%%% */
 .werkplaats.plannen.consignatie{
     padding-bottom: 69px;
}
 .service_banner{
     position: relative;
     padding-bottom: 6.8vw;
}
.diesten-detail:after,
.service_banner::after{
     position: absolute;
     left: 0;
     bottom: 0;
     height: 45%;
     width: 75%;
     content: "";
     background-image: linear-gradient(180deg, #030304 0%, rgba(3, 3, 4, 0.00) 100%), url(../images/dtl-banner-bg.svg);
     background-size: contain;
     z-index: -1;
     background-repeat: no-repeat;
}
 .service_banner_left h2{
     color: #FBFBFB;
}
 .service_banner_right{
     max-width: 705px;
     margin-left: auto;
     margin-right: 0;
}
 .service_banner_right h2{
     color: #FBFBFB;
}
 .service_banner_right p{
     max-width: 705px;
     margin-left: auto;
     margin-right: 0;
     color: #FBFBFB;
}
.service_banner_right h5{
     margin-bottom: 15px;
}
.service_banner_right ul{
     margin-bottom: 10px;
}
.service_banner_right li{
     padding-left: 20px;
     position: relative;
     color: #FBFBFB;
}
.service_banner_right li::after{
     position: absolute;
     left: 0;
     top: 7px;
     height: 9px;
     width: 9px;
     content: "";
     background-image:url(../images/sevice_dot.svg);
     background-position: center;
     background-repeat: no-repeat;
     background-size: 9px;
}
 .service_banner_btm{
     margin-top: 50px;
}
 .service_banner_btm {
     margin-top: 50px;
}
 .service_banner_right p{
     max-width: 705px;
     margin-left: auto;
     margin-right: 0;
     color: #FBFBFB;
}

/* ================ contact  ======== */

.map{
     height: 550px;
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
}
.map-section{
     padding: 80px  0 130px;
}
/* .related-service-sec .swiper{
     margin-left: -20%;
} */
.related-service-slider .swiper {
     margin: 0 -12%;
}
.aanbod_dtl_related_car{
     padding-bottom: 130px;
}
.aanbod_dtl_related_car .price_heading h5{
     color: #030304;
}
.aanbod_dtl_related_car .price_heading p{
     color: rgba(3, 3, 4, 0.42);
}
.aanbod_dtl_related_car .price-btm td{
     /* min-width: 20%; */
     /* width: 20%; */
    color: rgba(3, 3, 4, 0.42);
}
.aanbod_dtl_related_car .price-btm td span{
     color: #030304;
}
.aanbod_dtl_related_car .price-btm tbody{
     display: block;
}
.aanbod_dtl_related_car .price-btm tr{
     display: flex;
}
.related-service-sec{
     position: relative;
}
.related-service-sec::after{
     position: absolute;
     left: 0;
     bottom:-25%;
     height: 100%;
     width: 100%;
     content: "";
     background-image:linear-gradient(0deg, rgba(251, 251, 251, 0.00) 0%, #FBFBFB 100%), url(../images/team-bg.svg);
     background-size: cover;
     z-index: 0;
     background-repeat: no-repeat;
}
.werkplaats-list-sec .each-werkplaats-list-image{
     height: auto;
}
.werkplaats-list-sec  .each-werkplaats-list-content{
     top: 69%;
}

.werkplaats-list-sec .each-werkplaats-list:hover .each-werkplaats-list-content {
     top: 37%;
}
.werkplaats-dtl::after{
     display: none;
}
.form-area .error_cls,
.form-area .success_cls {
     border-right: 0 !important;
     border-left: 0 !important;
     border-top: 0 !important;
}
.form-area .foto_upload {
     color: rgba(251, 251, 251, 0.50);
}
.form-area .formError .formErrorContent {
     top: -35px !important;
}
/*****vacature-dtl**/
.werkplaats-signaturecars .signaturecar-details {
     max-width: 1200px;
     margin: 0 auto;
     width: 100%;
}
/*===============style for developers==================*/

/*******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: #fff;
     font-size: 1.8rem;
     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;
   }
   
   button{
     border: 0;
   }
   /****aanbod dtl****/
   .kenteken_np{
       background-image: url(../images/kenteken_plaat/kenteken_plaat.svg);
       background-repeat: no-repeat;
       background-position: left;
       padding: 4px 10px 6px 30px;
       color: #000;
       background-size: contain;
   }
   .star_icon{
       margin-bottom: 30px;
   }
   .star_icon h4{
       padding-bottom: 10px;
       text-transform: uppercase;
       padding-top: 15px;
       margin-bottom: 15px;
      /* color: #1c1c1c;*/
      color: #fff;
       border-bottom: 1px solid #fff;
       padding-bottom: 10px;
   }
   .star_icon p img{
       width: 15px;
       margin-top: -3px;
       margin-right: 5px;
   }
   .star_icon p{
       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;
   }
   .cursor{
       cursor:pointer;
   }
   .form-1, .form-2 {
       display: none;
       padding: 50px 0;
       margin-top: 20px;
   }
   .form-2 .form-group label 
   {
       font-family: 'lama_sansregular';
       color: #fff;
       font-size: 1.6rem;
       margin-bottom: 20px;
   }
   .form-1 .form-group label
   {
       font-family: 'lama_sansregular';
       color: #fff;
       font-size: 1.6rem;
       margin-bottom: 20px;
   }
   .aanbod-loader {
       width: 45px;
       height: 40px;
       background: linear-gradient(#555 calc(1*100%/6),#fff 0 calc(3*100%/6),#555 0),
                 linear-gradient(#555 calc(2*100%/6),#fff 0 calc(4*100%/6),#555 0),
                 linear-gradient(#555 calc(3*100%/6),#fff 0 calc(5*100%/6),#555 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: 30px;
       align-items: center;
       color: #fff;
     }
   @media (max-width: 991px) {
       .form-1, .form-2 {
           padding: 0 !important;
       }
   }
   .radio_filter .form-check-input {
       display: none;
   }
   .aanbod-dtl-right-slide-top .common-btn{
       background-color: #fbb969;
       border-color: #fbb969;
   }
   .over-ons-counter-area .col-lg-4:last-child .each-over-ons-counter{
       border: none;
   }
   
   .carpass-img {
       width: 115px;
   }
   
   .skiptranslate{
       height: 0;
       overflow: hidden;
       visibility: hidden !important;
   }
   /* #google_translate_element{
       height: 0;
       overflow: hidden;
   }
   .skiptranslate{
       height: 0;
       overflow: hidden;
       visibility: hidden !important;
   }
   body {
       top: 0 !important;
   }
   
   .translation-links a span {
       text-transform: uppercase;
   }
   .bMMjYH .swiper-backface-hidden .swiper-slide {
       background-color: #292828;
   }
   .cDHIQK {
       background-color: #292828 !important;
   }
   .AGaFi,
   .dnbYzP,
   .kBfvhj,
   .fZBTme, 
   .fZBTme *{
       color: #F5F5F5 !important;
   }
   .kSLkip,
   .cwZklo{
       color: #8B8B8E !important;
   } */
   .calsty {
       border: 0;
       width: 100%;
       height: 782px;
       background: transparent;
   }
   .widget-content {
       background: #1c1c1c;
       padding: 4.5rem;
       -webkit-box-shadow: -5px 1px 17px 3px rgba(0, 0, 0, 0.2);
       -moz-box-shadow: -5px 1px 17px 3px rgba(0, 0, 0, 0.2);
       box-shadow: -5px 1px 17px 3px rgba(0, 0, 0, 0.2);
       border-radius: 20px;
       width: 51rem;
       display: none;
   }
   .widget-content p span {
       text-decoration: underline;
       color: #BAB744;
   }
   @media (max-width: 519px){
     .calsty {
          height: 802px;
      }
}
.member-slider .swiper-wrapper{
     transition: all 0.5s;
}
/* .ok{
      margin-left: -20%;
} */

.service-banner-img {
     position: relative;
}
.service-banner-img .google_widget {
     position: absolute;
     right: 20px;
     bottom: 20px;
}
.fix-icon{
    position: fixed;
    bottom:7%;
    right:40px;
    width: auto;
    z-index: 98;
}
.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;
}
.each_service_slider{
     height: 713px;
}
.each_service_slider img{
     height: 100%;
     object-fit: cover;
}

.garantieinformatie{
     background-color: #fff;
     padding: 40px 0 30px;
}
.garantie-informatie-table table {
     width: 100%;
     border-collapse: collapse;
     background-color: #fff;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.garantie-informatie-table th,
.garantie-informatie-table td {
     border: 1px solid #ccc;
     padding: 1rem;
     /* text-align: center; */
}
.garantie-informatie-table th {
     background-color: #f0f0f0;
}
.garantie-informatie-table td:first-child,
.garantie-informatie-table th:first-child {
     text-align: left;
}
.garantie-informatie-table p{
     color: #030304;
}
.garantie-informatie-table h3{
     margin-top: 20px;
     margin-bottom: 5px;
}
/*=================Membership=========================*/
.membership-header:not(.sticky_heaader), .membership-btn, .membership-list, .membership-marquee{
    background: #121212;
}
.membership-btn{
    padding-top: 150px;
}
.membership-btn .common-button, .membership-btn .common-button strong{
    border-radius: 100px;
}
.membership-btn .common-button{
    margin-right: 0;
    margin-left: 49px;
}
.membership-btn .common-button:not(:hover){
    padding-right: 24px;
}
.membership-btn .common-button strong{
    left: -49px;
    right: auto;
    transform: rotate(180deg);
}
.membership-list h3{
    font-size: 3.2rem;
    color: #FBFBFB;
    text-transform: uppercase;
}
.membership-list h3, .membership-form span{
    font-family: 'larken_demoextrabold';
}
.membership-list h3, .membership-list ul{
    margin-bottom: 30px;
}
.membership-list ul{
    list-style-type: disc;
    padding-left: 15px;
}
.membership-list li, .membership-list h6, .membership-list p, .membership-form p{
    letter-spacing: 0.48px;
    color: #FBFBFB;
    font-size: 1.6rem;
}
.membership-list li{
    margin-bottom: 5px;
}
.membership-list h6, .membership-form h2, .membership-form p{
    margin-bottom: 10px;
}
.membership-form{
    background: #f9f9f9;
}
.membership-form .mx-lg-auto{
    max-width: 460px;
}
.membership-form-image{
    clip-path: polygon(50% 0%, 100% 20%, 100% 80%, 50% 100%, 50% 100%, 0 80%, 0 20%);
    -webkit-clip-path: polygon(50% 0%, 100% 20%, 100% 80%, 50% 100%, 50% 100%, 0 80%, 0 20%);
}
.membership-form a:not(:hover){
    opacity: .5;
}
.membership-form a:hover{
    color: #BAB744;
}
.membership-form h2, .membership-form p{
    color: #1c1c1c;
}
.membership-form .form-group:not(.focused) label{
    color: #000;
}
.membership-form .form-group:not(.focused) .form-styl{
    border-color: rgba(0, 0, 0 ,0.2);
}
.membership-form .form-group .form-styl{
    color: #000;
    margin-bottom: 0;
}
.membership-form .form-group{
    margin-bottom: 40px;
}
.membership-form .form-group.textarea{
    margin-bottom: 20px;
}
.membership-form .error_cls, .membership-form .success_cls {
    border-right: 0 !important;
    border-left: 0 !important;
    border-top: 0 !important;
}
.membership-form .form-group .form-styl:focus {
    color: #000;
}
.membership-form .form-group .form-styl::placeholder {
    color: #000;
}
.membership-form .form-group .form-styl:-ms-input-placeholder {
    color: #000;
}
.membership-marquee-wrap img{
    width: 110px;
}
.membership-marquee-wrap {
    display: flex;
    width: max-content;
    gap: 100px;
}
.membership-marquee-wrap ul {
    display: flex;
    gap: 100px; 
}
.membership-marquee-wrap li {
    white-space: nowrap;
}