body {
     padding: 0px;
     margin: 0px;
     font-family: 'Elza-Regular';
     font-size: 16px;
     background-color: #212121;
     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;
}
.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****************/
.header-area{
     position: fixed;
     left: 0;
     top: 0;
     z-index: 99;
     width: 100%;
     background: linear-gradient(0deg, rgba(33, 33, 33, 0.00) 0%, #212121 100%);
     padding: 27px 0 30px;
     transition: all 0.5s;
}
/* .lft{
width: 34%;
}
.mid{
width: 25%;
}
.right {
width: 43%;
}
*/
.header_logo img{
     /* width:137px ; */
     width: 180px;
}
.header-area .container > .row{
     justify-content: space-between;
     flex-wrap: nowrap;
}
.header-area ul{
     display: flex;
     /* column-gap: 44px;
     */
     /* justify-content: center;
     */
     column-gap: 31px;
}
.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;
}
.header-area .submenu {
     position: relative;
}
.header-area .submenu::after {
     content: "";
     height: 100%;
     width: 100%;
     top: 100%;
     position: absolute;
     left: 0;
}
.header-area .Vertical {
     border-radius: 10px;
     border: 1px solid #fff;
     background-color: #212121;
     position: absolute;
     top: 50px;
     left: 0;
     padding: 13px;
     overflow: hidden;
     opacity: 0;
     pointer-events: none;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
     flex-direction: column;
     min-width: 260px;
}
.header-area .submenu:hover .Vertical {
     opacity: 1;
     pointer-events: all;
     top: 35px;
}
.header-area .Vertical li {
     margin-bottom: 6px;
}
.header-area .Vertical li:last-child {
     margin-bottom: 0;
}
.header-area .Vertical li a {
     color: rgba(255, 255, 255, 0.6);
     padding: 0;
     border: 0;
}
.header-area .Vertical li a:hover {
     color: #F7901E;
}
.header-area .submenu:hover > a {
     border-color: #F7901E;
}
.menu_right{
     display: flex;
     align-items: center;
     justify-content: end;
     column-gap: 32px;
}
.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: 100%;
     height: 32px;
}
.menu_right .active_flag{
     display: block;
     width: 76px;
     flex-shrink: 0;
}
.sticky_heaader, .white_header{
     background: #212121;
     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,
.header-area ul li.active a{
     border-color: #F7901E;
}
.white_header ul a, .sticky_heaader ul a{
     color: #fff;
}
.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;
}
/****fixed-part****/
.fixed-part {
    position: fixed;
    right: 0;
     bottom: 40%;
    /* bottom: 7%; */
    z-index: 98;
    display: flex;
    flex-direction: column;
    row-gap: 8px;
}
.fix-wp a {
    width: 60px;
    height: 60px;
    border-radius: 10px 0 0 10px;
    background-color: #6EE37A;
    display: flex;
    align-items: center;
    justify-content: center;
}
.fix-wp a img{
     width: 27px;
}
.fix-rating a img{
     width: 60px;
     height: 88px;
     border-radius: 10px 0 0 10px;
}
.fix-rating iframe{
     border-radius: 10px 0 0 10px;
     height: 88px;
     width: 60px;
}
/* ============= 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: 13.5px;
     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: #F7901E;
     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(247, 144, 30, 0.49);
     backdrop-filter: blur(5px);
     display: flex;
     justify-content: center;
     align-items: center;
     opacity: 0;
     visibility: hidden;
     pointer-events: none;
     top: 0px;
     left: 0px;
     z-index: 99;
     border-radius: 50%; */
     





     position: fixed;
    height: 123px;
    width: 123px;
    background-color: rgba(247, 144, 30, 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;
    z-index: 99;
    color: #fff;
}
.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-bannr ======== */
.video_banner{
     height: 901px;
}
.video_banner video {
     object-fit: cover;
     height: 100%;
}
.banner-sec{
     position: relative;
}
.banner-content{
     position: absolute;
     left: 50%;
     top: 65%;
     width: 100%;
     max-width: 1106px;
     z-index: 98;
     transform: translate(-50% , -50%);
     text-align: center 
}
.banner-content h5{
     font-family: 'Elza-Medium';
     margin-bottom: 30px;
}
.banner-content h1 {
     text-align: center;
}
.banner-content h1 ul {
     display: inline-block;
     position: relative;
     height: 71px;
     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: #F7901E;
     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: 55px;
     column-gap: 22px;
     margin-bottom: 0;
}
.banner-sec h1 strong::before {
    align-self: center;
    /* content: "|"; */
    transition: 0.05s;
    animation: blink 1.5s infinite;
    position: absolute;
    right: -18px;
    top: 9px;
    background-color:#F7901E;
    width: 16px;
    height: 60px;
    content: "";
}
.banner-sec h1 strong::after {
    position: absolute;
    bottom: 11px;
    left: -2px;
    content: '';
    width: calc(100% + 6px);
    height: 42%;
    z-index: -1;
}
.banner-sec h1 strong {
    font-weight: normal;
    position: relative;
    display: inline-block;
    color: #F7901E;
}
.banner-sec h1 u {
    text-decoration: none;
}
@keyframes blink {
	0%, 50%, 100% {
		opacity: 1;
	}
	25%, 75% {
		opacity: 0;
	}
}
/* ============= product-sec ======== */
.product_car{
     position: relative;
     padding-top: 130px;
     overflow: hidden;
     background-color: #1C1C1C;
}
.product_car::after{
     position: absolute;
     right: 0;
     top: -115px;
     width: 100%;
     height: 60%;
     content: "";
     background-image: linear-gradient(0deg, #030304 0%, rgba(3, 3, 4, 0.00) 100%) , url(../images/product_bg.svg);
     background-size: contain;
     background-repeat: repeat;
     pointer-events: none;
}
.each_slidr_img{
     position: relative;
}
.product_price{
     position: absolute;
     right: 12px;
     bottom: -12px;
}
.product_price span{
     background-color: #fff;
     padding:5px 25px;
     border-radius: 16px;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
     font-size: 1.4rem;
}
.aanbod-list .price_heading h5{
     font-size: 1.6rem;
     letter-spacing: 0.48px;
     font-family: 'Elza-Semibold';
     line-height: 32px;
} 
.price_heading h5{
     /* font-family: 'almarairegular'; */
     margin: 21px 0 5px;
     text-overflow: ellipsis;
     display: -webkit-box;
     overflow: hidden;
     -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
     font-family: 'Elza-Regular';
}
.price_heading p{
     margin-bottom: 0;
     font-size: 1.6rem;
     color: rgba(255, 255, 255, 0.42);
     margin-bottom: 16px;
     display: -webkit-box;
     -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
     overflow: hidden;
     text-overflow: ellipsis;
}
.each_slider:hover .price_heading p{
     color: #fff;
}
.price-btm {
     display: flex;
     align-items: center;
}
.price-btm td em{
     font-style: normal;
}
.price-btm table{
     border-radius: 50px;
     border: 1.5px solid rgba(247, 144, 30, 0.30);
     display: grid;
     padding: 5px 39px 7px;
     overflow: hidden;
     width: 100%;
     background-color: transparent;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
}
.price-btm td{
     color: rgba(255, 255, 255, 0.42);
     font-size: 1.4rem;
     width: 33.33%;
     line-height: 24px; 
     letter-spacing: 0.48px;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
     vertical-align: top;
}
.price-btm td span{
     color: #fff;
     display: block;
}
.aanbod-list .aanbod-list-wrap .price-btm tr{
     display: flex;
}
.aanbod-list .aanbod-list-wrap .price-btm td{
     width: auto;
     font-size: 1.4rem;
     line-height: normal;
     letter-spacing: 0.42px;
}
.aanbod-list .aanbod-list-wrap .price-btm tr{
     justify-content: space-between;
}
.aanbod-list{
     padding-bottom: 80px;
}
.product-arrow{
     width: 65px;
     height: 65px;
     flex-shrink: 0;
     display: flex;
     justify-content: center;
     align-items: center;
     background-color: #F7901E;
     border-radius: 50%;
     opacity: 0;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
}
.each_slider:hover .product-arrow{
     opacity: 1;
}
.each_slider:hover .price-btm table{
     background-color: #F7901E;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
     border: 1.5px solid #F7901E;
}
.each_slider:hover .price-btm td{
     color: rgba(255, 255, 255, 0.42);
}
.each_slider:hover .price-btm td span{
     color: #fff;
}
.each_slider:hover td{
     color: rgba(255, 255, 255, 0.42);
}
.product_car_btn{
     text-align: center;
     margin-top: 75px;
     margin-bottom: 22px;
}
.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: 1.5px;
     -webkit-text-stroke: 1.5px rgba(247, 144, 30, 0.32);
     font-size: 7.3vw;
     font-family: 'larken_demoextrabold';
     line-height: normal;
     letter-spacing: 6.4px;
     text-transform: uppercase;
     position: relative;
     bottom: -65px;
}
/* ==================service_sec=============== */
.service_sec{
     position: relative;
     padding: 100px 0 0;
}
.service_sec::after{
     position: absolute;
     left: 0;
     top: 0;
     height: 100%;
     width: 100%;
     content: "";
     background-image: linear-gradient(0deg, rgba(33, 33, 33, 0.00) 50%, #212121 100%) , url(../images/service-bg.svg);
     background-size: 81%;
     z-index: -1;
}
.service_price_heading{
     max-width: 800px;
     padding-bottom: 100px;
}
.service_price_heading h2{
     padding-bottom: 15px;
}
.service_price_heading ul{
     list-style: none;
     padding: 0;
     margin-bottom: 0;
     display: flex;
     column-gap: 24px;
     margin-top: 40px;
}
.service_price_heading h2 strong{
     color: #F7901E;
     font-weight: normal;
}
.each_service_slider{
     position: relative;
     height: 713px;
}
.each_service_slider::after{
     content: "";
     position: absolute;
     width: 100%;
     height: 100%;
     bottom: 0;
     left: 0;
     background: linear-gradient(180deg, rgba(33, 33, 33, 0.00) 0%, rgba(33, 33, 33, 0.82) 100%);
}
.each_service_slider img{
     height: 100%;
     object-fit: cover;
     object-position: top;
}
.each_service_slider_content{
     position: absolute;
     bottom: 0;
     padding: 0 126px 64px;
     visibility: hidden;
     z-index: 1;
}
.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 #FBFBFB;
}
.each_service_slider_content h5{
     line-height: 58px;
     color: #FBFBFB;
}
.each_service_slider_content p{
     max-width: 513px;
     margin-bottom: 50px;
     display: -webkit-box;
     -webkit-line-clamp: 3;
     -webkit-box-orient: vertical;
     overflow: hidden;
     text-overflow: ellipsis;
     color: #FBFBFB;
}
.service_sec .swiper-slide-active .each_service_slider_content{
     visibility: visible;
}
.service_slider .swiper-button-prev{
     left: 5%;
}
.service_slider .swiper-button-next{
     right: 5%;
}
/* ==================home_btm============== */
.home_btm{
     background: #FFF ;
     padding-bottom: 141px;
     padding-top: 45px;
     position: relative;
}
.home_btm_img{
     /* padding-right: 91px; */
     position: relative;
}
.home_btm_sig {
     position: absolute;
     /* right: -8%; */
     left: 0;
     bottom: -60px;
}
.home_btm_sig img{
     width: 322px;
}
.home_btm_content{
     padding-top: 20px;
     padding-left:10px;
     max-width: 550px;
     margin-left: auto;
}
.home_btm_content p{
     margin-bottom: 73px;
     color: #1C1C1C;
}
.home_btm_content h2{
     color: #1C1C1C;
     line-height: 58px;
}
.home_btm_content h3{
     color: #F7901E;
     font-family: 'larken_demoextrabold';
     font-size: 5rem;
     line-height: 58px;
     letter-spacing: 2.5px;
     text-transform: uppercase;
     padding-bottom: 16px;
}
.home_btm .row{
     position: relative;
     z-index: 2;
}
.home_btm::after{
     position: absolute;
     left: 0;
     top: 80px;
     height: 100%;
     width: 100%;
     content: "";
     background-image: linear-gradient(6deg, rgba(255, 255, 255, 0.00) 0%, #FFF 100%), url(../images/home_btm_bg.svg);
     z-index: 0;
     pointer-events: none;
}
.home_btm .col-lg-7{
     width: 57%;
}
.home_btm .col-lg-5{
     width: 43%;
}
/***********brand-marquee**************/
.brand-marquee-sec {
     position: relative;
     overflow: hidden;
     width: 100%;
     padding: 42px 0;
     background-color: #fff;
}
.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-size: 1.6rem;
     font-family: 'Elza-Medium';
}
.brand-marquee-wrap li a{
     color: #1C1C1C;
}
.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: 90px 0 0;
     overflow: hidden;
     background: #1C1C1C;
}
.footer_logo img{
     width: 236px;
     margin-bottom: 72px;
}
.each-footer-content h6{
     color: #fff;
     font-size: 1.6rem;
     line-height: normal;
     margin-bottom: 21px;
     font-family: 'Elza-Regular';
}
.each-footer-content p{
     margin-bottom: 0;
}
.each-footer-content {
     padding-bottom: 30px;
}
.each-footer-content a, .each-footer-content td{
     color: rgba(255, 255, 255, 0.50);
     line-height:24.08px;
     margin-bottom: 8px;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
     padding-bottom: 2px;
}
.each-footer-content tr:first-child td{
     padding-right: 12px;
}
.each-footer-content a:hover{
     color: #F7901E;
}
.each-footer-content :has(table){
     width: max-content;
     margin-left: auto;
}
.footer-right{
     padding-left: 11%;
}
.footer-right hr{
     opacity: 1;
     background-color: #FBFBFB;
     height: 1px;
     margin: 88px 0 0 0;
}
.whatsapp-icon {
     /* width: 51px;
     height: 51px; */
     width: 35px;
     height: 35px;
     background: #030304;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 100%;
}
.whatsapp-icon img {
    width: 16px;
}
.whatsapp-btn {
     /* height: 68px;
     max-width: 243px; */
     height: 58px;
     max-width: 160px;
     border-radius: 41.5px;
     background: #62D358;
}
.whatsapp-info{
     opacity: .75;
     line-height: normal;
     /* font-size: 1.6rem;
     margin-left: 11px; */
     font-size: 1.4rem;
     margin-left: 6px;
     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: 11%;
     column-gap: 10px;
}
.bovag img{
     width: 116px;
     height: 49px;
}
.footer-btm-right a{
     color: #fff;
}
.footer-btm-right a:hover{
     color: #F7901E;
}
.footer-social ul{
     margin-bottom: 0;
     display: flex;
     align-items: center;
     column-gap: 10px;
}
.footer-social{
     display: flex;
     align-items: center;
}
.footer-social p{
     margin-right:20px;
     color: #FFF;
}
.footer-social ul li a{
     border-radius: 100%;
     width: 42px;
     height: 42px;
     border: 1px solid #FFF;
     opacity: 0.5;
     display: flex;
     justify-content: center;
     align-items: center;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
}
.footer-social ul a:hover{
     background-color: #F7901E;
     border-color: #F7901E;
     opacity: 1;
}
.footer-social ul a:hover img{
     filter: invert(1);
}
.footer-btm-content{
     overflow: hidden;
}
.footer-btm-content h6 {
    text-align: center;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 1.5px;
    -webkit-text-stroke: 1.5px rgba(247, 144, 30, 0.32);
    font-size: 5vw;
    font-family: 'larken_demoextrabold';
    line-height: normal;
    letter-spacing: 6.4px;
    text-transform: uppercase;
    position: relative;
    bottom: -39px;
}
.footer-right .footer-btm-right-mobile {
     margin-top: 20px;
}
.trans-inruilen-btn img {
    width: 18px;
    margin-right: 5px;
}
.trans-inruilen-btn {
    background: transparent;
    color: #fff;
    border: 1px solid #65D072 !important;
    border-right: 0 !important;
}
.trans-inruilen-btn strong {
    background-color: transparent;
    border: 1px solid #65D072;
    border-left: 0;
    background-image: url(../images/btn_arrow-white.svg);
}

.trans-inruilen-btn:hover {
    background: transparent;
}
.trans-inruilen-btn strong {
    background-color: transparent;
    border: 1px solid #65D072;
    border-left: 0;
    background-image: url(../images/btn_arrow-white.svg);
    height: calc(100% + 2px);
    top: -1px;
}
.trans-inruilen-btn:hover strong {
    background-color: transparent;
}
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% 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 #fff;
     border-top: 1px solid #fff ;
     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: #fff;
     /* line-height: 44px; */
     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{
     color: rgba(255, 255, 255, 0.83);
     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: 242px 0 100px;
     background: #212121;
}
.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: #F7901E;
}
.filter-reset a:hover img {
     filter: brightness(1);
}
.select-style {
     width: 100%;
     height: 48px;
     color: #F9F8F6;
     font-family: 'Elza-Medium';
     font-size: 1.6rem;
     background-color: #14181E;
     border: 0;
     border-radius: 0;
     padding: 0 30px 0 18px;
     background: url(../images/filter-arrow.svg) no-repeat 91% center/11px;
     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/11px;
     color: #030304 ;
}
.select-style.show {
     border-radius: 0;
     border: 1px solid #fff;
     /* border-top: 0; */
     margin-top: -6px;
}
.sorteren_op-filter .select-style.show{
     margin-top: -3px;
}
.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: #212121;
}
.filter-content {
     display: none;
     background-color:#212121;
     padding: 10px 10px 15px;
     z-index: 2;
     border: 1px solid #F9F8F6;
     border-top: 0;
     border-radius: 0;
     margin-top: -4px !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-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 #fff;
     background-color: transparent;
     border-radius: 3px;
}
.aanbod-filter-sec .form-check-input:checked {
     background-color: #F7901E;
     border-color: #F7901E;
}
.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: #fff;
     border-radius: 6px;
     background-color:#F7901E;
     font-size: 1.4rem;
     border: 1px solid #F7901E;
}
.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: 105px;
     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: #F7901E;
     border-color: #F7901E;
     width: max-content;
     padding: 10px;
     color: #fff;
	 border-radius: 40px;
	 border: 1.5px solid rgba(247, 144, 30, 0.30);
}
.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: 5px;
     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: #F7901E;
}
.mobile-filter-close span {
     max-width: 32px;
     width: 100%;
     height: 32px;
     background-color: #fff;
     border-radius: 50%;
     margin-left: auto;
     border: 1px solid #F7901E;
}
.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: #F7901E;
     border-color: #F7901E;
     color: #fff;
     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: #fff;
     background-color: #fff;
     color: #1C1C1C;
}
.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: -52px;
     padding-bottom: 20px;
}
/* ===================aanbod-list-product====================== */
.aanbod-list-wrap .row{
     row-gap: 50px;
}
.aanbod-list .product-arrow{
     display: none;
}
/* ============== aanbod-dtl ============== */
.aanbod-dtl-top {
     background: #1C1C1C;
}
.back_btn.aanbod-dtl-back-btn{
     background: #1C1C1C;
}
.back_btn{
     padding: 156px 0 32px;
}
.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: -55px;
     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: #212121;
     padding: 23px 40px;
     margin: 20px 0 0;
}
.dtl-car-price-sec p{
     color: rgba(255, 255, 255, 0.42);
}
.custom_dtl_tab ul{
     padding-left: 0;
     display: flex;
     column-gap: 5px;
     justify-content: space-between;
     margin: 38px 0 60px;
}
.tab-top-btn{
     display: flex;
     column-gap: 16px;
}
.custom_dtl_tab li{
     cursor: pointer;
}
.custom_dtl_tab H5{
     color: rgba(255, 255, 255, 0.5);
}
.tab_active h5{
     color: #FFF;
}
.tab_content {
     display: none;
}
.tab_drawer_heading {
     display: none;
}
.bullet-panel h5 {
     color: #FBFBFB;
     border-bottom: 1px solid #F7901E;
     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: #F7901E;
     line-height: 24px;
}
.block-dtls h5 {
     text-transform: none;
     color: #F7901E;
     font-size: 2rem;
}
.block-dtls {
     width: calc(100% - 140px);
     border: 1px solid #F7901E;
     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;*/
}
.kenmerken-tab li span{
     display: block;
     color: #FFF;
}
.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: 100%;
     overflow: hidden;
     margin:23px auto 20px;
}
.review-man-img img{
     height: 100%;
     object-fit: cover;
     object-position: top;
     border-radius: 100%;
}
.review-mid-contact a{
     color: #FFF;
     letter-spacing: 3.2px;
     line-height: normal;
}
.review-mid-contact a:hover{
     color: #F7901E;
}
.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: #F7901E;
     border-color: #F7901E;
}
.fixbtn{
     position: fixed;
     right: 0;
     top: 50%;
     z-index: 9;
}
.aanbod-tab-sec{
     padding-bottom: 70px;
     background: #1C1C1C;
     padding-top: 20px;
}
.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: #fff;
     position: relative;
     z-index: 101;
     margin: auto auto;
     padding: 0 35px;
     width: 100%;
     height: 75vh;
}
.popup-cross{
     background:transparent;
     width: 35px;
     height: 35px;
     display: flex;
     position: absolute;
     justify-content: center;
     align-items: center;
     top: 20px;
     right: 20px;
     border-radius: 100%;
     cursor: pointer;
     border: 1px solid #F7901E;
}
.tab-popup-content {
     overflow-x: clip;
     overflow-y: scroll;
     padding-bottom: 15px;
}
.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: #1C1C1C;
     line-height: normal;
     padding-top: 40px;
     margin-bottom: 10px;
}
.tab-popup-area p{
     color: rgba(18, 18, 18, 0.50);
     line-height: normal;
}
.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);
     line-height: 30px;
     color: #1D1D1D;
     padding-bottom: 6px;
}
.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: #F7901E;
     color: #F7901E;
}
.round_btn{
     max-width: max-content;
     padding: 10px 24px;
     border-radius: 100px;
     background-color: #F7901E;
     border: 1px solid #F7901E;
     margin-top: 55px;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
     color: #fff;
     font-family: 'Elza-Medium';
}
.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: #F7901E;
     border-radius: 10PX;
}
/* ============= veverkocht ============== */
.verkocht .each_slider{
     pointer-events: none;
}
.verkocht-heading {
     padding: 0 0 55px;
}
.aanbod-list.verkocht{
     padding-top: 155px;
}
/* ====== popup-banner ====== */
.banner-sec.thank-you-banner .each_home_banner{
     height: 901px;
}
.banner-sec.thank-you-banner .each_home_banner img{
     height: 100%;
     object-fit: cover;
}
.banner-sec.thank-you-banner  .banner-content {
     top: 50%;
}
/* ======= 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: #F0F0F0;
     position: relative;
}
.pop-up-image {
     /* height: 100%; */
     height: 575px;
}
.modal-area .popup-content {
     padding: 98px 20px 98px 63px;
     background: #F0F0F0;
}
.modal-area .popup-content p{
     margin-bottom: 23px;
     width: 100%;
     max-width: 410px;
}
.modal-area .popup-content ul {
     list-style-type: none;
     margin-bottom: 16px;
     padding-left: 0;
}
.modal-area .popup-content li {
     line-height: 26px;
     margin-bottom: 14px;
     color: #1C1C1C;
     position: relative;
     padding-left: 25px;
     font-size: 1.6rem;
     line-height: 24px;
}
.popup-content p {
     color: #1C1C1C;
}
.popup-content h5{
     color: #1C1C1C;
     margin-bottom:28px ;
     text-transform: uppercase;
}
.modal-area .popup-content li::before {
     content: '';
     position: absolute;
     left: -4px;
     top: 11.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: 11px; */
     height: 16px;
}
.thank-you-banner .common-button strong {
    background-image: url(../images/thanku-arrow.svg);
    left: -54px;
    border-radius: 100px 0px 0px 100px;
    right: 0;
}
.thank-you-banner .common-button{
     border-radius: 0 100px 100px 0;
     padding-right: 24px;
     padding-left: 0;
     margin-right: 0;
}
.thank-you-banner .common-button:hover strong{
    border-radius: 100px;
    background-color: #F7901E;
    animation: movearrow .5s ;
    background-image: url(../images/thankyou-arrow-whit.svg);
}
.thank-you-banner .common-button:hover{
    border-radius: 100px;
    padding-right: 12px; 
    padding-left: 12px;
}
/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% WERKPLAATS-STRAT %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
.werkplaats {
     background-color: #212121;
     padding-bottom: 12px;
     padding-top: 120px;
}
.werkplaats-content p {
     color: #fff;
}
.werkplaats-content {
     max-width: 532.004px;
     margin-left: auto;
     margin-right: 0;
}
.werkplaats-content h2 {
     color: #fff;
}
.werkplaats.Vacature-top{
     padding-top: 75px;
}
/* %%%%%%%%%%%%%%%%%%%%%%%%% werkplaats-list-sec STRAT %%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
.inner-banner .banner-content {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    max-width: 1106px;
    z-index: 98;
    transform: translate(-50%, -50%);
    text-align: center;
}
.werkplaats-list-sec {
     background-color: #212121;
     padding-top: 67px;
     padding-bottom: 20px;
}
.werkplaats-list-sec.diens-list{
     padding-bottom: 50px;
}
.each-werkplaats-list-content span{
     font-size: 2.4rem;
     line-height: 58px;
     letter-spacing: 1.2px;
     text-transform: uppercase;
     font-family: 'elza_text_trialmedium';
     color: transparent;
     -webkit-text-stroke: 1px;
     -webkit-text-stroke: .3px #fff;
}
.each-werkplaats-list {
     position: relative;
     -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(239deg, rgba(33, 33, 33, 0.00) 0.23%, rgba(33, 33, 33, 0.49) 47.23%, rgba(33, 33, 33, 0.82) 99.77%);
     -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 ;
     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 {
     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: 50px;
     height: 2lh;
     margin-bottom: 20px;
}
.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 {
     position: relative;
     padding-top: 140px;
     background-position: top center;
}
.signaturecar-wrapper {
     z-index: 2;
     position: relative;
}
.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;
}
.signaturecar-details p {
     color: rgba(255, 255, 255, 0.90);
     margin: 0;
     padding: 13px;
     padding-bottom: 75px;
}
.each-signaturecar {
     position: relative;
}
.signaturecar-details td::after {
     content: "";
     width: 1px;
     height: auto;
     bottom: 0;
     left: 22px;
     background-color: #F7901E;
     position: absolute;
     top: 29px;
}
.signaturecar-details td::before {
     background-image: url(../images/Vector.svg);
     background-position: center;
     background-repeat: no-repeat;
     background-size: 29px;
     position: absolute;
     content: "";
     height: 29px;
     width: 29px;
     top: 0;
     left: 8px;
}
.signaturecar-details td {
     position: relative;
     width: 33.33%;
     padding-left: 35px;
     vertical-align: top;
}
.each-signaturecar-details ul::after{
     content: "";
     width: 1px;
     height: auto;
     bottom: 0;
     left: -20px;
     background-color: #F7901E;
     position: absolute;
     top: -16px;
}
.each-signaturecar-details ul::before{
     background-image: url(../images/Vector.svg);
     background-position: center;
     background-repeat: no-repeat;
     background-size: 29px;
     position: absolute;
     content: "";
     height: 29px;
     width: 29px;
     top: -45px;
     left: -35px;
}
.each-signaturecar-details ul{
     position: relative;
}
.signaturecar-details table{
     width: 100%;
}
.signaturecar-heading h2 {
     padding: 10px;
     line-height: 58px;
}
.werkplaats-signaturecars .signaturecar-details li {
     position: relative;
     padding-left: 20px;
     color: #fff;
     margin: 15px 0;
     font-size: 1.6rem;
     line-height: 24px;
     letter-spacing: 0.48px;
     font-family: 'Elza-Regular';
}
.werkplaats-signaturecars .signaturecar-details ul{
     padding-bottom: 75px;
}
.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;
}
.signaturecar-heading {
    text-align: center;
    /* padding-bottom: 130px; */
    padding-bottom: 170px;
}
.werkplaats-list-sec .each-werkplaats-list{
     margin-bottom: 45px;
}
.werkplaats-list-sec.diens-list .each-werkplaats-list{
     margin-bottom: 20px;
}
.werkplaats-signaturecars .signaturecar-details{
     max-width: 1080px;
     margin-left: auto;
     margin-right: auto;
}
.werkplaats-signaturecars .signaturecar-heading{
     padding-bottom: 168px;
}
.signaturecars-sec.werkplaats-signaturecars {
     padding-top: 115px;
}
/* %%%%%%%%%%%%%%%%%%%%%%%%%%% Vragen of interesse %%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
.vragen-of-interesse-sec::after {
     content: "";
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     position: absolute;
     background: rgba(28, 28, 28, 0.90);
     backdrop-filter: blur(5px);
}
.vragen-of-interesse-sec {
     position: relative;
     padding-top: 96px;
     padding-bottom: 102px;
}
.vragen-of-interesse-wrapper {
     position: relative;
     z-index: 2;
}
.vragen-of-interesse-heading p {
     max-width: 569px;
     padding-bottom: 44px;
     color: #FFF;
}
.vragen-of-interesse-heading{
     max-width: 705px;
     margin-right: auto;
}
.form-styl {
     background-color: transparent;
     border: 0;
     border-bottom: 1.5px solid rgba(247, 144, 30, 0.30);
     font-size: 1.6rem;
     font-family: 'Elza-Regular';
     padding-bottom: 10px;
     color: #fff;
     border-radius: 0;
     padding-left: 0;
}
.form-group .form-styl:focus {
     background-color: transparent;
     box-shadow: none;
     border: none;
     border-bottom: 1.5px solid #F7901E;
     color: #fff;
}
.form-styl::placeholder {
     color: #fff;
}
.photo_upload{
     color: #fff;
}
.foto_upload{
     color: #fff;
}
.form-styl:-ms-input-placeholder {
     color: #fff;
}
.form-area .form-group{
     margin-bottom: 45px;
     position: relative;
}
.form-area .form-group label {
     text-align: left;
     display: block;
     position: absolute;
     transition: all 0.5s ease-in-out;
     color: rgba(255, 255, 255, 0.50);
     font-size: 1.6rem;
     font-family: 'Elza-Regular';
     padding-bottom: 12px;
     pointer-events: none;
}
.form-area .form-group.focused label {
     top: -30px;
     color: #F7901E;
}
.form-area p {
     color: #F7901E;
     font-size: 1.6rem;
     font-family: 'Elza-Regular';
     padding-bottom: 0;
}
.form-group textarea {
     resize: none;
}
.form-group.textarea {
     min-height: 109px;
     width: 100%;
}
.form-button .common-button strong {
     right: -55px;
}
.form-button{
     margin-top: 15px;
}
.form-group.focused input, .form-group.focused textarea {
     border-bottom: 1.5px solid rgba(247, 144, 30, 0.30);
}
.vragen-of-interesse-heading h2 {
     padding: 0 0 2px;
     line-height: 65PX;
}
.vragen-of-interesse-sec .footer-right{
     max-width: 265px;
     margin-left: auto;
     padding-left: 0;
}
.vragen-of-interesse-sec .footer-social{
     max-width: 265px;
     margin-left: auto;
}
.footer-right p{
     color: rgba(255, 255, 255, 0.50);
}
.footer-right .row{
     row-gap: 20px;
}

/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% related-service-sec-START %%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
.related-service-sec {
     padding-top: 132px;
     background: #fff;
     overflow: hidden;
     position: relative;
     padding-bottom: 20px;
}
.each-werkplaats-list-image{
     height: 555px;
}
.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%;
}
/* .related-service-slider .each-werkplaats-list-content p {
     padding-bottom: 1.6rem;
} */
.related-service-heading h2 {
     color: #030304;
     padding-bottom: 80px;
     position: relative;
     z-index: 2;
}
.each-werkplaats-list-content .common-button strong {
     right: -55px;
}

/*  %%%%%%%%%%%%%%%%%%%%%%% OVER-ONE-PAGE-START %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* ****************************over-one-desc-sec ***************************** */
.over-one-desc-sec {
     background-color: #212121;
     padding-top: 78PX;
     padding-bottom: 130PX;
}
.over-one-desc-left h2 {
     color: #fff;
     padding-bottom: 25px;
     line-height: 58px;
}
.over-one-desc-left {
     max-width: 580px;
     margin-right: auto;
     padding-right: 10px;
}
.over-one-desc-left strong {
     color: #F7901E;
}
.over-one-desc-left p {
     margin-left: 0;
     margin-bottom: 14px;
}
.over-one-tob-sec .tab-pane{
     max-width: 400px !important;
     margin-left: auto;

}
/* ******************* member-sec ************************************* */
.member-sec {
     padding-top: 130px;
     padding-bottom: 130px;
     background-color: #fff;
     position: relative;
}
.member-sec::after {
     position: absolute;
     left: 0;
     bottom: -43%;
     height: 100%;
     width: 100%;
     content: "";
     background-image: 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: 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;
}
.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;
     line-height: 58px;
}
.member-heading strong {
     color: #F7901E;
}
.each-member-slider:hover::after{
     height: 100%;
}
.each-member-slider::after {
     content: "";
     width: 100%;
     top: 0;
     left: 0;
     position: absolute;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
     height: 0%;
     background: linear-gradient(0deg, rgba(247, 144, 30, 0.39) 0%, rgba(247, 144, 30, 0.39) 100%);
     box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}
.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 {
     box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.member-slider .swiper-slide {
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
}
.each-member-slider-image {
     position: relative;
     overflow: hidden;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
     height: 100%;
}
.service-active .each-member-slider::after{
     content: "";
     width: 100%;
     top: 0;
     left: 0;
     position: absolute;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
     height: 100%;
     background: linear-gradient(0deg, rgba(247, 144, 30, 0.39) 0%, rgba(247, 144, 30, 0.39) 100%);
     box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}
.service-active .each-member-slider-content{
     opacity: 1;
     visibility: visible;
     z-index: 2;
}
.member-slider .swiper-slide:not(.service-active){
    width: calc(47% / 3) !important;
}
.member-slider .swiper-slide.service-active {
    width: 32% !important;
}
.member-slider .swiper-slide {
    transition: width 0.4s ease;
    height: 420px;
}
.each-member-slider  {
    height: 100%;
    overflow: hidden;
    position: relative;
}
.each-member-slider-image img {
    height: 100%;
    object-fit: cover;
    object-position: top;
}
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% .gallery-slider-sec %%%%%%%%%%%%%%%%%%%%%%%%% */
.gallery-slider-sec .swiper-container {
     width: 100%;
     overflow: hidden;
}
.gallery-slider-sec{
     background-color: #fff;
     overflow: hidden;
}
.gallery-slider-sec .swiper-slide {
     height: 265px;
     object-fit: cover;
}
.gallery-slider-sec .swiper-slide img{
     height: 100%;
     object-fit: cover;
     object-position: top;
}
.gallery-slider-image {
     margin-bottom: 20px;
}
.gallery-slider-sec h2 {
     color: #030304;
     padding-bottom: 60px;
     position: relative;
     z-index: 2;
     line-height: 58px;
}
.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-related-service .related-service-sec{
     padding-top: 40px;
}
.werkplaats.plannen.consignatie{
     padding-bottom: 69px;
}
.service_banner{
     position: relative;
     padding-bottom: 78px;
}
.diesten-detail:after,
.service_banner::after{
     position: absolute;
     left: 0;
     bottom: 36px;
     height: 45%;
     width: 75%;
     content: "";
     background-image: linear-gradient(206deg, #212121 0%, rgba(33, 33, 33, 0.00) 100%), url(../images/dtl-banner-bg.svg);
     background-size: contain;
     z-index: -1;
     background-repeat: no-repeat;
}
.service-banner-img {
     height: 470px;    
}
.service-banner-img img {
     height: 100%;
     object-fit: cover;
}
.service_banner_left h2{
     color: #fff;
     line-height: 58px;
}
.service_banner_right{
     max-width: 705px;
     margin-left: auto;
     margin-right: 0;
}
.service_banner_right h2{
     color: #fff;
}
.service_banner_right h5{
     margin-bottom: 15px;
}
.service_banner_right ul{
     margin-bottom: 10px;
}
.service_banner_right li{
     padding-left: 20px;
     position: relative;
     color: #fff;
}
.service_banner_right h6{
     font-family: 'Elza-Medium';
     line-height: 24px;
     letter-spacing: 0.48px;
     font-size: 1.6rem;
     color: #fff;
     margin-bottom: 20px;
}
.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: 60px;
}
.service_banner_right p{
     max-width: 705px;
     margin-left: auto;
     margin-right: 0;
     margin-bottom: 20px;
}

/* ================ contact  ======== */
.map{
     height: 550px;
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
     border-radius: 20px;
}
.map-section{
     padding: 80px  0;
     background: #030304;
}
.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{
     color: rgba(3, 3, 4, 0.42);
     width: auto;
}
.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;
     justify-content: space-between;
}
.werkplaats-list-sec  .each-werkplaats-list-content{
     top: 65%;
}
.werkplaats-list-sec .each-werkplaats-list:hover .each-werkplaats-list-content {
     top: 35%;
}
/* *****werkplaats-img-sec***** */
.werkplaats-img-sec{
     background: #fff;
     padding-top: 80px;
}
.related-service-sec.werkplaats-service-sec{
     padding-top: 20px;
}
/* =========Verhuur========= */
/* *****Verhuur-top-sec*** */
.Verhuur-top-sec .over-one-desc-left{
     max-width: 645px;
}
.Verhuur-top-sec{
     padding-top: 95px;
     padding-bottom: 95px;
}
.Verhuur-signaturecars-sec .signaturecar-details::before {
    background-image: url(../images/Vector.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 29px;
    position: absolute;
    content: "";
    height: 29px;
    width: 29px;
    top: 0;
    left: 28.5%;
}
.Verhuur-signaturecars-sec .signaturecar-details::after {
    content: "";
    width: 1px;
    height: auto;
    bottom: 0;
    left: 29.5%;
    background-color: #F7901E;
    position: absolute;
    top: 29px;
}
.Verhuur-signaturecars-sec .signaturecar-details{
     max-width: 550px;
     margin-right: auto;
     margin-left: auto;
}
.signaturecars-sec.Verhuur-signaturecars-sec {
    padding-top: 176px;
}
/* *******Verhuur-car-img-sec****** */
.Verhuur-car-img-sec{
     background: #fff;
     padding-bottom: 60px;
     padding-top: 30px;
}
/* ********Verhuur-btm-sec******* */
.Verhuur-btm-sec{
     background: #212121;
     padding-top: 85px;
     padding-bottom: 100px;
}
.Verhuur-btm-wrap p{
     margin-bottom: 35px;
     margin-top: 10px;
}
.Verhuur-btm-wrap h2{
     line-height: 58px;
}
/* ===========bus-huren=================== */
/* *****bus-huren-mid-sec****** */
.each-bus-huren-mid-img{
     position: relative;
}
.bus-huren-mid-sec{
     overflow: hidden;
}
.bus-huren-mid-main{
     display: flex;
}
.each-bus-huren-mid-img img{
     height: 100%;
     object-fit: cover;
}
.each-bus-huren-mid-text{
     padding-left: 95px;
     position: relative;
     height: 100%;
}
.each-bus-huren-mid-text h3 {
    color: #FFF;
    font-size: 2.4rem;
    line-height: 32px;
    letter-spacing: 1.2px;
    font-family: 'larken_demoextrabold';
    padding: 0px 13px 0px 13px;
}
.each-bus-huren-mid-text p {
    color: rgba(255, 255, 255, 0.90);
    margin: 0;
    padding: 13px;
    padding-bottom: 40px;
}
.bus-huren-mid-main .row{
     margin-left: 0;
     margin-right: 0;
}
.bus-huren-mid-main .col-lg-4{
     padding-left: 0;
     padding-right: 0;
}
.each-bus-huren-mid-text::before {
    background-image: url(../images/Vector.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 29px;
    position: absolute;
    content: "";
    height: 29px;
    width: 29px;
    top: 0;
    left: 66px;
    z-index: 1;
}
.each-bus-huren-mid-text p{
     max-width: 398px;
}
.each-bus-huren-mid-text::after {
    content: "";
    width: 1px;
    height: auto;
    bottom: 0;
    left: 81px;
    background-color: #F7901E;
    position: absolute;
    top: 29px;
}
.each-bus-huren-mid {
    position: relative;
    width: 100%;
    padding-top: 170px;
}
.product_car .swiper-slide.swiper-slide-prev{
     margin-left: -290px;
}
/***********************************style for developer**********************************************/

/*******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: 35px;
       padding-top: 15px;
   }
   
   
   /****aanbod dtl****/
   .kenteken_np{
       background-image: url(../images/kenteken_plaat/kenteken_plaat.svg);
       background-repeat: no-repeat;
       background-position: left;
       padding: 4px 10px 6px 20px;
       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;*/
       border-bottom: 1px solid #181716;
       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;
       margin-bottom: 0;
   }
   .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;
   }
   .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;
     }
   
   
   .carpass-img {
       width: 115px;
   }
   
   
   
   
   
   
   
   
   
   
   .widget-btn-area {
     bottom: 2rem;
     left:3rem;
     z-index: 99;
     font-family: "Nunito Sans", sans-serif;
   }
   .widget-btn {
     border-radius: 10px;
     background: #FF7100;
     box-shadow: 0px 15px 10px 5px rgba(0, 0, 0, 0.07);
     -webkit-box-shadow: 0px 15px 10px 5px rgba(0, 0, 0, 0.07);
     padding: 1.3rem 2.5rem;
     font-size: 1.7rem;
     cursor: pointer;
     color: #fff;
     font-weight: 600;
   }
   
   .widget-btn span:after, .widget-mobile span:after {
     position: absolute;
     top: 50%;
     transform: translateY(-50%) rotate(90deg);
     right:-.5rem;
     content: '';
     width:1rem;
     height: 1rem;
     background: url(../images/next-white.svg) no-repeat center/ contain;
   }
   .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;
   }
   .arw-rotate {
     margin-top:-2.5rem;
     margin-bottom: 1rem;
     transform: rotate(-90deg);
     cursor:pointer;
   }
   .widget-content h4, .widget-content h5 {
     text-transform: unset;
     color: #fff;
     letter-spacing: normal;
   }
   .widget-content h4 {
     font-weight: 500;
     font-size: 2.4rem;
   }
   .widget-content h5 {
     font-weight: 400;
     font-size: 1.7rem;
     margin: 1.5rem 0 5.4rem;
   }
   .widget-content h5 span {
     text-decoration: underline;
     color: #FF7100;
   }
   .widget-content button, .widget-mobile button {
     border-radius: 5px;
     color: #fff;
     border: 2px solid #FF7100;
     background: #FF7100;
     padding: 1.2rem 2rem;
     font-size: 1.7rem;
     font-weight: 600;
     margin-right: .5rem;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
     cursor: pointer;
   }
   .widget-content button:hover, .widget-mobile button:hover {
     background: #fff !important;
     border-color: #fff !important;
     color: #FF7100 !important;
   }
   .monthly_amount{
     cursor:pointer;
   }
   .planer-section iframe {
       width: 100%;
       height: 850px;
   }
   .Verhuur-car-img-sec iframe {
       width: 100%;
       height: 1700px;
   }
     .star_icon h5 {
     border-bottom: 1px solid #F7901E;
     padding-bottom: 10px;
     margin-bottom: 10px;
     margin-top: 15px;
   }
   .related-service-sec.werkplaats-related-service{
     padding-top: 40px;
   }
   
   
   
   @media(max-width: 767.98px){
       .morgeninternet-footer.viewcar-footer {
           margin-bottom: 68px !important;
           height: 50px;
       }
       .widget-mobile {
           background: #1c1c1c;
           padding: 1.5rem 1.2rem;
           border-top: 1px solid rgba(255,255,255,0.1);
           border-bottom: 1px solid rgba(255,255,255,0.1);
           z-index: 99;
           font-family: "Nunito Sans", sans-serif;
       }
       .widget-mobile .d-flex {
           gap: 5px;
       }
       .widget-mobile button {
           padding: .65rem;
           font-size: 1.45rem;
       }
   
       .widget-mobile h6 span {
           font-size: 1.45rem;
           cursor: pointer;
           font-weight: 600;
           padding-right: 2.5rem;
           color: #fff;
           margin-right: .75rem;
       }
       .widget-mobile h6 span:after {
           background: url(../images/arw-color.svg) no-repeat center/ contain;
           right: 0;
       }
       .widget-mobile h6 span:not(.active):after {
           filter: brightness(0) invert(1);
           -webkit-filter: brightness(0) invert(1);
       }
       .widget-mobile h6 span.active {
           color: #FF7100;
       }
       .widget-mobile h6 span.active:after {
           transform: translateY(-50%) rotate(-90deg);
       }
       .widget-mobile-content {
           bottom: 6.5rem;
           background: #121212;
           padding: 3rem 1.5rem 1.5rem;
           z-index: 99;
           display: none;
       }
   
       .widget-mobile-content.show-div {
           display: block;
       }
       .widget-content-wrap {
           background: #1c1c1c;
           border: 1px solid rgba(255,255,255,0.1);
           padding: 1.5rem;
       }
       .widget-mobile-content td {
           color: #fff;
           vertical-align: top;
           font-size: 1.45rem;
           font-weight: 400;
           padding: 4px 0;
       }
       .widget-mobile-content td a {
           color: #fff;
           text-decoration: none;
       }
       .widget-mobile-content td a:hover {
           color: #FF7100;
       }
       .whatsapp-block {
           background: #25D366;
           border-radius: 5px;
           width:3.7rem;
           height: 3.7rem;
       }
       .whatsapp-block img {
           width: 1.8rem;
       }
       .widget-mobile-content td span {
           width: 2.2rem;
           height: 2.2rem;
           border: 1px solid rgba(255,255,255,0.1);
           margin-right: 1.8rem;
       }
       .planer-section iframe {
           height: 850px;
       }
   }
   
   @media(max-width: 699px){
       .planer-section iframe {
           height: 1150px;
       }
   }
   @media(max-width: 399px){
       .planer-section iframe {
           height: 1250px;
       }
   }
.privacy_section {
     padding: 100px 0 60px;
}
.autohopper img{
     width: 116px;
     height: 49px;
}

.banner_img {
     position: relative;
}
.footer-btm-right-mobile {
    display: flex;
    column-gap: 20px;
    row-gap: 10px;
     /* justify-content: space-between; */
}
.fix-rating iframe {
    border-radius: 10px 0 0 10px;
    height: 140px;
    width: 100px;
}
.fix-wp a {
    width: 100px;
    height: 70px;
}
.fix-wp a  img{
    width: 35px;
}
/* .fix-rating {
    position: fixed;
    z-index: 90;
    right: 0rem;
    top: 40%;
} */