@import "fonts.css";
 @import "common-class.css";
 body {
     padding: 0px;
     margin: 0px;
     font-size: 16px;
     font-family: 'Widescreen-Regular';
     color: #1c1c1c;
    /*overflow-x: hidden;
     */
     background-color: #111;
}
 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;
}
/*********lenis-css***********/
 html.lenis, html.lenis body {
     height: auto;
}
 .lenis.lenis-smooth {
     scroll-behavior: auto !important;
}
 .lenis.lenis-smooth [data-lenis-prevent] {
     overscroll-behavior: contain;
}
 .lenis.lenis-stopped {
     overflow: hidden;
}
 .lenis.lenis-smooth iframe {
     pointer-events: none;
}
/*****************header****************/
 .fix-icon{
     position: fixed;
     bottom: 60px;
     right:55px;
     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;
}
/*****header-area*****/
 .header-area {
     background: #111;
     backdrop-filter: blur(10px);
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     z-index: 99;
     padding: 31px 0;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
     border-bottom: 1px solid transparent;
}
 .header-area.stiky {
     left: 0;
     top: 0;
     position: fixed;
     width: 100%;
     box-shadow: 0px 22px 16px -7px rgba(46,49,146,0.22);
     border-bottom: 1px solid #2E3192;
}
 .header-logo img {
     width: 338px;
}
 .header-right {
     display: flex;
     align-items: center;
     justify-content: end;
     cursor: pointer;
}
 .header-btn {
     color: #F9F8F6;
     font-family: 'Widescreen-Regular';
     font-size: 1.4rem;
     line-height: normal;
     text-transform: uppercase;
     border-left: 1px solid rgba(249, 248, 246, 0.40);
     border-right: 1px solid rgba(249, 248, 246, 0.40);
     padding: 45px;
     display: inline-block;
}
 .header-btn:hover {
     color: #F9F8F6;
     background-color: #2E3192;
     border-color: #2E3192;
}
 .hamburger {
     padding: 0 0 0 20px;
     cursor: pointer;
     height: 20px;
     display: flex;
     flex-direction: column;
     justify-content: center;
}
 .menu-right ul{
     display: flex;
     column-gap: 33px;
     margin-right: 33px;
}
 .header-right span, .menu-right li a{
     font-family: 'Widescreen-Medium';
     color: #FFF;
     font-size: 16px;
     line-height: 24px;
     letter-spacing: 0.32px;
     text-transform: uppercase;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
}
 .menu-right li a:hover {
     color: #2E3192;
}
 .hamburger div {
     background-color: #F9F8F6;
     height: 1.3px;
     width: 26px;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
}
 .hamburger div:nth-child(even){
     margin: 6.5px 0;
}
 .header-right:hover div:nth-child(even) {
     margin: 0;
}
 .header-right.together div:nth-child(even) {
     margin: 0;
}
 .mega-menu {
     position: fixed;
     top: -100vh;
     left: 0;
     width: 100%;
     height: calc(100vh - 97px);
     background-color: #2A2A2A;
     padding: 108px 0;
     overflow: hidden;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
}
 .menu-right {
     display: flex;
     justify-content: end;
}
 .mega-menu::after {
     content: "";
     height: 100%;
     width: 42.5%;
     right: 0;
     top: 0;
     border-left: 1px solid rgba(249, 248, 246, 0.40);
     position: absolute;
     background-color: #2A2A2A;
}
 .mega-menu.active {
     top: 97px;
}
 .mega-menu-wrap {
     height: 100%;
     overflow: hidden;
}
 .mega-menu-nav::-webkit-scrollbar, .mega-menu-info::-webkit-scrollbar {
     display: none;
}
 .mega-menu .container, .mega-menu .row, .mega-menu .col-lg-6 {
     height: 100%;
}
 .mega-menu-nav {
     overflow-y: scroll;
     overflow-x: hidden;
     height: 100%;
     position: relative;
     z-index: 1;
}
 .mega-menu-nav li {
    /* font-family: 'monschoneregular';
     */
     color: #fff;
     font-size: 4rem;
     line-height: 40px;
     margin-bottom: 50px;
}
 .mega-menu-nav li a {
     color: #fff;
     position: relative;
     padding-right: 40px;
     font-family: 'Widescreen-Medium';
}
 .mega-menu-nav li a::after {
    content: "";
    height: 34px;
    width: 20px;
    background-size: 13px;
    background-image: url(../images/next.svg);
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 57%;
    transform: translateY(-50%);
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    right: 0;
    opacity: 0;
}
 .mega-menu-nav li:last-child {
     margin-bottom: 0;
}
 .mega-menu-nav li a:hover, .mega-menu-nav li a.active {
     color: #2E3192;
}
 .mega-menu-nav li a:hover::after, .mega-menu-nav li a.active::after {
     opacity: 1;
}
 .menu-circle {
     position: absolute;
     left: 55%;
     transform: translateX(-50%);
     bottom: 0;
     width: 33%;
     pointer-events: none;
}
 .mega-menu-info {
     position: relative;
     z-index: 1;
     padding-left: 290px;
     height: 100%;
     overflow-y: scroll;
}
 .mega-menu-info .footer-left {
     margin-bottom: 70px;
}
 .mega-menu-info .footer-left h2 {
     font-family: 'Widescreen-Medium';
}
 .mega-menu-info .footer-info {
     display: block;
}
 .mega-menu-info .each-footer-info {
     margin-bottom: 70px;
     width: 100%;
     max-width: 100%;
}
 .mega-menu-info .each-footer-info:last-child {
     margin-bottom: 0;
}
.hamburger.together div:nth-child(even) {
    margin: 0;
}
 body.overflow {
     overflow: hidden !important;
}
 .each-footer-info h6 {
     font-family: 'Widescreen-Medium';
     color: rgba(249, 248, 246, 0.50);
     font-size: 1.6rem;
     line-height: 22px;
     letter-spacing: 0.16px;
     text-transform: uppercase;
     margin-bottom: 15px;
}
 .mega-menu-info .footer-left h2 {
     font-family: 'Widescreen-Regular';
     color: #F9F8F6;
     margin-bottom: 19px;
}
 .footer-left .common-btn img {
     margin-right: 8px;
}
 .each-footer-info td:first-child {
     padding-right: 10px;
}
 .each-footer-info td {
     font-family: 'Widescreen-Medium';
     color: #F9F8F6;
     margin-bottom: 0;
     letter-spacing: 0.16px;
}
 .social-icon li a {
     height: 40px;
     width: 40px;
     border: 1px solid rgba(255, 255, 255, 0.20);
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 5px;
}
 .social-icon li a:hover {
     background-color: #2E3192;
     border-color: #2E3192;
}
 .social-icon ul {
     display: flex;
     align-items: center;
     column-gap: 13px;
}
/**********side area***********/
 .mini-right-nav li{
     margin: 0 0 2px;
     padding: 0;
     width: 60px;
     display: block;
     position: relative;
}
 .mini-right-nav li .navtext{
     position: relative;
     display: flex;
     align-content: center;
     justify-content: center;
     width: 60px;
     height: 60px;
     background-color: #2E3192;
     border-radius: 10px 0 0 10px;
}
 .mini-right-nav span {
     font-family: 'lama_sansregular';
     font-size:0px;
     bottom: 0;
     right: 0px;
     line-height: 60px;
     overflow: hidden;
     padding: 0;
     position: absolute;
     white-space: nowrap;
     width: 0;
     -webkit-transition: 0.50s;
     -moz-transition: 0.50s;
     transition: 0.50s;
     z-index:-1;
}
 .mini-right-nav span:after{
     position: absolute;
     top: 0;
     right: 0;
     width: calc(100% + 60px);
     border-radius: 10px;
     content: '';
     background-color: #2E3192;
     height: 60px;
     -webkit-transition: 0.50s;
     -moz-transition: 0.50s;
     transition: 0.50s;
     z-index: -1;
}
 .mini-right-nav .navtext:hover span{
     width:auto;
     overflow:visible;
     opacity:1;
     padding: 0 85px 0px 0px;
     border-radius: 0;
     font-size: 1.6rem;
}
 .mini-right-nav .navtext:hover {
     text-decoration:none;
}
 .mini-right-nav .navtext span, .mini-right-nav .navtext span a{
     color:#fff;
}
 .mini-right-nav li.whtasapp-nav .navtext, .mini-right-nav .whtasapp-nav span:after{
     background-color: #25D366;
}
 .mini-right-nav img{
     width: 20px;
     position: relative;
     z-index: 1;
     filter: brightness(0) invert(1);
     -webkit-filter: brightness(0) invert(1);
}
 .mini-right-nav{
     position: fixed;
     top: 39%;
     z-index: 98;
     right: 0;
}
/***side-rating"****/
 .side-rating {
     position: fixed;
     top: calc(39% - 100px);
     z-index: 98;
     right: 0;
     border-radius: 10px 0 0 10px;
     overflow: hidden;
}
/*****banner-sec*****/
 .banner-sec {
    /* height: 828px;
     */
     height: auto;
     position: relative;
}
 .banner-slider {
     height: 100%;
     overflow: hidden;
}
 .banner-video, .banner-slider .swiper {
     height: 828px;
}
 .each-banner {
     height: 100%;
     position: relative;
}
 .each-banner img {
     height: 100%;
     object-fit: cover;
}
 .banner-sec::after {
     content: "";
     height: 100%;
     width: 100%;
     position: absolute;
     top: 0;
     right: 0;
     background-color: rgba(25, 29, 35, 0.7);
     background: linear-gradient(121deg, rgba(255, 255, 255, 0.00) 10.08%, rgba(17, 17, 17, 0.44) 46.13%, rgba(17, 17, 17, 0.60) 68.58%);
     z-index: 1;
     pointer-events: none 
}
/* .banner-sec::before {
     content: "";
     height: 600px;
     width: 100%;
     position: absolute;
     bottom: 0;
     left: 0;
     background: linear-gradient(0deg, #191D23 0%, rgba(25, 29, 35, 0.00) 100%);
     z-index: 2;
}
 */
 .banner-sec::before {
    content: "";
    height: 64px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(0deg, #111 0%, rgba(17, 17, 17, 0.00) 86.75%);
    z-index: 1;
    pointer-events: none 
 }
 .banner-content {
     position: absolute;
     bottom: -70px;
     left: 0;
     width: 100%;
     z-index: 2;
}
 .banner-content h1 {
     margin-bottom: 40px;
     margin-top: 8px;
}
 .banner-content p {
     max-width: 600px;
     width: 100%;
     margin: 0 auto 50px;
}
 .banner-content .common-btn {
     margin: 0 10px;
}
 .banner-video {
    /* height: 900px;
     */
}
 .banner-video video {
     height: 100%;
     display: block;
     object-fit: cover;
}
 .scroll-down-btn {
     max-width: 148px;
     height: 148px;
     width: 100%;
     margin: 0 auto;
     display: flex;
     align-items: center;
     justify-content: center;
     position: relative;
     border: 2px solid rgba(46, 49, 146, 0.14);
     border-radius: 50%;
     z-index: 2;
     cursor: pointer;
     overflow: hidden;
     color: #F9F8F6;
     font-family: 'Widescreen-Regular';
     font-size: 1.6rem;
     display: block;
     margin-top: 178px;
     background-color: #111;
}
 .scroll-down-btn:before {
     display: block;
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     border-top: 2px solid #2E3192;
     border-radius: 50%;
     -webkit-transition: all 1s ease-in-out;
     transition: all 1s ease-in-out;
}
 .scroll-down-btn span {
     position: absolute;
     top: 70px;
     left: 50%;
     -webkit-transform: translate3d(-50%, -50%, 0);
     transform: translate3d(-50%, -50%, 0);
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     flex-direction: column;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     row-gap: 10px;
     -webkit-animation: scrollKey 3s ease-in-out infinite;
     animation: scrollKey 3s ease-in-out infinite;
}
 .scroll-down-btn:hover:before {
     -webkit-transform: rotate(1turn);
     transform: rotate(1turn);
}
 .scroll-down-btn:hover {
     color: #fff;
}
 @keyframes scrollKey {
     25% {
         opacity: 0;
         -webkit-transform: translate3d(-50%,150%,0);
         transform: translate3d(-50%,150%,0) 
    }
     50% {
         opacity: 0;
         -webkit-transform: translate3d(-50%,-100%,0);
         transform: translate3d(-50%,-100%,0) 
    }
     75%,to {
         opacity: 1;
         -webkit-transform: translate3d(-50%,-50%,0);
         transform: translate3d(-50%,-50%,0) 
    }
}
/*****product-sec*****/
 .product-sec {
    /* padding: 210px 0 150px;
     */
     position: relative;
     overflow: hidden;
     padding-bottom: 136px;
}
 .product-sec .common-background::after {
     top: -100px;
}
 .product-heading h5 {
     margin-bottom: 30px;
}
 .product-sec .product-heading {
     max-width: 568px;
     width: 100%;
     margin: 0 auto 80px;
}
 .product-slider {
     position: relative;
     margin-bottom: 80px;
}
 .product-slider .swiper-button-next {
     margin: 0;
}
 .product-slider .swiper-button-prev {
     left: -50px;
     margin: 0;
}
 .each-product {
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
}
 .each-product-img {
     overflow: hidden;
     border-radius: 5px;
     /* margin-bottom: 12px; */
    margin-bottom: 4px;
}
 .each-product-content {
     border-radius: 5px ;
     background-color: #2A2A2A;
     padding: 18px;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
}
 .each-product-content h5 {
    /* margin-bottom: 9px;
     */
     display: -webkit-box;
     -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
     overflow: hidden;
     text-overflow: ellipsis;
}
 .each-product-content h6 {
     font-family: 'Widescreen-Regular';
     color: rgba(255, 255, 255, 0.50);
     font-size: 1.6rem;
     line-height: 24px;
     letter-spacing: 0.32px;
     display: -webkit-box;
     -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
     overflow: hidden;
     text-overflow: ellipsis;
}
 .each-product-content hr {
     background-color: rgba(255, 255, 255, 0.20);
     opacity: 1;
     margin: 20px 0;
}
 .each-product-content table {
     width: 100%;
}
 .each-product-content td {
     color: rgba(255, 255, 255, 0.50);
     font-family: 'Widescreen-Regular';
}
 .each-product-content td strong {
     color: #F9F8F6;
    font-family: 'WidescreenTrial-Medium';
     display: block;
     /* margin-top: 5px; */
}
 .each-product-price {
    /* background-color: #2A2A2A;
     */
    /* border-radius: 0 0 5px 5px;
     */
     display: flex;
     align-items: center;
     position: relative;
     flex-wrap: wrap;
     margin-top: 16px;
}
 .each-product-price h5 {
     color: rgba(249, 248, 246, 0.70);
     letter-spacing: 0.16px;
     margin-right: 7px;
}
 .each-product-price h6 {
     color: #fff;
     line-height: 40px;
     letter-spacing: 0.32px;
     font-family: 'Widescreen-Regular';
     font-size: 1.6rem;
}
 .each-product-price h6 strong {
     font-family: 'Widescreen-SemiBold';
     font-size: 2.4rem;
}
 .product-top-circle {
     position: absolute;
     top: 0;
     right: 0;
     width: 14%;
}
 .product-btm-circle {
     position: absolute;
     bottom: -18%;
     left: 0;
     width: 15%;
}
/*****service-sec******/
 .service-sec {
     padding: 100px 0 0;
     background-color: #2C2C2C;
}
 .service-wrap {
    /* margin-bottom: 80px;
     */
}
 .each-service:first-child {
     border-top: 0;
}
 .each-service {
     padding: 35px 20px;
     border-bottom: 1px solid rgba(255, 255, 255, 0.2);
     border-top: 1px solid rgba(255, 255, 255, 0.2);
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
     position: relative;
}
 .each-service::after {
     content: "";
     bottom: -1px;
     left: 0;
     height: 0;
     position: absolute;
     width: 100%;
     background: #2E3192;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
}
.each-service h3 {
    font-family: 'Widescreen-ExSemiBold';
}
 .each-service-img {
     opacity: 0;
     position: absolute;
     width: 26%;
     bottom: -1px;
     left: 46%;
     transform: translateX(-50%);
     z-index: 1;
     pointer-events: none;
     overflow: hidden;
     border-radius: 6px;
}
 .each-service-img .common-btn{
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -5%);
     pointer-events: all;
}
 .each-service .row {
     position: relative;
     z-index: 1;
}
 .service-sec .text-btn{
     padding-left: 43%;
     position: relative;
     padding-right: 80px;
     /* opacity: 0; */
}
 .service-sec .text-btn::after{
     position: absolute;
     right: 0;
     top: 50%;
     height: 50px;
     width: 50px;
     content: "";
     background-image: url(../images/text-btn-arrow.svg);
     background-size: 12px;
     background-repeat: no-repeat;
     background-position: center center;
     display: flex;
     justify-content: center;
     align-items: center;
     transform: translateY(-50%);
     border: 1px solid #FFF;
     border-radius: 50%;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
}
 .each-service p {
     color: #fff;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
     opacity: 0;
}
.each-service:hover p {
    opacity: 1;
}
 .each-service:hover::after{
     height: 100%;
}
 .each-service:hover .text-btn{
     opacity: 1;
}
 .each-product:hover .each-product-content{
     background-color: #2E3192;
}
 .product-heading {
     padding-bottom: 16px;
}
 .product-slider-heading{
     text-align: center;
     padding-top: 198px;
     padding-bottom: 80px;
}
 .product-slider-btn {
     position: initial;
     margin: 0;
     border: 1px solid #fff;
     background-color: transparent;
}
.product-slider-btn img {
    filter: brightness(10);
    width: 9px;
}
.product-slider-btn:hover {
    background-color: #fff;
}
.product-slider-btn:hover img {
    filter: brightness(0);
}
 .home-car-slider-btn{
     display: flex;
     justify-content: center;
     align-items: center;
     margin-top: 30px;
     column-gap: 20px;
}
 .common-background-btn::after{
     top: auto;
     bottom: -320px;
     background-image: linear-gradient(180deg, #111 17.83%, rgba(17, 17, 17, 0.22) 88.53%, rgba(17, 17, 17, 0.00) 100%), url(../images/common-background.svg);
}
 .product-heading-right{
     max-width: 494px;
     margin-left: auto;
     margin-right: 0;
}
.product-heading-right p {
    color: #fff;
}
 .product-heading-right .common-btn{
     margin-top: 30px;
}
/*****about-us-sec*****/
 .about-us-sec {
    /* padding-top: 146px;
     */
     position: relative;
     overflow: hidden;
}
 .about-us-heading {
     margin-bottom: 100px;
}
 .about-us-heading-right {
     max-width: 533px;
     width: 100%;
     margin-left: auto;
     padding-top: 50px;
}
 .about-us-heading h2 {
     color: #191D23;
}
 .about-us-heading p {
     color: #191D23;
     margin-bottom: 50px;
}
 .about-us-heading h5 {
     margin-bottom: 15px;
}
 .about-circle {
     position: absolute;
     top: -230px;
     right: 0;
     width: 16%;
}
 .about-us-gallery {
     position: relative;
    /* padding-top: 64px;
     */
}
 .about-us-gallery img {
     height: 100%;
     object-fit: cover;
     border-radius: 5px;
}
 .about-gallery-left {
     width: 24.5%;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
     position: absolute;
     left: 0;
     top: 0;
}
 .about-gallery-mid {
     display: table;
     margin: 0 auto;
     height: 450px;
     position: relative;
     z-index: 1;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
}
 .about-gallery-right {
     width: 24.5%;
     position: absolute;
     right: 0;
     top: 0;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
}
 .right-image, .left-image{
     display: flex;
     flex-direction: column;
     row-gap: 20px;
     height: 100%;
}
 .about-us-sec-heading{
     padding-top: 136px;
     max-width: 851px;
     margin: auto;
     text-align: center;
     padding-bottom: 80px;
}
.about-us-sec-heading h3 {
    line-height: 48px;
}
 .about-us-sec-heading p{
     color: #fff;
     line-height: 24px;
     margin: 30px 0;
}
 .about-us-sec .common-background::after {
     background-image: linear-gradient(180deg, #111 18%, #111 3.49%, rgba(17, 17, 17, 0.22) 53.44%, #111 87.36%), url(../images/common-background.svg);
    top: -40px;
    }
/* ========== counter section ========== */
 .counter-wrap{
     display: flex;
     justify-content: space-between;
     column-gap: 20px;
     padding-top: 80px;
     padding-bottom: 16px;
}
 .each-counter > *{
     opacity: 0.5;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
}
 .counter-content{
     max-width: max-content;
     margin: auto;
}
.counter-content h2 {
    font-size: 3.6rem;
    font-family: 'WidescreenTrial-ExXBold';
}
 .each-counter:first-child .counter-content{
     margin-left: 0;
}
 .each-counter:last-child{
     border: 0;
}
 .each-counter:last-child .counter-content{
     margin-right: 0;
}
 .each-counter{
     width: 25%;
     position: relative;
     padding: 10px 0;
}
 .each-counter::after{
     content: "";
     position: absolute;
     top: 0;
     right: 10px;
     width: 100%;
     height: 100%;
     border-right: 1.5px solid rgba(255, 255, 255, 0.20);
     pointer-events: none;
}
 .each-counter:last-child:after{
     display: none;
}
 .counter-content:hover{
     opacity: 1;
}
 .counter-content p{
     margin-bottom: 0;
}
 .review-part{
     padding-top: 120px;
     padding-bottom: 136px;
}
 .review-wrap .common-background::after{
     background-position-y: 200px;
     background-position: center -100px;
     opacity: 0.4;
}
/*==================================diensten-list page start=======================================*/
/****inner-banner-sec****/
 .inner-banner-sec {
     position: relative;
}
 .inner-banner-sec::after {
     content: "";
     height: 100%;
     width: 100%;
     position: absolute;
     right: 0;
     top: 0;
     background: linear-gradient(121deg, rgba(255, 255, 255, 0.00) 10.08%, rgba(17, 17, 17, 0.44) 46.13%, rgba(17, 17, 17, 0.60) 68.58%);
}
 .each-list-img{
     position: relative;
}
 .each-list-img::after{
     background: linear-gradient(180deg, rgba(17, 17, 17, 0.00) 0%, rgba(17, 17, 17, 0.70) 100%);
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     right: 0;
     content: "";
}
/* / ======================over-one========================== / */
/* / ********** over-one-about-sec ****************** / */
 .over-one-about-sec{
     background: #2C2C2C;
     padding-top: 64px;
}
 .overone-mid-sec {
     padding-bottom: 120px;
}
 .overone-mid-sec .common-background::after {
     background:linear-gradient(180deg, #111 -7.48%, #111 5.49%, rgba(17, 17, 17, 0.22) 58.44%, #111 119.36%) ,url(../images/common-background.svg);
     background-position: center -100px;
     z-index: -1;
     background-repeat: no-repeat;
}
/* / ************over-one-conter-sec************ / */
 .over-one-conter-sec{
     background: #2C2C2C;
     padding-bottom: 64px;
}
 .inner-banner-text {
     position: absolute;
     top: 62%;
     width: 100%;
     left: 0;
     z-index: 1;
}
 .inner-banner-img {
     height: 100%;
}
 .inner-banner-img img {
     height: 100%;
     object-fit: cover;
}
/* *********diens-list-info-sec*********** */
 .diens-list-info-right {
     max-width: 494px;
     margin-left: auto;
}
 .diens-list-info-right p{
     color: #FFF;
}
 .diens-list-info-wrap{
     padding-top: 80px;
}
 .diens-list-area .each-diens-list .col-lg-4{
     width: 31%;
}
 .diens-list-area .each-diens-list .col-lg-3{
     width: 27%;
}
 .diens-list-area .each-diens-list .col-lg-5{
     width: 42%;
}
 .diens-list-text{
     max-width: 525px;
     margin-left: auto;
     padding-left: 9px;
}
 .diens-list-img img{
     border-radius: 6px;
     height: 100%;
     object-fit: cover;
}
 .diens-list-img{
     max-width: 368px;
     height: 285px;
}
 .each-diens-list{
     position: relative;
     padding-top: 48px;
     padding-bottom: 48px;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
}
 .each-diens-list::after{
     border-bottom: 1.5px solid rgba(255, 255, 255, 0.20);
     content: "";
     position: absolute;
     width: 200vw;
     height: 100%;
     top: 0;
     left: -50%;
     pointer-events: none;
}
 .diens-list-info-text::after{
     border-bottom: 1.5px solid rgba(255, 255, 255, 0.20);
     bottom: 0;
     content: "";
     position: absolute;
     width: 200vw;
     height: 100%;
     top: 0;
     left: -50%;
}
 .diens-list-info-text{
     position: relative;
     padding-bottom: 110px;
}
 .diens-list-info-sec{
     overflow: hidden;
}
 .diens-list-info-sec .common-background::after {
     background-position: center -195px;
}
 .each-diens-list::before{
     background-color: #2E3192;
     content: "";
     position: absolute;
     width: 200vw;
     height: 100%;
     top: 0;
     left: -50%;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
     opacity: 0;
     z-index: -1;
}
 .each-diens-list:hover::before{
     opacity: 1;
}
 .each-diens-list:hover .diens-list-text p{
     color: #FFF;
}
 .each-diens-list:hover .diens-list-heading h4{
     color: #FFF;
}
 .diens-list-text p{
     text-overflow: ellipsis;
     display: -webkit-box;
     overflow:hidden;
     -webkit-line-clamp: 5;
     -webkit-box-orient:vertical;
     pointer-events: painted;
}
 .diens-list-img-area{
     position: relative;
}
 .diens-list-area-wrap .text-btn{
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50% , -50%);
     opacity: 0;
}
 .each-diens-list:hover .text-btn {
     opacity: 1;
}
/* **************review-sec************ */
 .review-wrap{
     padding-top: 120px;
     padding-bottom: 135px;
     z-index: -1;
     position: relative;
}
/* *************footer-sec************** */
.footer-sec {
    overflow: hidden;
}
 .footer-top-btn ul{
     display: flex;
     justify-content: center;
     align-items: center;
     column-gap: 30px;
}
 .footer-top-btn li img{
     max-width: 13px;
}
 .footer-top-btn li .common-btn.footer-top-wp-icon {
     color: #25D366;
     border: 1.5px solid #25D366;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
}
 .footer-top-btn li a{
     display: flex;
     column-gap: 13px;
}
 .footer-top-btn{
     padding-top: 30px;
}
 .footer-top-area{
     background: #2C2C2C;
     padding-top: 104px;
     padding-bottom: 80px;
     border-bottom: 1.5px solid rgba(255, 255, 255, 0.44);
}
 .footer-top-heading h4{
     line-height: 48px;
     font-family: 'Widescreen-ExBold';
}
 .footer-mid-area{
     padding-top: 70px;
}
 .footer-img-area{
     padding-bottom: 60px;
}
 .footer-top-btn li .common-btn.footer-top-wp-icon:hover{
     color: #FFF;
     background: #25D366;
     border: 1.5px solid #25D366;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
}
 .footer-top-btn li .common-btn.footer-top-wp-icon:hover .normal-img{
     display: none;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
}
 .footer-top-btn li .common-btn.footer-top-wp-icon:hover .hover-img{
     display: block;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
}
 .footer-top-btn li .common-btn.footer-top-wp-icon .hover-img{
     display: none;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
}
/* .each-footer-info{
     width: 33.33%;
}
 */
 .footer-logo img{
     width: 378px !important;
}
 .footer-info {
     display: flex;
     gap: 20px;
     max-width: 808px;
     width: 100%;
     margin-left: auto;
     justify-content: space-between;
}
 .footer-info > *{
     flex-shrink: 0;
     max-width: 33.33%;
}
 .each-footer-info h5{
     margin-bottom: 29px;
}
 .each-footer-info p {
     margin-bottom: 3px;
}
 .each-footer-info td {
     margin-bottom: 0;
     line-height: 24px;
     color: #FFF;
     letter-spacing: 0.32px;
     font-size: 1.6rem;
     padding-bottom: 3px;
     font-family: 'WidescreenTrial-Regular';
}
 .each-footer-info br{
     margin-bottom: 5px;
}
 .each-footer-info td:nth-child(odd) {
     padding-right: 25px;
}
 .each-footer-info a{
     font-family: 'WidescreenTrial-Regular';
}
 .footer-mid-area{
     padding-bottom: 65px;
}
 .each-footer-img{
     height: 202px;
     max-width: 190px;
     width: 100%;
     border-radius: 6px;
     overflow: hidden;
}
 .each-footer-img img{
     height: 100%;
     object-fit: cover;
     border-radius: 6px;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
}
 .each-footer-img:hover img{
     transform: scale(1.1);
}
 .footer-img-area .common-background::after {
     background-image: linear-gradient(180deg, #111 -42.46%, rgba(17, 17, 17, 0.22) 43.96%, rgba(17, 17, 17, 0.67) 118.48%), url(../images/footer-bg.svg);
     background-position: 0;
     top: -133px;
     height: 293px;
}
 .footer-btm-area{
     border-top: 1.5px solid rgba(255, 255, 255, 0.44);
     ;
     padding-top: 30px;
     padding-bottom: 30px;
     position: relative;
     z-index: 2;
}
 .footer-social ul {
     padding: 0;
     margin: 0;
     list-style: none;
     display: flex;
     align-items: center;
     justify-content: end;
     gap: 8px;
}
 .footer-btm-left {
     display: flex;
}
 .footer-privacy p {
     margin-bottom: 0;
     width: max-content;
}
 .footer-social li a {
     height: 30px;
     width: 30px;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 100%;
     border: 1.5px solid #FFF;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
     padding: 15px;
}
 .footer-social li a:hover{
     background-color: #2E3192;
     border: 1.5px solid #2E3192;
}
 .footer-social li a img{
     width: 25px ;
}
 .footer-privacy {
     text-align: start;
}
 .footer-mid-area .col-lg-4{
     width: 27.33%;
}
 .footer-mid-area .col-lg-8 {
     width: 72.667%;
}
 .footer-top-sms-icon{
     font-family: 'WidescreenTrial-Medium';
}
/* =============diens-dtl============ */
/* ***************** back_btn****************** */
 .back_btn{
     padding-top: 182px;
     padding-bottom: 25px;
}
/* *************diens-dtl-top-sec************* */
 .diens-dtl-top-content p{
     margin-bottom: 4px;
}
 .diens-dtl-top-content h3{
     margin-bottom: 25px;
}
 .diens-dtl-top-content {
     max-width: 585px;
     margin-left: 56px;
}
 .diens-dtl-top-img img{
     border-radius: 6px;
}
 .diens-dtl-top-img{
     max-width: 728px;
     width: 100%;
}
 .diens-dtl-top-sec{
     padding-bottom: 80px;
}
/* *******form-sec********** ******************/
 .form-sec{
     background: #2C2C2C;
     padding-top: 66px;
     padding-bottom: 75px;
}
/* .form-heading{
     padding-bottom: 76px;
}
 */
 .form-main-area .form-styl {
     background-color: transparent;
     border: 0;
     border-bottom: 1px solid rgba(255, 255, 255, 0.60);
     font-size: 1.6rem;
     color: #FFF;
     font-family: 'Widescreen-Medium';
     border-radius: 0;
     padding: 6px 0;
     letter-spacing: 0.16px;
     line-height: normal;
     border-radius: 0;
     letter-spacing: 0.32px;
}
 .form-main-area{
     max-width: 729px;
     margin-left: auto;
}
 .form-main-area .form-styl:focus {
     background-color: transparent;
     box-shadow: none;
     border: none;
     border-bottom: 1px solid #FFF;
     color: #FFF;
}
 .form-main-area .form-styl::placeholder {
     color: rgba(21, 32, 46, 0.60);
}
.form-main-area .form-styl.foto_upload,
.form-main-area .form-styl.photo_upload {
    color: rgba(255, 255, 255, 0.60);  
}
 .form-main-area .form-styl:focus::placeholder{
    /* color: #15202E;
     */
}
 .form-main-area .form-styl:focus::first-letter {
     text-transform: uppercase;
     /* color: red; */
}
 .form-main-area .form-group {
     position: relative;
     margin-bottom: 48px;
}
 .form-main-area textarea {
     resize: none;
     padding-left: 10px;
}
 .form-main-area textarea.form-styl {
     min-height: 105px;
     width: 100%;
     padding-bottom: 10px;
     border-bottom: 1px solid rgba(255, 255, 255, 0.60);
}
 .form-heading h3{
     padding-bottom: 30px;
     line-height: 40px;
     font-family: 'Widescreen-SemiBold';
}
 .form-sec .sec-wrap{
     padding-top: 68px;
     padding-bottom: 72px;
}
 .form-heading p{
     max-width: 625px;
     line-height: 22px;
     margin-bottom: 42px;
}
 .form-button{
     margin-top: 60px;
}
 .form-sec{
     position: relative;
}
 .form-right-area{
     max-width: 673px;
     margin-left: auto;
}
 .form-area .form-group.focused label {
     top: -32px;
     color: #FFF;
}
 .form-styl::placeholder {
     color: rgba(255, 255, 255, 0.60);
}
 .form-area .form-styl:-ms-input-placeholder {
     color: rgba(255, 255, 255, 0.60);
}
 .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.60);
     font-size: 1.6rem;
     font-family: 'Widescreen-Medium';
     letter-spacing: 0.32px;
     line-height: normal;
     padding-bottom: 12px;
     margin-bottom: 45px;
     pointer-events: none;
}
 .form-area .form-group textarea {
     resize: none;
}
 .form-area .form-group.focused input, .form-group.focused textarea {
     border-bottom: 1px solid #FFF;
}
 .form-area .row{
     margin-left: -13px;
     margin-right: -13px;
}
.form-area .col-lg-12 ,
 .form-area .col-lg-6{
     padding-left: 13px;
     padding-right: 13px 
}
 .form-heading{
     padding-bottom: 70px;
}
/* *************form-left-area****************** */
 .form-left-area{
     max-width: 635px;
     border-radius: 10px;
     overflow: hidden;
     border-radius: 5px;
     background: rgba(17, 17, 17, 0.90);
     margin-top: 30px;
}
 .form-left-content{
     padding: 80px 90px 123px 55px;
     z-index: 1;
     position: relative;
     flex-wrap: wrap;
     column-gap: 60px;
     z-index: 1;
     position: relative;
     justify-content: space-between;
     display: grid;
     grid-template: auto-fill;
     grid-template-columns: 50% 50%;
     column-gap: 60px;
}
 .each-form-left-content-wrap h5{
     padding-bottom: 28px;
     padding-top: 43px;
}
 .each-form-left-content-wrap a{
     line-height: 24px;
     font-size: 1.6rem;
     font-family: 'WidescreenTrial-Regular';
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
     letter-spacing: 0.32px;
}
 .each-form-left-content-wrap a em{
     font-family: 'Widescreen-Regular';
}
 .opening-time table{
     line-height: 24px;
     letter-spacing: 0.32px;
     font-size: 1.6rem;
     font-family: 'ProximaNova-Regular';
}
 .form-socil-icon ul{
     display: flex;
     column-gap: 15px;
     justify-content: center;
     flex-wrap: wrap;
     row-gap: 15px;
}
 .form-socil-icon ul li a{
     width: 30px;
     height: 30px;
     padding: 8px;
     border-radius: 100%;
     display: flex;
     justify-content: center;
     align-items: center;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
     border: 1px solid #FFF;
}
 .form-socil-icon ul li a:hover{
     background-color: #2E3192;
     border: 1px solid #2E3192;
}
 .form-socil-icon img{
     max-width: 28px;
}
 .opening-time td{
     color: #FFF;
     font-family: 'WidescreenTrial-Regular';
     line-height: 24px;
     letter-spacing: 0.32px;
}
 .opening-time td:nth-child(odd){
     padding-right: 25px;
}
 .form-socil-icon{
     height: 100%;
     align-items: end;
     display: flex;
     max-width: 122px;
}
 .form-area-wrap .col-lg-5{
     width: 45%;
}
 .form-area-wrap .col-lg-7{
     width: 55%;
}
/* *************************related-service-sec******************* */
 .related-service-sec{
     padding-top: 110px;
}
 .related-service-heading{
     padding-bottom: 70px;
}
 .each-list-text{
     position: absolute;
     bottom: 0;
     left: 0;
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding: 25px 32px;
     width: 100%;
}
 .each-related-service-list{
     position: relative;
}
 .each-list-img img{
     border-radius: 5px;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
     height: 100%;
     object-fit: cover;
}
 .each-list-img:hover img{
     transform: scale(1.1);
}
 .each-list-img{
     overflow: hidden;
     border-radius: 5px;
     height: 312px;
}
 .related-service-sec .related-service-btn.common-arrow{
     background-color: transparent;
     border-radius: 100%;
     border: 1.5px solid #FFF;
}
 .related-service-sec .related-service-btn.common-arrow img{
     width: 16px;
}
 .related-service-sec .each-related-service-list:hover .common-arrow{
     background-color: #2E3192;
     border-color: #2E3192;
}
 .each-list-text h5{
     font-family: 'Widescreen-ExSemiBold';
}
/* **************************diens-dtl-mid-sec******************* */
 .diens-dtl-mid-wrap{
     background: #2E3192;
     padding-top: 68px;
     padding-bottom: 68px;
}
 .diens-dtl-mid-area {
     position: relative;
     z-index: 2;
}
 .diens-dtl-mid-area p{
     margin-top: 25px;
     margin-bottom: 0;
     color: #FFF;
}
 .diens-dtl-mid-area tr{
     display: flex;
     justify-content: space-between;
     column-gap: 120px;
}
 .diens-dtl-mid-area table{
     width: 100%;
}
 .diens-dtl-mid-area td{
     width: 33.33%;
     position: relative;
    /* width: 395px;
     */
}
 .diens-dtl-mid-area td::after{
     width: 1.5px;
     height: 100%;
     position: absolute;
     top: 0;
     right: -15%;
     background-color: rgba(255, 255, 255, 0.20);
     ;
     content: "";
}
 .diens-dtl-mid-area td:last-child::after{
     display: none;
}
 .diens-dtl-mid-area h5{
     color: #FFF;
     line-height: 32px;
     display: flex;
     flex-direction: column;
     font-family: 'Widescreen-ExSemiBold';
}
 .diens-dtl-mid-area h2{
     font-size: 8.4rem;
     color: rgba(255, 255, 255, 0.10);
     line-height: normal;
     letter-spacing: 1.68px;
     text-transform: uppercase;
     font-family: 'WidescreenTrial-Black';
     position: relative;
     margin-bottom: -47px;
}
 .diens-dtl-top-sec .common-background::after {
     background:linear-gradient(180deg, #111 -7.48%, #111 5.49%, rgba(17, 17, 17, 0.22) 58.44%, #111 119.36%) ,url(../images/common-background.svg);
     background-position: center -100px;
     z-index: -1;
}
/* =======over-one===== */
/* ****************over-one-top-sec************************ */
 .over-one-top-img img{
     border-radius: 6px;
}
 .over-one-top-img {
     max-width: 728px;
     width: 100%;
    /* margin-left: auto;
     */
}
 .over-one-top-text{
     max-width: 685px;
     margin-right: auto;
     padding-right: 20px;
}
 .over-one-top-sec{
     padding-top: 118px;
}
 .over-one-top-text h3{
     padding-bottom: 22px;
}
 .over-one-top-text p{
     margin-bottom: 16px;
}
/* *******************overone-mid-sec***************** */
 .overone-mid-sec{
     margin-top: 120px;
}
 .each-overone-mid-img img{
     border-radius: 6px;
}
 .each-overone-mid-img{
     max-width: 355px;
     margin-left: auto;
}
 .each-overone-mid-text h2{
     font-size: 8.4rem;
     color: rgba(255, 255, 255, 0.10);
     line-height: normal;
     letter-spacing: 1.68px;
     text-transform: uppercase;
     font-family: 'WidescreenTrial-Black';
     position: relative;
     margin-bottom: -47px;
}
 .overone-mid-wrap{
     width: 1105px;
     margin-left: auto;
     margin-right: auto;
}
 .each-overone-mid-text{
     max-width: 395px;
     width: 100%;
}
 .overone-mid-info-top{
     padding-bottom: 84px;
     max-width: 870px;
}
 .overone-mid-info-mid{
     padding-bottom: 84px;
     max-width: 826px;
     margin-left: 230px;
}
 .overone-mid-info-mid .each-overone-mid-text{
     margin-left: 105px;
}
 .overone-mid-info-btm{
     max-width: 870px;
}
 .each-overone-mid-text h5{
     margin-bottom: 25px;
     font-family: 'Widescreen-ExSemiBold';
     line-height: 32px;
}
 .overone-mid-sec .common-background::after {
     background:linear-gradient(180deg, #111 -7.48%, #111 5.49%, rgba(17, 17, 17, 0.22) 58.44%, #111 119.36%) ,url(../images/common-background.svg);
     background-position: center -100px;
     z-index: -1;
     background-repeat: no-repeat;
}
/* ***********team-sec********** */
 .team-img{
     max-width: 347px;
     width: 100%;
     height: 323px;
}
 .team-img img{
     border-radius: 5px;
     object-fit: cover;
     height: 100%;
     filter: grayscale(100%);
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
}
 .each-team-info:hover img{
     filter: grayscale(0);
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
}
 .each-team-info{
     position: relative;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
}
 .team-text{
     position: absolute;
     bottom: 0;
     left: 50%;
     transform: translateX(-50%);
     margin-bottom: 10px;
     text-align: center;
     opacity: 0;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
}
 .each-team-info:hover .team-text{
     opacity: 1;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
}
 .team-sec {
     padding-top: 120px;
}
 .team-heading {
     padding-bottom: 80px;
}
 .team-text h5{
     font-family: 'Widescreen-ExSemiBold';
}
 .team-text p{
     color: #FFF;
}
 .team-slider .swiper-button-next, .swiper-rtl .swiper-button-prev {
     right: -28px;
     top: 44%;
}
 .team-slider .swiper-button-prev, .swiper-rtl .swiper-button-next {
     left: -28px;
     top: 44%;
}
 .swiper-button-next::after, .swiper-rtl .swiper-button-prev::after {
     content: '';
}
 .swiper-button-prev::after, .swiper-rtl .swiper-button-next::after {
     content: '';
}
 .team-slider{
     position: relative;
}
/* ============contact================= */
/* ************contact-banner********** */
 .contact-banner-img {
     width: 100%;
     height: 600px;
}
/* *************************contact-form-sec**************************** */
 .contact-form-sec.form-sec {
     background: #111;
     padding-top: 0;
     padding-bottom: 75px;
}
 .contact-form-sec .common-background::after {
     background: linear-gradient(0deg, #111 10.48%, #111 3.49%, rgba(17, 17, 17, 0.22) 40.44%, #111 55.36%) , url(../images/common-background.svg);
     background-position-x: 0%, 0%;
     background-position-y: 0%, 0%;
     background-position:center -192px;
     height: 376px;
}
 .contact-form-sec{
     overflow: hidden;
}
 .contact-form-sec .form-area-wrap{
     padding-top: 70px;
}
/* ================verkoop================ */
/* *************verkoop-dtl-top-sec************* */
 .verkoop-dtl-top-sec .diens-dtl-top-img img{
     border-radius: 0;
}
 .verkoop-dtl-top-sec .diens-dtl-top-content p {
     margin-bottom: 0;
}
 .verkoop-dtl-top-sec .diens-dtl-top-content h5{
     margin-bottom: 15px;
     line-height: 32px;
     font-family: 'Widescreen-ExSemiBold';
}
/* **********verkoop-dtl-mid-sec********** */
 .diens-dtl-mid-area h2{
     font-size: 8.4rem;
     color: rgba(255, 255, 255, 0.10);
     line-height: normal;
     letter-spacing: 1.68px;
     text-transform: uppercase;
     font-family: 'WidescreenTrial-Black';
     position: relative;
     margin-bottom: -47px;
}
 .verkoop-dtl-mid-sec .diens-dtl-mid-area li{
     color: #FFF;
     font-family: 'Widescreen-Regular';
     padding-bottom: 16px;
     line-height: 24px;
     font-size: 1.6rem;
     letter-spacing: 0.32px;
     position: relative;
     padding-left: 17px;
}
 .verkoop-dtl-mid-sec .diens-dtl-mid-area td{
     width: 50%;
}
 .verkoop-dtl-mid-sec .diens-dtl-mid-area li::after {
     position: absolute;
     content: "";
     left: 0;
     top: 6px;
     background-size: 6px;
     content: "";
     width: 8px;
     height: 8px;
     background-color: rgb(255, 255, 255);
     border-radius: 100%;
}
 .verkoop-dtl-mid-sec .diens-dtl-mid-area td::after {
     right: -10%;
}
 .verkoop-dtl-mid-sec .diens-dtl-mid-area h5{
     margin-bottom: 25px;
}
 .verkoop-dtl-mid-sec .diens-dtl-mid-wrap {
     padding-top: 32px;
     padding-bottom: 32px;
}
 .verkoop-dtl-mid-sec .diens-dtl-mid-area{
     max-width: 1338px;
     margin-left: 52px;
}
/* *************verkoop-service-slider********** */
 .verkoop-service-slider .related-service-sec {
     padding-top: 119px;
}
 .verkoop-service-slider .each-list-img::after{
     position: absolute;
     top: 0;
     right: 0;
     width: 100%;
     height: 100%;
     content: "";
     background: linear-gradient(180deg, rgba(17, 17, 17, 0.00) 0%, rgba(17, 17, 17, 0.70) 100%);
}
 .verkoop-service-slider .each-list-img{
     position: relative;
}
/* ============aanbod-dtl============================== */
/* *********back-btn********** */
 .back_btn_right{
     display: flex;
     justify-content: end;
}
/* *******************aanbod-dtl***************** */
 .aanbod-dtl-slider-sec .each-slide-car-content-right p{
     margin-bottom: 2px;
}
 .diens-dtl-slider-sec.aanbod-dtl-slider-sec {
     margin-bottom: 77px;
     margin-top: 130px;
}
 .aanbod-dtl-product-left{
     border-radius: 5px;
     background: #2C2C2C;
     padding: 40px 41px;
     height: 100%;
}
 .each-aanbod-dtl-product-content-left h3{
     font-family: 'Widescreen-SemiBold';
}
 .each-aanbod-dtl-product-content-left table{
     margin-top: 2px;
     margin-bottom: 30px;
     width: 100%;
}
 .each-aanbod-dtl-product-content-left table td{
     padding-top: 5px;
     padding-bottom: 10px;
     position: relative;
}
 .aanbod-dtl-price h5 em{
     color: #FFF;
     font-size: 1.6rem;
     margin-bottom: 4px;
     line-height: 40px;
     letter-spacing: 0.32px;
     font-family: 'Widescreen-Regular';
}
 .each-aanbod-dtl-product-content-left table td p{
     padding-bottom: 0;
     margin-bottom: 0;
}
 .aanbod-dtl-product-sec{
     padding-bottom: 103px;
}
 .aanbod-dtl-product-slider-right .swiper-button-next, .aanbod-dtl-product-slider-right .swiper-button-prev {
     top: 50%;
}
 .aanbod-dtl-product-slider-right .swiper-button-next, .swiper-rtl .swiper-button-prev {
     right: 25px;
}
 .aanbod-dtl-product-slider-right .swiper-button-prev, .swiper-rtl .swiper-button-next {
     left: 25px;
}
.aanbod-dtl-product-slider-right .swiper-button-next:hover, .aanbod-dtl-product-slider-right .swiper-button-prev:hover {
    background-color: #2E3192;
}
 .each-aanbod-dtl-product-slideview img {
     height: 100%;
     object-fit: cover;
     border-radius: 5px;
}
 .each-aanbod-dtl-product-thumbs img{
     border-radius: 5px;
}
 .aanbod-dtl-product-slider-thumbs{
     margin-top: 45px;
}
 .aanbod-dtl-product-content-dtl h6{
     color: #FFF;
     text-transform: none;
     font-family: 'Widescreen-Medium';
     font-size: 1.6rem;
     line-height: normal;
     letter-spacing: 0.32px;
}
 .aanbod-dtl-product-content-dtl tr{
     display: flex;
     column-gap: 42px;
}
 .each-aanbod-dtl-product-content-left p{
     max-width: 417px;
     color: rgba(255, 255, 255, 0.50);
}
 .aanbod-dtl-product-top-btn{
     margin-bottom: 22px;
}
 .each-aanbod-dtl-product-slideview {
     height: 100%;
}
 .aanbod-dtl-info-left{
     display: flex;
     align-items: center;
     column-gap: 25px;
}
 .aanbod-dtl-info-contact li a, .aanbod-dtl-info-text a{
     color: rgba(255, 255, 255, 0.60);
     font-size: 1.6rem;
     line-height: 24px;
     font-family: 'Widescreen-Regular';
     letter-spacing: 0.32px;
}
.aanbod-dtl-info-text a img{
	margin-top: -4px;
}
 .aanbod-dtl-info-contact li{
     margin-bottom: 5px;
}
 .aanbod-dtl-info-right{
     display: flex;
     column-gap: 24px;
     justify-content: end;
     align-items: center;
}
 .aanbod-dtl-info-contact li a img {
     width: 15px;
     transition: all 0.5;
     -webkit-transition: all 0.5s;
}
 .aanbod-dtl-info{
     margin-top: 50px;
}
 .aanbod-dtl-info-contact li a:hover{
     color: #6166FF;
}
 .aanbod-dtl-info-logo img{
     border-radius: 100%;
     height: 100%;
     object-fit: cover;
     aspect-ratio: 1/1;
}
 .aanbod-dtl-info-logo{
     max-width: 78px;
     height: 75px;
}
 .aanbod-dtls-sec .common-background::after {
     background-position-x: 0%, 0%;
     background-position-y: 0%, 0%;
     background-position:center -95px;
     opacity: 0.6;
}
 .aanbod-dtl-info-text p a{
     color: rgba(255, 255, 255, 0.60);
}
 .aanbod-dtl-info-text p a:hover{
     color: #6166FF;
}
/****aanbod-tab-sec****/
 .aanbod-dtls-sec {
     padding-bottom: 120px;
}
 .aanbod-dtls-area {
     overflow: hidden;
}
 .dtl-tab-part {
     position: relative;
     overflow: hidden;
}
 .tab-btn .nav-tabs {
     column-gap: 17px;
     margin-bottom: 60px;
     border: 0;
     row-gap: 26px;
}
 .tab-btn .tabs {
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
     column-gap: 45px;
     max-width: max-content;
     margin: auto;
     padding: 10px 0;
     margin-bottom: 70px;
}
 .tab-btn ul.tabs li {
     position: relative;
     display: inline-block;
     word-break: break-word;
     cursor: pointer;
     margin-bottom: 0;
     color: rgba(255, 255, 255, 0.60);
}
 .tab-btn ul.tabs li em{
     font-size: 2.4rem;
     letter-spacing: 0.48px;
     line-height: 40px;
     font-family: 'Widescreen-Regular';
     color: rgba(255, 255, 255, 0.60);
}
 .tab-btn ul.tabs li.common-btn:hover strong {
     color: #fff;
}
 ul.tabs li::after {
     top: 0;
     border-radius: 0;
}
 .tab-btn .tabs li.active {
     color: #FFF;
}
 .tab-btn .tabs li.active em{
     color: #FFF;
     font-family: 'Widescreen-SemiBold';
}
 .tab-btn .tabs li:hover{
    /* background: #E7CD78;
     */
}
 .tab-btn .tabs li:hover b{
     color: rgba(255, 255, 255, 0.60);
}
 .tab-btn .tabs .tab_content {
     display: none;
}
 .tab_drawer_heading {
     display: none;
}
 .tab-btn-right ul {
     list-style-type: none;
     display: flex;
     column-gap: 41px;
     justify-content: end;
     padding-left: 0;
}
 .tab-btn-right li a {
     color: #f3f3f3;
     font-family: 'neue_montrealregular';
     font-size: 1.6rem;
     line-height: 24px;
     letter-spacing: 0.32px;
     transition: all 0.5s;
}
 .tab-btn-right li a:hover {
     text-decoration: underline;
}
 .kenmerken-tab {
     overflow: hidden;
}
 .kenmerken-tab table {
     width: 100%;
     margin-bottom: -1px;
}
 .kenmerken-tab td {
     padding: 50px;
     width: 25%;
     border-bottom: 1.5px solid rgba(255, 255, 255, 0.15);
     border-right: 1.5px solid rgba(255, 255, 255, 0.15);
     flex-shrink: 0;
}
 .kenmerken-tab tr {
     display: flex;
     flex-wrap: wrap;
}
 .kenmerken-tab td p {
     word-break: break-word;
     margin-top: 15px;
     color: rgba(255, 255, 255, 0.50);
}
 .kenmerken-tab td h6 {
     font-size: 1.6rem;
     line-height: normal;
     color: #FFF;
     letter-spacing: 0.32px;
     font-family: 'Widescreen-Medium';
}
 .kenmerken-tab td strong{
     max-width: max-content;
    /* margin: auto;
     */
     display: block;
}
 .kenmerken-tab h3 {
     color: #292B2C;
     margin: 49px 0 21px;
}
 .kenmerken-tab ul {
     list-style: none;
     padding-left: 0;
     display: flex;
     flex-wrap: wrap;
     margin-bottom: 0;
}
 .kenmerken-tab li {
     width: 40%;
     position: relative;
     color: #292B2C;
     line-height: 24px;
     margin-bottom: 13px;
     padding-bottom: 10px;
     word-break: break-word;
     padding-right: 20px;
     padding-left: 35px;
     font-size: 1.6rem;
     letter-spacing: 0.48px;
}
 .kenmerken-tab li::after {
     position: absolute;
     left: 0;
     bottom: 0;
     content: "";
     width: 100%;
     height: 1.5px;
     background-color: rgba(41, 43, 44, 0.50);
}
 .kenmerken-tab li:nth-child(even) {
     color: rgba(41, 43, 44, 0.70);
     padding-left: 0;
     width: 60%;
}
 .kenmerken-tab-block-part {
     display: none;
}
 .kenmerken-tab-block-part ul:first-child{
     margin-top: 6px;
}
 .aanbod-dtls-area.hidden-tab .col-lg-8 {
     width: 100%;
}
 .aanbod-dtls-area.hidden-tab .each-aanbod-contact {
     display: none;
}
 .each-aanbod-contact .row {
     align-items: center;
}
 .tab-cross {
     cursor: pointer;
}
 .hidden-tab-btn {
     margin: 60px 0 20px;
}
 .hidden-tab-btn .common_btn {
     font-size: 1.8rem;
     padding: 10px 40px;
}
 .dtl-tab-part .tab-content .tab-pane .tab_hedaing {
     padding-bottom: 20px;
}
 .bullet-panel {
     margin-bottom: 20px;
}
 .bullet-panel h4 {
     border-bottom: 1px solid #FFF;
     padding-bottom: 10px;
     margin-bottom: 10px;
     font-size: 2rem;
}
 .dtl-tab-part .bullet-panel ul {
     padding: 0;
     margin: 0;
     list-style: none;
}
 .dtl-tab-part .bullet-panel ul li {
     padding-left: 16px;
     position: relative;
     margin-bottom: 10px;
     font-size: 1.6rem;
     position: relative;
     font-family: 'Widescreen-Regular';
     color: rgba(255, 255, 255, 0.60);
}
 .dtl-tab-part .bullet-panel ul li::after{
     content: "";
     height: 7px;
     width: 7px;
     border-radius: 100%;
     top: 8px;
     left: 0;
     position: absolute;
     background-color: rgba(255, 255, 255, 0.60);
}
 .left-bg-block {
     width: 140px;
     display: flex;
     align-items: center;
     justify-content: center;
     background: #6166FF;
     font-size: 1.6rem;
     line-height: 24px;
}
 .block-dtls {
     width: calc(100% - 140px);
     border: 1px solid #6166FF;
     border-left: 0;
     padding: 20px 15px 5px;
     min-height: 200px;
}
 .each-onderhoud-block p {
     margin-top: 8px;
     margin-bottom: 25px;
}
 .left-bg-block p {
     color: #fff;
     margin-bottom: 0;
}
 .each-onderhoud-block {
     display: flex;
     margin-bottom: 20px;
}
 .block-dtls h6 {
     text-transform: none;
     font-size: 1.8rem;
     color: #fff;
}
 .kenmerken-tab td:nth-child(4n) {
     border-right: 0;
}
 .tab-btm-btn {
     text-align: center;
     padding-top: 60px;
}
 .tab-btm-btn em {
     font-family: 'Widescreen-Regular';
     line-height: 24px;
}
/*****kenmarken-popup******/
 .kenmarken-popup {
     display: none;
}
 .kenmarken-popup-wrap {
     position: fixed;
     top: 0;
     left: 0;
     width: 100vw;
     height: 100vh;
     z-index: 102;
     display: flex;
}
 .kenmarken-popup-overlay {
     position: fixed;
     width: 100vw;
     height: 100vh;
     backdrop-filter: blur(12px);
     top: 0;
     left: 0;
     z-index: 100;
}
 .kenmarken-popup-inner {
     border-radius: 20px;
     background-color: #111;
     position: relative;
     z-index: 101;
     max-width: 93%;
     margin: auto auto;
     padding: 50px;
     width: 100%;
     height: 75vh;
     border: 1px solid #6166FF;
     box-shadow: 0px 0px 25px 0px rgba(46, 49, 146, 0.5);
     -webkit-box-shadow: 0px 0px 25px 0px rgba(46, 49, 146, 0.5);
     overflow: hidden;
}
 .kenmarken-popup-close {
     background-color: #111;
     width: 40px;
     height: 40px;
     display: flex;
     position: absolute;
     justify-content: center;
     align-items: center;
     top: 20px;
     right: 20px;
     border-radius: 100%;
     cursor: pointer;
     border: 1px solid #6166FF;
}
 .kenmarken-popup-close img {
     width: 30px;
}
 .kenmarken-popup-content {
     overflow-y: scroll;
     height: calc(100% - 116px);
     padding-right: 20px;
}
 .kenmarken-popup-content::-webkit-scrollbar {
     background-color: rgba(210, 169, 55, 0.27);
     width: 10px;
     border-radius: 20px;
}
 .kenmarken-popup-content::-webkit-scrollbar-thumb {
     background-color: #111;
     border-radius: 20px;
}
 .kenmerken-popup-model {
     padding-bottom: 30px;
     padding-right: 40px;
}
 .kenmerken-popup-model h3 {
     display: -webkit-box;
     -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
     overflow: hidden;
     text-overflow: ellipsis;
     font-size: 2rem;
     margin-bottom: 10px;
}
 .kenmerken-popup-model h6 {
     display: -webkit-box;
     -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
     overflow: hidden;
     text-overflow: ellipsis;
     font-size: 1.6rem;
     font-family: 'Widescreen-Regular';
     color: #FFF;
}
 .kenmarken-popup-content h4 {
     margin-bottom: 33px;
     font-size: 3.2rem;
     line-height: 32px;
     letter-spacing: normal;
     color: #fff;
}
 .kenmarken-popup-content ul {
     list-style: none;
     padding-left: 0;
     display: flex;
     flex-wrap: wrap;
     margin: 0 0 34px;
}
 .kenmarken-popup-content li {
     width: 50%;
     position: relative;
     font-family: 'Widescreen-Regular';
     color: #fff;
     font-size: 1.6rem;
     line-height: 24px;
     letter-spacing: 0.32px;
     margin-bottom: 0;
     padding: 8px 0;
     border-bottom: 1px solid rgba(255, 255, 255, 0.60);
}
 .kenmarken-popup-content li:nth-child(even) {
     color: rgba(255, 255, 255, 0.50);
}
 .kenmarken-popup-content li::after {
     display: none;
}
 .aanbod-dtl-product-slider-thumbs{
     position: relative;
}
 .aanbod-dtl-product-slider-thumbs::before, .aanbod-dtl-product-slider-thumbs::after{
     position: absolute;
     top:0;
     left: 0;
     width: 85px;
     height: 100%;
     content: "";
     background: linear-gradient(90deg, #2C2C2C 17.48%, rgba(44, 44, 44, 0.00) 100%);
     z-index: 3;
}
 .aanbod-dtl-product-slider-thumbs::before{
     left: auto;
     right: 0;
     width: 85px;
     height: 100%;
     background: linear-gradient(-90deg, #2C2C2C 17.48%, rgba(44, 44, 44, 0.00) 100%);
}
/* ********************thankyou-popup******************** */
 .modal-area .modal-dialog {
     max-width: 70%;
     margin: 10% auto 0;
}
 .modal-area .modal {
     background: rgba(17, 17, 17, 0.50);
     backdrop-filter: blur(7px);
}
 .modal-area .modal-content {
     border: 0;
     position: relative;
     background: #2C2C2C;
}
 .pop-up-image {
     height: 100%;
}
 .pop-up-image img {
     overflow: hidden;
     height: 100%;
     object-fit: cover;
}
 .modal-area .popup-content {
     padding: 0 75px 0 62px;
}
 .modal-area .popup-content h3{
     line-height: 48px;
}
 .modal-area .popup-content h6{
     color: #FFF;
     font-size: 1.6rem;
     text-transform: none;
     font-family: 'ProximaNova-Regular';
     letter-spacing: 0.16px;
     line-height: 22px;
}
 .modal-area .popup-content p{
     margin-bottom: 0;
     color: #FFF;
}
 .modal-content .col-lg-5 {
     width: 47%;
}
 .modal-content .col-lg-7 {
     width: 53%;
}
 .modal-area .popup-content li {
     padding-left: 15px;
     font-family: 'Widescreen-Regular';
     font-size: 1.6rem;
     line-height: 24px;
     position: relative;
     margin-bottom: 20px;
     letter-spacing: 0.32px;
     color: #FFF;
}
 .modal-area .popup-content ul {
     margin: 30px 0;
}
 .modal-area .popup-content li::after {
     content: '';
     position: absolute;
     left: 0;
     top: 6px;
     background-color: #2E3192;
     ;
     background-size: 8px;
     height: 8px;
     width: 8px;
     border-radius: 100%;
}
 .modal-content .close-img {
     position: absolute;
     top: 0;
     right: 0;
     height: 56px;
     width: 56px;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 100%;
     z-index: 1;
}
 .modal-content .close-img img {
     width: 15px;
}
/* ***************thankyou-banner************** */
 .thankyou-banner{
     position: relative;
     margin-bottom: 0;
}
 .thankyou-banner-content {
     position: absolute;
     bottom: 290px;
     left: 0;
     width: 100%;
}
.thankyou-banner-content .common-btn strong {
    font-family: 'Widescreen-Regular';
}
 .thankyou-banner-img{
     height: 828px;
     position: relative;
}
 .thankyou-banner-img img{
     height: 100%;
     object-fit: cover;
     border-radius: 0;
}
 .thankyou-banner-wrap h1{
     padding-bottom: 40px;
}
 .thankyou-banner-img::after{
     position: absolute;
     right: 0;
     left: 0;
     width: 100%;
     height: 100%;
     content: "";
     background: linear-gradient(121deg, rgba(255, 255, 255, 0.00) 10.08%, rgba(17, 17, 17, 0.44) 46.13%, rgba(17, 17, 17, 0.60) 68.58%);
}
 .thankyou-banner-wrap .thankyou-btn{
     text-align: center;
}
/* ***********diensten-list***************** */
 .each-list-img{
     position: relative;
}
 .each-list-img::after{
     background: linear-gradient(180deg, rgba(17, 17, 17, 0.00) 0%, rgba(17, 17, 17, 0.70) 100%);
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     right: 0;
     content: "";
}
/* ======================over-one========================== */
/* *********** over-one-about-sec ******************* */
 .over-one-about-sec{
     background: #2C2C2C;
     padding-top: 64px;
}
 .overone-mid-sec {
     padding-bottom: 120px;
}
 .overone-mid-sec .common-background::after {
     background:linear-gradient(180deg, #111 -7.48%, #111 5.49%, rgba(17, 17, 17, 0.22) 58.44%, #111 119.36%) ,url(../images/common-background.svg);
     background-position: center -100px;
     z-index: -1;
     background-repeat: no-repeat;
}
/* *************over-one-conter-sec************* */
 .over-one-conter-sec{
     background: #2C2C2C;
     padding-bottom: 64px;
}
/* ****************Werkplaatsafspraak-plannen***************** */
 .Werkplaat-plannen-top-sec h3{
     line-height: 48px;
}
 .each-list-text {
     column-gap: 5px;
}
 .diens-dtl-top-content ul li{
     color: rgba(255, 255, 255, 0.60);
     letter-spacing: 0.32px;
     line-height: 24px;
     font-family: 'Widescreen-Regular';
     font-size: 1.6rem;
}
 .diens-dtl-top-content h6{
     color: rgba(255, 255, 255, 0.60);
     letter-spacing: 0.32px;
     line-height: 24px;
     font-family: 'Widescreen-Regular';
     font-size: 1.6rem;
     padding-bottom: 15px;
}
 .diens-dtl-top-content ul{
     padding-bottom: 10px;
     padding-left: 25px;
}
 .form-sec {
    /* overflow: hidden;
     */
}
/* *********aanbod-dtl************ */
 .aanbod-dtl-product-wrap .col-lg-7{
     width: 54%;
}
 .aanbod-dtl-product-wrap .col-lg-5{
     width: 46%;
}
 .aanbod-dtl-product-slider-right .swiper{
     height: 100%;
}
/* ============== aanbod-list ================= */
/****aanbod-filter-sec****/
 .aanbod-filter-sec {
     padding: 170px 0 70px;
     /* overflow: hidden; */
     position: relative;
}
 .aanbod-filter-wrap {
     position: relative;
     z-index: 2;
}
 .filter-reset a {
     font-size: 1.5rem;
     font-family: 'Widescreen-Regular';
}
 .filter-reset img {
     width: 9px;
     margin-left: 5px;
     margin-bottom: 2px;
    /* filter: brightness(1) invert(1);
     */
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
}
 .filter-reset a:hover {
    /* color: #2E3192;
     */
}
 .filter-reset a:hover img {
     filter: invert(57%) sepia(99%) saturate(5111%) hue-rotate(225deg) brightness(101%) contrast(101%);
}
 .aanbod-filter-sec .select-style {
     width: 100%;
     height: 50px;
     color: #fff;
     font-family: 'Widescreen-Regular';
     font-size: 1.6rem;
     line-height: 24px;
     letter-spacing: 0.32px;
     border-radius: 5px;
     border: 1.5px solid rgba(255, 255, 255, 0.60);
     padding: 0 32px 0 27px;
     background: url(../images/filter-arrow.svg) no-repeat 89% center / 12px;
     background-color: #111;
     appearance: none;
     line-height: 50px;
     text-overflow: ellipsis;
     overflow: hidden;
     white-space: nowrap;
     cursor: pointer;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
}
 .aanbod-filter-sec .select-style:hover, .aanbod-filter-sec .select-style.show {
    /* border-radius: 26px 26px 0 0;
     */
     background-color: #2E3192;
     border: 1px solid #2E3192;
}
 .filter-main {
     margin-bottom: 20px;
}
 .filter-main option{
     font-family: 'Widescreen-Regular';
     background-color: #fff;
}
 .filter-content {
     display: none;
     background-color: #2E3192;
     padding: 10px 10px 15px;
     z-index: 2;
     border: 1px solid #2E3192;
     border-top: 0;
     border-radius: 0 0 5px 5px;
     margin-top: -5px !important;
     cursor: default;
     max-height: 230px;
     overflow-y: auto;
     z-index: 999;
}
 .filter-content::-webkit-scrollbar {
     background-color: #2A2A2A;
     width: 5px;
}
 .filter-content::-webkit-scrollbar-thumb {
     background-color: #2A2A2A;
}
 .filter-content.show-div {
     display: block;
}
 .aanbod-filter-sec label {
     color: #fff;
     margin-bottom: 10px;
     display: block;
     width: 100%;
     z-index: 2;
     font-size: 1.4rem;
     cursor: pointer;
     font-family: 'Widescreen-Regular';
}
 .aanbod-filter-sec label:last-child {
     margin-bottom: 0;
}
 .aanbod-filter-sec label span {
     float: right;
     color: #fff;
     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: #111;
     border-color: #111;
}
 .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: #2E3192;
     font-size: 1.4rem;
     border: 1px solid #2E3192;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
}
 .cross-btn {
     width: 9px;
}
 .auto-overview-tag:hover {
     background-color: #2A2A2A;
     border: 1px solid #2A2A2A;
}
 .auto-overview-tag:hover .cross-btn{
    /* filter: brightness(1) invert(1);
     */
}
 .aanbod-filter {
     margin-bottom: 18px;
     width: 20%;
}
 .mobile_search {
     margin-top: 30px;
}
 .mobile-show-filter {
     position: fixed;
     left: 0;
     top: 97px;
     background-color: #2E3192;
     width: 100%;
     z-index: 5;
     margin-top: 0;
     padding: 15px 0;
}
 .mobile-show-filter .common-btn {
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
     background-color: #2A2A2A;
     border-color: rgba(249, 248, 246, 0.10);
     color: #fff;
     display: flex;
     align-items: center;
     padding: 11px 28px;
}
 .mobile-show-filter .common-btn:hover {
     background-color: #2E3192;
     border-color: #2E3192;
}
 .filter-count {
     min-width: 20px;
     height: 20px;
     background-color: #111;
     border-radius: 100%;
     color: #fff;
     border: 1px solid #111;
     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: #2E3192;
}
 .mobile-filter-close span {
     max-width: 32px;
     width: 100%;
     height: 32px;
     background-color: #fff;
     border-radius: 50%;
     margin-left: auto;
     border: 1px solid #2E3192;
}
 .mobile-filter-close span img {
     width: 9px;
     filter: invert(1);
     -webkit-filter: invert(1);
}
 .auto-overview-filter-result .mobile_search {
     margin-top: 0;
     background-color: #2E3192;
     border-color: #2E3192;
     color: #fff;
     padding: 10px;
     border-radius: 5px;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
     max-width: 100%;
}
 .auto-overview-filter-result .mobile_search:hover {
     background-color: #0E0E0E;
     border-color: #0E0E0E;
}
 .auto-overview-filter-result .mobile_search::after, .auto-overview-filter-result .mobile_search::before{
     display: none;
}
 .auto-overview-filter-result .common-btn span{
     width: initial;
     display: inline-flex;
}
 .auto-overview-filter-result .common-btn:hover span {
     transform: none;
     left: 0;
     transition: none;
     -webkit-transition: none;
}
 .auto-overview-filter-result .mobile_search h4{
     font-size: 1.6rem;
     color: #F9F8F6;
}
 .cursor-pointer {
     cursor: pointer;
}
 .filter-sort {
     display: flex;
     justify-content: end;
}
 .filter-sort h6 {
     margin-right: 10px;
     color: rgba(249, 248, 246, 0.7);
     font-family: 'Widescreen-Regular';
     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-right {
     padding-left: 42%;
}
 .aanbod-filter-sec h6{
     font-family: 'Widescreen-SemiBold';
     font-size:2.4rem;
     color: #fff;
     margin-bottom: 25px;
}
 .mobile-show-filter .common-btn::after, .mobile-show-filter .common-btn::before{
     display: none;
}
 .mobile-show-filter .common-btn:hover::before, .mobile-show-filter .common-btn:hover::after {
     display: none;
}
 .mobile-show-filter .common-btn:hover {
    /* background-color: #fff;
     */
     border-color: #fff;
}
 .mobile-show-filter .common-btn:hover {
     padding: 11px 28px;
}
 .mobile-show-filter .filter-count{
     min-width: 20px;
     height: 20px;
     background-color: #0E0E0E;
     border-radius: 100%;
     color: #fff;
     border: 1px solid #0E0E0E;
     margin-left: 17px;
     font-size: 1.2rem;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
}
 .mobile-show-filter .common-btn:hover span {
     transform: none;
     left: 0;
}
 .sticky-filter{
     position: fixed;
     top: 75px;
}
 .aanbod-list-car .container > .row{
     row-gap: 40px;
}
.aanbod-list-car .container > .row {
    margin-left:-12.5px;
    margin-right:-12.5px;
}
.aanbod-list-car .container > .row > {
    padding-right:12.5px;
    padding-left:12.5px;
}
/* *****************.aanbod-dtl******************** */
 .kenmerken-popup-model h3 {
     font-size: 3.6rem;
     margin-bottom: 25px;
}
 .aanbod-dtl-info-text{
     width: 45%;
     flex-shrink: 0;
}
 .aanbod-dtl-info-contact{
     width: 45%;
     flex-shrink: 0;
}
 .aanbod-dtl-car-heading{
     padding-bottom: 63px;
}
 .anbod-dtl-car-list{
     padding-top: 100px;
}
 .Verkocht-top-sec{
     padding-top: 173px;
     padding-bottom: 130px;
}
 .Verkocht-right{
     max-width: 495px;
     margin-left: auto;
}



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

/****aanbod dtl****/
.kenteken_np {
     background-image: url(../images/kenteken_plaat/kenteken_plaat.svg);
     background-repeat: no-repeat;
     background-position: left;
     padding: 4px 0 6px 44px;
     color: #000;
     background-size: 152px;
   }
   
   .star_icon h4{
       padding-bottom: 10px;
       text-transform: uppercase;
       padding-top: 15px;
       margin-bottom: 15px;
       color: #fff;
       border-bottom: 1px solid #fff;
       text-transform: uppercase;
   }
   .star_icon p img{
       width: 15px;
       margin-top: -3px;
       margin-right: 5px;
   }
   .star_icon p{

       font-size: 16px;
       color: #fff;;
       padding-bottom: 6px;
       word-break: break-word;
   }
   .photo_contnt li img{
       width: 15px;
       margin-left: 5px;
   }
   .star_icon h3 {
       margin: 40px 0 30px;
   }
   .aanbod-detail-tab-sec .tab-content .star_icon p {
       margin: 0;
   }
   .bullet-panel h3 {
       margin-bottom: 30px;
   }
   /*******loader*****/
   #loader_section{
     display:none;
     width:100%;
     position: fixed;
     top: 0;
     background: #000000b8;
     z-index: 9999999;
     height: 100vh;
     padding: 30vh 0px;
   }
   #loader_section p{
     color:#fff;
     font-size:18px;
     text-align: center;
   }
   #loader_section img{
     width: 100px;
     margin-bottom: 25px;
   }
   
   /*********Morgen Footer************/
   .morgeninternet-footer {
       background: #000000;
       width: 100%;
       height: 50px;
       display: block;
       text-align: center;
       transition: 0.3s all;
   }
   
   .morgeninternet-footer:hover {
       background: #202020;
       transition: 0.3s all;
   }
   
   .morgeninternet-footer > img {
       height: 30px;
       padding-top: 15px;
   }
   
   .cookie_div{
       position: fixed;
       bottom: 0;
       z-index: 999999;
       width: 100%;
       padding: 0px 0;
   }
   .cookie_div{
       color:#9c9c9c;
       font-size: 12px;
       /*font-family: 'Calibri';*/
       font-family: 'arial';
   }
   .cookie_div h4{
       margin-bottom: 15px;
       font-size: 13pt;
       font-family: 'Calibri';
   }
   .cookie_div a{
       color:#38b6be;
       font-size: 10pt;
       font-weight:bold;
       margin-left:8px;
       font-family: 'Calibri';
   }
   .cookie_div button{
       color:#3c935c;
       background:#dbffe8;
       font-weight: bold;
       border: 0;
       padding: 10px 25px;
       margin:5px 0;
       cursor: pointer;
       font-size: 12px;
       /*font-family: 'Calibri';*/
       font-family: 'arial';
   }
   .light_theme{
       background:rgba(255, 255, 255, 0.83);
       -webkit-box-shadow: 0px -3px 3px -1px rgba(203,203,203,0.6); 
       box-shadow: 0px -3px 3px -1px rgba(203,203,203,0.6);
   }
   .dark_theme{
       background: rgba(0, 0, 0, 0.78);
       -webkit-box-shadow: 0px -3px 3px -1px rgba(203,203,203,0.65); 
       box-shadow: 0px -3px 3px -1px rgba(203,203,203,0.65);
   }
   .light_theme h4{
       color:#2a2a2a;
   }
   .dark_theme h4{
       color:#c9c9c9;
   }
 
 
 
   .aanbod-loader {
     width: 45px;
     height: 40px;
     background: linear-gradient(#4815d4 calc(1*100%/6),#fff 0 calc(3*100%/6),#4815d4 0),
               linear-gradient(#4815d4 calc(2*100%/6),#fff 0 calc(4*100%/6),#4815d4 0),
               linear-gradient(#4815d4 calc(3*100%/6),#fff 0 calc(5*100%/6),#4815d4 0);
     background-size: 10px 400%;
     background-repeat: no-repeat;
     animation: matrix 1s infinite linear;
   }
   @keyframes matrix {
     0% {
       background-position: 0% 100%, 50% 100%, 100% 100%
     }
   
     100% {
       background-position: 0% 0%, 50% 0%, 100% 0%
     }
   }
   .load_aanbod{
     justify-content: center;
     display: flex;
     column-gap: 3rem;
     align-items: center;
     color: #101824;
   }
 
   .fixed-whatsapp-icon {
      width: 70px;
      height: 70px;
      border-radius: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      position: fixed;
      right: 10px;
      bottom: 0px;
      z-index: 999;
 }
 
 .fixed-whatsapp-icon img {
      width: 50px;
 }
 
 .popup .popuptext {
      display: none;
      width: 200px;
      background-color: #25D366;
      color: #fff;
      text-align: center;
      border-radius: 20px;
      padding: 8px 0;
      position: absolute;
      z-index: 1;
      bottom: 3px;
      right: 5vw;
      font-size: small;
 }
 
 .notifcation {
      position: relative;
 }
 
 .alert-number {
      display: none;
      position: absolute;
      bottom: 43px;
      right: 4px;
      border-radius: 50%;
      width: 17px;
      height: 17px;
      background-color: red;
      color: white;
      text-align: center;
      font-size: small;
      animation: shake 0.5s;
      animation-iteration-count: 1;
 }

 .privacy_section{
    margin-top: 100px;
    margin-bottom: 40px;
 }
 
 .radio_filter .form-check-input {
    display: none;
}
 
.aanbod-dtl-info-logo {
    max-width: 78px;
    height: 75px;
    flex-shrink: 0;
}

.aanbod-dtl-info-text {
    width: 45%;
    flex-shrink: 0;
}
.aanbod-dtl-info-contact {
    width: 45%;
    flex-shrink: 0;
}
.calsty
{
     border: 0; 
     width: 100%; 
     height: 700px; 
     background: transparent; 
}
.share-social-media-button .a2a_dd {
    height: 50px !important;
    width: 50px !important;
    border: 1px solid #fff !important;
    border-color: #fff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 5px !important;
}
.share-social-media-button .a2a_dd svg {
    filter: invert(1) !important;
    margin-right: 0 !important;
}
.share-social-media-button .a2a_dd:hover {
    background-color: #2E3192;
    border-color: #2E3192;
}
body .form-main-area .error_cls,
body .form-main-area .success_cls {
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
}
.lfCQiA {
    display: none;
}
.contact-dtls a{
    display: block;
    width: max-content;
}
.form-sec .each-form-left-content-wrap{
    width: 100% !important;
}
.bovag-logo-img{
    width: 120px;
}
.footer-logo{
    margin-bottom: 33px;
}