body {
	padding: 0px;
	margin: 0px;
    color: #fff;
    font-family: 'MonaSansExpanded-Regular';
    font-size: 1.6rem;
    background-color: #1B1B1B;
    /*overflow-x: hidden;*/
}
html {
    font-size: 62.5%;
}
::selection {
    background-color: #A79E80;
    color: #1C1C1C;
    text-shadow: none;
}
/*#page{
	overflow: hidden;
}*/
#mobile-contact-bar {
    display: none;
}
/****captcha****/
.grecaptcha-badge{
	display:none;
}
.formError {
	z-index: 1 !important;
}
/****cookie-fix****/
.cmn-cookie-info ul {
    margin-bottom: 0;
}
.cmn-cookie-info li {
    padding-left: 0;
    margin-bottom: 0;
}
.cmn-cookie-info li::after {
    display: none;
}
.cookie-close img {
    width: 15px;
}
/*****header-area*****/
.header-area {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    overflow-x: clip;
    padding: 23px 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.header-area::after {
    content: "";
    width:100vw;
	margin-left:-50vw;
	left:50%;
    background-color: rgba(242, 242, 242, 0.3);
    height: 1px;
    bottom: 0;
    position: absolute;
}
.header-active {
    background-color: #1B1B1B;
}
.header-logo img {
    width: 212px;
}
.header-right {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 14px;
}
.header-nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
    margin-bottom: 0;
}
.header-nav > ul {
    display: flex;
    justify-content: center;
    gap: 52px;
}
.header-nav > ul > li {
    font-size: 1.4rem;
    line-height: 24px;
    color: #fff;
}
.header-nav > ul > li > a {
    color: #fff;
    position: relative;
    padding-bottom: 39px;
}
.header-nav > ul > li > a::after {
    content: "";
    height: 1px;
    width: 0;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    background-color: #A79E80;
    position: absolute;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.header-nav > ul > li > a:hover {
    color: #A79E80;
}
.header-nav > ul > li > a:hover::after {
    width: 100%;
}
.parent-dropdown {
	position: relative;
}
.parent-dropdown ul {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 45px;
	border-radius: 10px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	background-color: #313131;
	min-width: 170px;
	text-align: center;
	box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.3);
	opacity: 0;
	pointer-events: none;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.parent-dropdown ul li {
	color: #fff;
}
.parent-dropdown ul li a {
	color: #fff;
	padding: 5px 10px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	display: block;
	width: 100%;
}
.parent-dropdown ul li:last-child a {
	border-bottom: 0;
}
.parent-dropdown ul li a:hover {
	color: #A79E80;
}
.parent-dropdown:hover ul {
	top: 30px;
	opacity: 1;
	pointer-events: all;
}
.parent-dropdown img {
	cursor: pointer;
    width: 10px;
    margin-left: 5px;
    transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.parent-dropdown:hover img {
    transform: rotate(180deg);
}
.parent-dropdown:hover {
    z-index: 1;
}
/*****mobile-menu*****/
.menu-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 75px;
    border: 1px solid #F9F8F6;
    padding: 11px 19px;
    color: #fff;
    font-family: 'MonaSansExpanded-Regular';
    font-size: 1.4rem;
    line-height: 24px;
    gap: 10px;
    position: relative;
    z-index: 99;
    cursor: pointer;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.menu-bar {
    position: relative;
    max-width: 15px;
    width: 100%;
    cursor: pointer;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.menu-bar div, .menu-bar::after, .menu-bar::before {
    display: block;
    background-color: #fff;
    content: '';
    height: 2px;
    margin: 3px auto 3px 0;
    width: 15px;
    border-radius: 20px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.menu-bar div {
    width: 70%;
}
.menu-btn.active .menu-bar  div {
    transform: scale(0);
}
.menu-btn.active .menu-bar:before {
    transform: translateY(4px) rotate(135deg);
}
.menu-btn.active .menu-bar:after {
    transform: translateY(-6px) rotate(-135deg);
}
.mobile-menu {
    position: fixed;
    right: 0;
    top: 0;
    height: 100vh;
    width: 40%;
    background-color: #1B1B1B;
    padding: 170px 40px 40px;
    z-index: 98;
    clip-path: inset(0 0 0 100%);
    pointer-events: none;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.mobile-menu-active {
    clip-path: inset(0 0 0 0);
    pointer-events: all;
}
.mobile-menu-wrap {
    height: 100%;
    overflow-y: auto;
}
.mobile-menu ul {
    margin-bottom: 0;
    list-style: none;
    padding: 0;
}
.mobile-menu > .mobile-menu-wrap > ul > li {
    margin-bottom: 20px;
    padding-left: 0;
    font-size: 2rem;
    display: table;
}
.mobile-menu > .mobile-menu-wrap > ul > li > a {
    color: #fff;
}
.mobile-menu > .mobile-menu-wrap > ul > li > a:hover {
    color: #A79E80;
}
.mobile-menu li.active {
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
	animation-fill-mode: both;
    -webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
    -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));
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}
.body-overlay {
    height: 100vh;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.3);
    opacity: 0;
    pointer-events: none;
    backdrop-filter: blur(5px);
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.body-overlay-active {
    opacity: 1;
    pointer-events: all;
}
.mobile-menu .parent-dropdown ul {
    left: 0;
    transform: translateX(0);
}
.mobile-menu .parent-dropdown ul li {
    font-size: 1.6rem;
}
/****fix-wp**/
.fix-wp {
    position: fixed;
    height: 52px;
    width: 52px;
    background-color: #25D366;
    border-radius: 100%;
    z-index: 98;
    bottom: 100px;
    right: 30px;
}
.fix-wp img {
    width: 26px;
}
.fix-wp a {
    display: block;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
/*****banner-sec***/
.banner-sec {
	position: relative;
}
.banner-sec::after {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.10) 100%);
    z-index: 1;
    pointer-events: none;
}
.banner-video, .each-banner {
	height: 976px;
}
.banner-video video {
    height: 100%;
    display: block;
    object-fit: cover;
}
.banner-slider {
	height: 100%;
}
.banner-sec .swiper-slide {
	height: auto;
}
.each-banner img {
	height: 100%;
	object-fit: cover;
}
.banner-content {
    position: absolute;
    left: 0;
    bottom: 80px;
    width: 100%;
	z-index: 1;
}
.banner-content p {
    margin: 14px 0 28px;
}
.banner-content .common-btn {
    margin: 0 10px;
}
/***counter-area***/
.counter-area {
    display: flex;
    gap: 15px;
    justify-content: space-between;
    max-width: 1260px;
    width: 100%;
    margin: 290px auto 0;
}
.each-counter {
    min-width: 195px;
    border-bottom: 3px solid #A79E80;
    padding-bottom: 4px;
}
.each-counter h2 strong {
    font-weight: normal;
}
.each-counter h6 {
    margin-top: 6px;
    line-height: 24px;
    letter-spacing: 0.32px;
    font-family: 'MonaSansExpanded-Regular';
}
/****product-sec****/
.product-heading {
    padding: 60px 0;
    position: relative;
    border-bottom: 1px solid rgba(242, 242, 242, 0.3);
}
.product-slider {
    padding: 81px 0 106px;
    position: relative;
}
.product-slider-wrap {
    position: relative;
}
.product-slider .swiper {
    border-radius: 10px;
}
.each-product-img {
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 10px;
}
.each-product-text {
    border-radius: 10px;
    background-color: #313131;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.each-product-text::after {
    content: "";
    height: 3px;
    width: 100%;
    background-color: #A79E80;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.each-product-top {
    padding: 16px 28px;
    position: relative;
    z-index: 1;
}
.each-product-price h5 {
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.each-product-model h5 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.each-product-price h5 strong {
    font-weight: normal;
    font-family: 'MonaSansExpanded-Regular';
    color: rgba(250, 250, 250, 0.80);
    letter-spacing: 0.32px;
    font-size: 1.6rem;
    display: block;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.each-product-model p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 1.4rem;
    margin-bottom: 0;
    margin-top: 10px;
}
.each-product-btm {
    border-top: 1px solid rgba(250, 250, 250, 0.1);
    position: relative;
    z-index: 1;
}
.each-product-btm td {
    padding: 10px 23px 20px;
    color: rgba(250, 250, 250, 0.60);
    font-family: 'MonaSansExpanded-Regular';
    font-size: 1.6rem;
    line-height: 24px;
    letter-spacing: 0.32px;
    border-right: 1px solid rgba(250, 250, 250, 0.1);
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.each-product-btm td:last-child {
    border-right: 0;
}
.each-product-btm td strong {
    display: block;
    font-weight: normal;
    color: #FAFAFA;
    font-family: 'MonaSansExpanded-Medium';
    margin-top: 2px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.each-product:hover .each-product-text::after {
    height: 100%;
}
.each-product:hover .each-product-btm td,
.each-product:hover .each-product-top h5 strong {
    color: rgba(28, 28, 28, 0.6);
}
.each-product:hover .each-product-btm td strong,
.each-product:hover .each-product-top h5 {
    color: #1C1C1C;
}
.product-slider .swiper-button-next {
    right: -40px;
}
.product-slider .swiper-button-prev {
    left: -40px;
}
.product-slider .common-arrow {
    top: 30%;
}
.product-slider .common-pagination {
    margin-top: 30px;
}
.product-line {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 80px;
    width: 56%;
    pointer-events: none;
}
.product-line span {
    display: block;
    background: linear-gradient(to bottom, rgba(242,242,242,0.15) 0%,rgba(241,241,241,0.14) 4%,rgba(248,248,248,0.14) 5%,rgba(248,248,248,0.14) 6%,rgba(240,240,240,0.14) 8%,rgba(247,247,247,0.14) 9%,rgba(240,240,240,0.14) 10%,rgba(247,247,247,0.14) 11%,rgba(240,240,240,0.14) 13%,rgba(247,247,247,0.14) 14%,rgba(247,247,247,0.14) 15%,rgba(239,239,239,0.14) 16%,rgba(247,247,247,0.14) 18%,rgba(246,246,246,0.14) 20%,rgba(238,238,238,0.14) 21%,rgba(246,246,246,0.14) 23%,rgba(237,237,237,0.14) 24%,rgba(237,237,237,0.14) 25%,rgba(246,246,246,0.14) 26%,rgba(237,237,237,0.14) 28%,rgba(236,236,236,0.14) 30%,rgba(245,245,245,0.14) 31%,rgba(235,235,235,0.14) 33%,rgba(235,235,235,0.14) 35%,rgba(244,244,244,0.14) 36%,rgba(244,244,244,0.13) 39%,rgba(233,233,233,0.13) 40%,rgba(243,243,243,0.13) 41%,rgba(243,243,243,0.12) 44%,rgba(231,231,231,0.12) 45%,rgba(242,242,242,0.12) 46%,rgba(239,239,239,0.09) 58%,rgba(255,255,255,0.09) 59%,rgba(238,238,238,0.09) 60%,rgba(238,238,238,0.09) 61%,rgba(255,255,255,0.09) 63%,rgba(237,237,237,0.09) 64%,rgba(255,255,255,0.09) 65%,rgba(255,255,255,0.09) 66%,rgba(234,234,234,0.08) 68%,rgba(255,255,255,0.08) 69%,rgba(255,255,255,0.08) 70%,rgba(232,232,232,0.08) 71%,rgba(255,255,255,0.07) 73%,rgba(229,229,229,0.07) 74%,rgba(227,227,227,0.06) 78%,rgba(255,255,255,0.06) 79%,rgba(255,255,255,0.04) 86%,rgba(204,204,204,0.03) 88%,rgba(255,255,255,0.03) 89%,rgba(191,191,191,0.03) 90%,rgba(255,255,255,0.03) 91%,rgba(255,255,255,0) 99%,rgba(0,0,0,0) 100%); 
    height: 100%;
    width: 1px;
}
.each-product-top .col-5 {
    width: 47%;
}
.each-product-top .col-7 {
    width: 53%;
}
.each-product-btm table {
    width: 100%;
}
.each-product:hover .each-product-model p {
    color: #1C1C1C;
}
/****service-sec***/
.service-sec {
    position: relative;
}
.service-wrap {
    border-radius: 10px;
    background-color: #fff;   
    overflow: hidden;
    padding: 84px 60px 60px;
    position: relative;
    border-top: 10px solid #A79E80;
}
.service-wrap::after {
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background-image: url(../images/service-patern.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    pointer-events: none;
}
.service-wrap .row {
    position: relative;
    z-index: 1;
}
.service-left h2 {
    color: #1C1C1C;
    margin-bottom: 12px;
}
.service-left p {
    color: #1C1C1C;
    margin-bottom: 33px;
}
.service-left img {
    border-radius: 10px;
}
.service-left {
    padding-right: 20px;
}
.service-right {
    max-width: 606px;
    width: 100%;
    margin-left: auto;
}
.each-service {
    display: flex;
    margin-bottom: 50px;
    position: relative;
}
.each-service:last-child {
    margin-bottom: 0;
}
.each-service-number {
    min-width: 80px;
    height: 80px;
    border: 1px solid #A79E80;
    background-color: #fff;
    border-radius: 100%;
    backdrop-filter: blur(50px);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 15px;
    margin-right: 47px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.each-service-number h5 {
    color: #000;
}
.each-service-text h3 {
    color: #1C1C1C;
}
.each-service-text p {
    color: #1C1C1C;
    margin: 10px 0 6px;
}
.each-service-text .txt-btn {
    opacity: 0;
    pointer-events: none;
}
.service-scroll-line {
    position: absolute;
    top: 95px;
    left: 40px;
    height: calc(100% - 30px);
    width: 2px;
    background-color: rgba(28, 28, 28, 0.15);
    z-index: -1;
}
.service-scroll-fill {
    display: block;
    background-color: #A79E80;
    width: 100%;
    height: 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.each-service:last-child .service-scroll-line {
    display: none;
}
.each-service-active .each-service-number {
    background-color: #A79E80;
}
.each-service-active .txt-btn {
    opacity: 1;
    pointer-events: all;
}
.service-right .common-btn {
    margin-left: 130px;
    margin-top: 40px;
}
.service-white-part {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background-color: #FAFAFA;
    z-index: -1;
}
.service-white-part span {
    background-color: rgba(28, 28, 28, 0.30);
}
/******about-us-sec*****/
.about-us-sec {
    position: relative;
    background-color: #FAFAFA;
    padding: 90px 0;
}
.about-us-sec .sec-line span {
    background-color: rgba(28, 28, 28, 0.3);
}
.about-heading {
    max-width: 637px;
    width: 100%;
    margin: 0 auto 50px;
}
.about-heading h2 {
    color: #1C1C1C;
}
.about-heading p {
    color: #1C1C1C;
    margin: 17px 0 22px;
}
.about-info .row {
    margin: 0 -5px;
    row-gap: 10px;
    justify-content: center;
}
.about-info .col-lg-3 {
    padding: 0 5px;
}
.each-about-info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 10px;
}
.about-info .col-lg-3:nth-child(odd) .each-about-info {
    flex-direction: column-reverse;
}
.each-about-info-img {
    border-radius: 10px;
    overflow: hidden;
}
.each-about-info-img img {
    height: 100%;
    object-fit: cover;
}
.each-about-info-text {
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    box-shadow:  0 4px 50px 10px rgba(0, 0, 0, 0.05);
    background-color: #fff;
    padding: 115px 24px 42px;
    position: relative;
}
.each-about-info-text-wrap {
    position: relative;
    z-index: 1;
}
.each-about-info-text::after {
    content: "";
    height: 3px;
    width: 100%;
    background-color: #A79E80;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.each-about-info-text::before {
    content: "";
    height: 36px;
    width: 36px;
    border: 1px solid #1C1C1C;
    border-radius: 100%;
    position: absolute;
    left: 24px;
    top: 40px;
    background-image: url(../images/plus.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 15px;
    opacity: 0.5;
    z-index: 1;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.each-about-info-text:hover::after {
    height: 100%;
}
.each-about-info-text:hover::before {
    opacity: 1;
}
.each-about-info-text h5 {
    color: #1C1C1C;
}
.each-about-info-text p {
    color: #1C1C1C;
    margin: 12px 0 0;
}
.about-us-mid-line {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 60%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    bottom: 0;
    pointer-events: none;
}
.about-us-mid-line span {
    background-color: rgba(28, 28, 28, 0.3);
    height: 100%;
    display: block;
    width: 1px;
}
.about-us-sec .container {
    position: relative;
    z-index: 1;
}
/****webshop-cta-sec***/
.webshop-cta-sec {
    padding: 44px 0;
    background-color: #A79E80;
}
.webshop-cta-sec h3 {
    color: #1C1C1C;
}
.webshop-cta-sec .common-btn:hover {
    background-color: #fff;
    color: #1B1B1B;
}
/****footer-area****/
.footer-area {
    position: relative;
    overflow-x: clip;
}
.footer-top {
    padding: 60px 0 74px;
    overflow: hidden;
}
.footer-logo {
    position: relative;
}
.footer-logo::after {
    content: "";
    width: 1px;
    background-color: rgba(255, 255, 255, 0.15);
    position: absolute;
    right: 0;
    height:100vw;
	margin-top:-50vw;
	top:50%;
}
.footer-logo img {
    width: 412px;
}
.footer-info {
    display: flex;
    column-gap: 116px;
    row-gap: 15px;
    flex-wrap: wrap;
    padding-left: 106px;
}
.each-footer-info h5 {
    margin-bottom: 8px;
}
.each-footer-info p {
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 0;
}
.each-footer-info p a {
    color: rgba(255, 255, 255, 0.7);
}
.each-footer-info p a:hover {
    color: #A79E80;
}
.each-footer-info td {
    color: rgba(255, 255, 255, 0.7);
    vertical-align: top;
}
.each-footer-info td:nth-child(odd) {
    padding-right: 23px;
}
.each-footer-info:last-child {
    width: 100%;
}
.footer-btm {
    position: relative;
    padding: 26px 0;
}
.footer-btm::before {
    content: "";
    height: 1px;
    background-color: rgba(255, 255, 255, 0.15);
    position: absolute;
    top: 0;
    width:100vw;
	margin-left:-50vw;
	left:50%;
}
.footer-privacy p {
    margin-bottom: 0;
}
.footer-privacy p a {
    color: rgba(255, 255, 255, 0.5);
}
.footer-privacy p a:hover {
    color: #A79E80;
}
.footer-social ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    justify-content: end;
    gap: 14px;
}
.footer-social li a {
    width: 35px;
    height: 35px;
    border-radius: 5px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    display: flex;
    justify-content: center;
    align-items: center;
}
.footer-social li a:hover {
    background-color: #A79E80;
    border-color: #A79E80;
}
.footer-area .sec-line span {
    background-color: rgba(255, 255, 255, 0.15);
}
/* Service Page Css Start */
.inner-each-banner-bg{
    position: relative;
    z-index: 1;
}
.inner-each-banner-img{
    width: 100%;
    height: 500px;
    position: relative;
}
.inner-each-banner-img img{
    height: 100%;
    object-fit: cover;
}
.inner-each-banner-img::after{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(28, 28, 28, 0.70) 0%, rgba(28, 28, 28, 0.70) 100%);
    top: 0;
    left: 0;
    pointer-events: none;
}
.inner-each-banner-heading {
    position: absolute;
    top: 53%;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
}
.service-listing-sec{
    background: #F2F2F2;
    position: relative;
    z-index: 1;
}
.service-listing-heading{
    padding-top: 71px;
    padding-bottom: 67px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
.service-listing-heading h2{
    color: #1C1C1C;
    margin-bottom: 10px;
}
.service-listing-heading p{
    color: #1C1C1C;
}
.service-listing-heading p:last-child{
    margin-bottom: 0;
}
.service-listing-sec .sec-line span{
    background-color: rgba(0, 0, 0, 0.3);
}
.service-listing-wrapper .each-service-list-item:nth-child(even){
    margin: 18px 0px;
}
.service-listing-wrapper .each-service-list-item:nth-child(even):last-child{
    margin-bottom: 0;
}
.service-listing-wrapper {
    max-width: 1140px;
    margin: 0 auto;
    padding-top: 50px;
    padding-bottom: 52px;
}
.each-service-item{
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    overflow: hidden;
    transition: 0.5s ease-in-out;
}
.each-service-item::after{
    position: absolute;
    content: "";
    background: linear-gradient(0deg, rgba(28, 28, 28, 0.80) 0%, rgba(28, 28, 28, 0.80) 100%);
    width: 100%;
    height: 100%;
    left: 0;
    bottom: -100%;
    opacity: 0;
    transition: 0.5s ease-in-out;
    pointer-events: none;
    z-index: 1;
}
.each-service-img{
    height: 384px;
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.each-service-img::after{
    position: absolute;
    content: "";
    background: linear-gradient(0deg, rgba(28, 28, 28, 0.20) 0%, rgba(28, 28, 28, 0.20) 100%);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    pointer-events: none;
}
.each-service-img img{
    object-fit: cover;
    height: 100%;
}
.each-service-content{
    position: absolute;
    bottom: 46px;
    left: 88px;
    z-index: 1;
    max-width: 540px;
    z-index: 2;
}
.each-service-content p{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: 0.5s ease-in-out;
    max-height: 0;
    margin: 0;
}
.each-service-list-item .each-service {
    display: flex;
    margin-bottom: 0px;
    position: relative;
    align-items: center;
}
.each-service-list-item .each-service-number {
    margin-top: 0;
    margin-right: 66px;
}
.each-service-item .txt-btn {
    color: #fff;
    text-decoration: none;
    text-transform: lowercase;
    position: relative;
    z-index: 1;
    max-width: 100px;
    transition: 0.5s ease-in-out;
}
.each-service-item .txt-btn::after {
    position: absolute;
    content: "";
    background-image: url(../images/lees-meer-arrow.svg);
    background-repeat: no-repeat;
    background-position: right;
    width: 15px;
    height: 12px;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: 0.5s ease-in-out;
}
.each-service-content h3{
    margin-bottom: 6px;
    transition: 0.5s ease-in-out;
}
.each-service-item:hover::after{
    opacity: 1;
    bottom: 0;
}
.each-service-item:hover .each-service-content p{
    max-height: 60px;
    margin-bottom: 41px;
}
.each-service-item:hover .txt-btn::after{
    right: 10px;
    transform: translateY(-50%) rotate(-55deg);
}
.each-service-list-item .each-service:last-child .service-scroll-line{
    display: block;
}
.service-listing-wrapper .each-service-list-item:last-child .each-service .service-scroll-line{
    display: none;
}
.each-service-list-item .service-scroll-line {
    top: 52%;
}
/* Service Page Css End */
/* Service Detail Page Css Start */
.prev-btn-ad {
    position: relative;
    z-index: 1;
    top: 285px;
    left: 60px;
}
.inner-service-detail-sec {
    position: relative;
    padding-top: 136px;
    padding-bottom: 111px;
}
.service-detail-content-box {
    background-color: #313131;
    border-radius: 10px;
    height: 100%;
    padding: 200px 40px 62px;
}
.service-detail-content h2{
    margin-bottom: 20px;
}
.service-detail-content p:last-child{
    margin-bottom: 0;
}
.service-detail-img-box{
    height: 100%;
    width: 100%;
}
.service-detail-img{
    overflow: hidden;
    border-radius: 10px;
    height: 100%;
    width: 100%;
}
.service-detail-img img{
    object-fit: cover;
    height: 100%;
}
.inner-service-detail-sec .row{
    --bs-gutter-x: 20px;
    --bs-gutter-y: 20px;
    padding: 0px 20px;
}
.service-detail-box-sec{
    background-color: #313131;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.service-detail-box-wrap{
    width: 100vw;
    margin-left: -50vw;
    left: 50%;
    position: relative;
}
.service-detail-box-wrap table{
    width: 100%;
}
.service-detail-box-wrap table tbody tr {
    position: relative;
    z-index: 1;
    width: 100%;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    padding-top: 163px;
    padding-bottom: 458px;
}
.service-detail-box-wrap table tbody tr::after{
    content: "";
    height: 8px;
    width: 100%;
    background-color: #A79E80;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    z-index: -1;
}
.service-detail-box-wrap table tbody tr:hover::after{
    height: 100%;
}
.service-detail-box-wrap table tbody {
    display: flex;
}
.service-detail-box-wrap table tbody tr td {
    position: relative;
    z-index: 1;
    max-width: 410px;
    margin: 0 auto;
    display: flex;
    align-items: start;
    flex-direction: column;
}
.service-detail-box-wrap table tbody tr td::before {
    content: "";
    height: 36px;
    width: 36px;
    border: 1px solid #fff;
    border-radius: 100%;
    position: absolute;
    left: 0px;
    top: -70px;
    background-image: url(../images/service-detail-box-icon.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 13px;
    opacity: 1;
    z-index: 1;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.service-detail-box-wrap table tbody tr td h5{
    margin-bottom: 12px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.service-detail-box-wrap table tbody tr td p:last-child{
    margin-bottom: 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.service-detail-box-wrap table tbody tr:hover h5{
    color: #1C1C1C;
}
.service-detail-box-wrap table tbody tr:hover p{
    color: #1C1C1C;
}
.service-detail-box-wrap table tbody tr:hover td::before{
    border: 1px solid #1C1C1C;
    filter: brightness(0) saturate(100%) invert(10%) sepia(0%) saturate(1350%) hue-rotate(147deg) brightness(97%) contrast(96%);
}
.form-sec {
    position: relative;
    z-index: 1;
    margin-top: -375px;
}
.form-wrap {
    border-radius: 10px;
    background-color: #fff;   
    overflow: hidden;
    padding: 70px;
    position: relative;
    box-shadow: 0 4px 50px 10px rgba(0, 0, 0, 0.05);
    margin-bottom: -1px;
}
.form-wrap::after {
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background-image: url(../images/service-patern.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    pointer-events: none;
}
.form-info-heading h2{
    color: #1C1C1C;
}
.contact-form-info h5{
    color: #1C1C1C;
    margin-bottom: 6px;
}
.contact-form-info p a{
    color: #1C1C1C;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.contact-form-info p a:hover{
    color: #A79E80;
}
.contact-form-info p:last-child{
    margin-bottom: 0;
}
.contact-form-info table tr td{
    color: #1C1C1C;
    display: block;
}
.contact-form-info tr {
    display: flex;
    align-items: center;
}
.form-info-wrap .contact-form-info:nth-child(even){
    margin: 50px 0px;
}
.form-info-wrap .contact-form-info:nth-child(even):last-child{
    margin-bottom: 0;
}
.contact-form-btn{
    margin-top: 57px;
}
.contact-form-btn .common-btn{
    border: 1px solid #A79E80;
    color: #1C1C1C;
    padding: 8px 14px;
}
.contact-form-btn .common-btn:first-child{
    margin-right: 35px;
}
.contact-form-btn .icon-btn{
    position: relative;
    z-index: 1;
    padding: 8px 14px 8px 36px;
}
.contact-form-btn .icon-btn::after {
    position: absolute;
    content: "";
    background-image: url(../images/whatsapp-icon.svg);
    background-repeat: no-repeat;
    background-position: left;
    width: 100%;
    height: 100%;
    left: 14px;
    top: -1px;
    pointer-events: none;
}
.form-wrap-group {
    background-color: #F4F4F4;
    border-radius: 10px;
    padding: 53px 47px;
    position: relative;
    z-index: 1;
    max-width: 838px;
    margin-left: auto;
}
.form-group{
    margin-bottom: 12px;
}
.form-wrap-group .row{
    margin: 0px -6px;
}
.form-wrap-group .col-lg-6,
.form-wrap-group .col-lg-12{
    padding: 0px 6px;
}
.form-style{
    width: 100%;
    height: 100%;
    color: #1C1C1C;
    font-size: 1.4rem;
    line-height: 24px; 
    border-radius: 10px;
    background-color: transparent;
    border: 1px solid rgba(28, 28, 28, 0.50);
    outline: none;
    padding: 13px 20px;
}
textarea.form-style{
    height: 156px;
}
.form-control:focus {
    color: #1C1C1C;
    background-color: transparent;
    border-color: rgba(28, 28, 28, 0.50);;
    outline: 0;
    box-shadow: none;
}
.form-style::placeholder{
    color: rgba(28, 28, 28, 0.50);
    opacity: 1;
}
.form-style:focus::placeholder{
    color: #1C1C1C;
}
.form-wrap-group .common-btn {
    border: 1px solid #1C1C1C;
    color: #1C1C1C;
    background-color: transparent;
    padding: 12px 20px;
    margin-top: 14px;
}
.form-wrap-group .common-btn:hover{
    background-color: #A79E80;
    border: 1px solid #A79E80;
}
.form-wrap-group h2{
    color: #1C1C1C;
    margin-bottom: 14px;
}
.form-wrap-group p{
    margin-bottom: 42px;
    color: #1C1C1C;
}
.related-service-sec{
    background-color: #FAFAFA;
    padding-top: 94px;
    padding-bottom: 85px;
    position: relative;
}
.each-service-item-box .each-service-img::after{
    display: none;
}
.each-service-item-box .each-service-content {
    bottom: 46px;
    left: 40px;
}
.related-service-heading h2{
    text-align: center;
    color: #1C1C1C;
    margin-bottom: 58px;
}
.related-service-sec .sec-line span{
    background-color: rgba(28, 28, 28, 0.30);
}
/* Service Detail Page Css End */
/* Over Ons Page Css Start */
.over-ons-sec{
    background-color: #1C1C1C;
    padding-top: 98px;
    padding-bottom: 148px;
    position: relative;
    z-index: 1;
}
.over-ons-sec .row:nth-child(even){
    flex-direction: row-reverse;
    padding: 37px 0;
}
.over-ons-sec .row:nth-child(even):last-child{
    margin-bottom: 0;
}
.over-ons-img{
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.40);
}
.over-ons-sec .row{
    --bs-gutter-x: 73px;
}
.over-ons-content h2{
    margin-bottom: 36px;
}
.over-ons-sec p:last-child{
    margin-bottom: 0;
}
.our-team-sec{
    background-color: #F2F2F2;
    position: relative;
    z-index: 1;
    padding-top: 88px;
    padding-bottom: 95px;
}
.our-team-heading{
    text-align: center;
    max-width: 950px;
    margin: 0 auto;
    margin-bottom: 65px;
}
.our-team-heading h2{
    color: #1C1C1C;
    margin-bottom: 16px;
}
.our-team-heading p{
    color: #1C1C1C;
    margin-bottom: 0;
}
.our-team-item{
    border-radius: 10px;
    overflow: hidden;
    transition: 0.5s ease-in-out;
}
.our-member-info{
    background-color: #1C1C1C;
    padding: 15px 32px;
    transition: 0.5s ease-in-out;
}
.our-member-img{
    height: 350px;
    width: 100%;
}
.our-member-img img{
    object-fit: cover;
    height: 100%;
}
.our-member-info h5{
    margin-bottom: 3px;
}
.our-member-info p{
    margin-bottom: 0;
    color: rgba(255, 255, 255, 0.70);
    line-height: normal;
    letter-spacing: 0;
}
.our-team-item:hover .our-member-info{
    background: #A79E80;
}
.our-team-button .swiper-button-next{
    right: -35px;
    top: 175px;
}
.our-team-button .swiper-button-prev{
    left: -35px;
    top: 175px;
}
.our-team-slider .common-arrow:hover img {
    filter: brightness(1) invert(0);
}
.our-team-sec .sec-line span {
    background-color: rgba(28, 28, 28, 0.30);;
}
.our-team-counter-sec{
    padding: 68px 0px;
    position: relative;
    z-index: 1;
}
.our-team-counter-sec::after{
    position: absolute;
    content: "";
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.80) 0%, rgba(0, 0, 0, 0.80) 100%);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    pointer-events: none;
}
.team-counter-info{
    text-align: center;
}
.our-team-counter-sec .row{
    position: relative;
    z-index: 1;
}
.our-team-counter-sec .row::after {
    position: absolute;
    content: "";
    background-color: rgba(255, 255, 255, 0.15);
    width: 68%;
    height: 2px;
    left: 50%;
    top: 75%;
    transform: translate(-50%, -50%);
    z-index: -1;
}
.team-counter-info h3 strong{
    font-weight: normal;
}
.team-counter-info h5{
    margin-bottom: 15px;
}
.team-counter-icon {
    border-radius: 83px;
    background: #A79E80;
    width: 83px;
    height: 83px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}
/* Over Ons Page Css End */
/* Contact Page Css Start */
.contact-map-sec{
    position: relative;
}
.contact-map-bg{
    height: 500px;
    width: 100%;
}
.conatct-form-sec {
    background-color: #F2F2F2;
    margin-top: -124px;
}
.contact-about-sec{
    background-color: #F2F2F2;
    padding-top: 152px;
    padding-bottom: 133px;
}
.contact-about-img{
    border-radius: 10px;
    overflow: hidden;
}
.contact-about-heading h2{
    color: #1C1C1C;
    margin-bottom: 36px;
}
.contact-about-heading p{
    color: #1C1C1C;
    margin-bottom: 50px;
}
.contact-about-heading p:last-child{
    margin-bottom: 0;
}
.contact-about-heading{
    max-width: 561px;
}
/* Contact Page Css End */
/* -------------- POPUP START HERE -------------- */
.modal-area .modal-dialog {
    max-width: 1083px;
    margin: 8% auto 0;
}
.modal-area .modal {
    background: rgba(28, 28, 28, 0.60);
}
.modal-area .modal-content {
    position: relative;
    background: #fff;
    border-radius: 10px;
    border: none;
}
.modal-area .modal-content .popup-content {
    padding: 20px 83px;
    position: relative;
    border-radius: 0px 10px 10px 0px;
    z-index: 1;
    overflow: hidden;
}
.modal-area .modal-content .popup-content::after{
    position: absolute;
    content: "";
    background-image: url(../images/pop-up-content-layer.svg);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}
.modal-area .modal-content .col-lg-5 {
    width: 45.9%;;
}
.modal-area .modal-content .col-lg-7 {
    width: 54.1%;
}
.modal-area .pop-up-image {
    height: 100%;
    border-radius: 10px 0px 0px 10px;
    overflow: hidden;
}
.modal-area .pop-up-image img {
    height: 100%;
    object-fit: cover;
}
.close-img {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 1;
    width: 42px;
    height: 42px;
    background-color: #111111;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    z-index: 3;
    display: none;
}
.close-img img {
    width: 16.196px;
    height: 15.394px;
}
.modal-area .popup-content img {
    max-width: 212px;
}
.modal-area .popup-content p {
    color: #1C1C1C;
    margin-top: 28px;
    margin-bottom: 37px;
}
.modal-area .popup-content p:last-child {
    margin-bottom: 0;
}
/* -------------- POPUP END HERE -------------- */
/* Thank You Page Start Here */
.thank-you-sec::after{
    background: linear-gradient(0deg, rgba(28, 28, 28, 0.70) 0%, rgba(28, 28, 28, 0.70) 100%);
}
.thank-you-sec .banner-content {
    bottom: unset;
    top: 55%;
    z-index: 2;
    transform: translateY(-50%);
}
.banner-info h1{
    margin-bottom: 34px;
}
.thank-you-sec .sec-line {
    z-index: 2;
}
/* Thank You Page End Here */
/* Verkocht Page Start Here */
.verkocht-sec {
    padding-top: 184px;
    padding-bottom: 123px;
}
.verkocht-sec .row{
    --bs-gutter-x: 13px;
    --bs-gutter-y: 13px;
}
.verkocht-heading{
    margin-bottom: 58px;
    text-align: center;
}
.verkocht-sec .each-product-price {
    margin-top: 0;
}
/* Verkocht Page End Here */
/* Aanbod List Page Start Here*/
.aanbod-filter-sec-active{
    position: relative;
    z-index: 999;
}
.aanbod-filter-sec {
    padding-top: 155px;
    padding-bottom: 57px;
}
.aanbod-filter-sec .filter-main .col-lg-3 {
	width: 25%;
    /* border-right: 1px solid rgba(255, 255, 255, 0.2);
    padding: 0px 10px; */
}
.aanbod-filter-sec .filter-main .transmissie-filter{
    border-right: 0px;
}
.aanbod-filter-sec .filter-content {
	background: #313131;
}
 .filter-left-area {
    max-width: 860px;
}
.filter-main {
	margin-bottom: 20px;
}
.filter-reset a {
	color: #A79E80;
    font-size: 14px;
}
.filter-reset img {
	width: 9px;
	margin-left: 5px;
	margin-bottom: 2px;
	filter: brightness(100) invert(1);
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.filter-reset a:hover {
	color: #fff;
}
.filter-reset a:hover img {
	filter: invert(59%) sepia(17%) saturate(644%) hue-rotate(113deg) brightness(92%) contrast(91%);
}
.select-style {
    width: 100%;
    color: #FFFFFF;
    font-size: 1.6rem;
    font-family: 'MonaSansExpanded-Regular';
    line-height: normal;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    padding: 8px 10px;
    background: url(../images/filter-arrow.svg) no-repeat 95% center / 10px;
    background-size: 9px;
    appearance: none;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    cursor: default;
    position: relative;
    z-index: 1;
    border-radius: 0px;
    transition: unset;
}
.transmissie-filter .select-style{
    border-right: 0px;
}
.select-style.show {
	color: #A79E80;;
    background: url(../images/filter-arrow-show.svg) no-repeat 100% center/10px;
    background-size: 9px;
}
.select-style:hover {
    color: #A79E80;
    background: url(../images/filter-arrow-show.svg) no-repeat 100% center/10px;
    background-size: 9px;
}
.filter-sort .select-style {
    border: 1px solid #fff;
    color: #FFFFFF;
    background: url(../images/filter-arrow.svg) no-repeat 95% center/10px;
    background: none;
    border-radius: 50px;
    padding: 12px 18px;
    text-align: center;
}
.filter-sort .select-style:hover {
	color: #FFF;
    background-color: #C2B280;
    border: 1px solid #C2B280;
}
.filter-sort .select-style.show {
    color: #fff;
    background: url(../images/filter-arrow.svg) no-repeat 95% center/10px;
    background: none;
    border-radius: 5px 5px 0px 0px;
     border: 1px solid #C2B280;
}
.filter-main {
	margin-bottom: 30px;
}
.filter-sort .aanbod-filter {
    width: 200px;
}
.filter-main option {
	background-color: #1C1C1C;
}
.filter-content {
	display: none;
	background-color: #1C1C1C;
	padding: 10px 10px 15px;
	z-index: 2;
	border: 1px solid rgba(255, 255, 255, 0.06);
	border-top: 0;
	border-radius: 0 0 5px 5px;
	margin-top: -5px !important;
	cursor: default;
	max-height: 230px;
	overflow-y: auto;
	z-index: 999;
}
.filter-content::-webkit-scrollbar {
	background-color: #dbdbdb;
	width: 10px;
}
.filter-content::-webkit-scrollbar-thumb {
	background-color: #999999;
}
.filter-content.show-div {
	display: block;
}
.aanbod-filter-sec label {
	color: #fff;
	margin-bottom: 10px;
	display: block;
	width: 100%;
	z-index: 2;
	font-size: 1.2rem;
	cursor: pointer;
}
.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: 13px;
	height: 13px;
	vertical-align: middle;
	margin-top: -3px;
	margin-right: 8px;
	box-shadow: none;
	border: 1px solid #A79E80;
	background-color: transparent;
	border-radius: 3px;
}
.aanbod-filter-sec .form-check-input:checked {
	background-color: #A79E80;
	border-color: #A79E80;
}
.auto-overview-tag {
	margin-right: 5px;
	padding: 5px 14px;
	cursor: pointer;
	transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
	color: #fff;
	border-radius: 5px;
	background-color: #A79E80;
	font-size: 1.4rem;
}
.cross-btn {
	width: 9px;
	transition: 0.3s ease-in-out;
}
.auto-overview-tag:hover {
	background-color: #313131;
	color: #FFF;
}
/* .auto-overview-tag:hover .cross-btn {
	filter: brightness(0) invert(1);
} */
.filter-main .col-lg-3 {
	width: 16.6%;
}
.total_search_records {
	margin-top: 30px;
}
.mobile-show-filter {
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    top: 94px;
    background-color: #1C1C1C;
    width: 100%;
    z-index: 5;
    margin-top: 0;
    padding: 12px 10px 12px;
    border-bottom: 1px solid #ffffff59;
}
.mobile-show-filter .common-btn {
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	background-color: #A79E80;
	border-color: #A79E80;
}
.mobile-show-filter .common-btn:hover {
	background-color: transparent;
	border-color: #fff;
	color: #fff;
}
.filter-count {
	min-width: 20px;
	height: 20px;
	background-color: #fff;
	border-radius: 100%;
	color: #14112C;
	border: 1px solid #fff;
	margin-left: 12px;
	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: 2;
	background-color: #A79E80;
}
.mobile-filter-close span {
	max-width: 32px;
	width: 100%;
	height: 32px;
	background-color: #1C1C1C;
	border-radius: 50%;
	margin-left: auto;
}
.mobile-filter-close span img {
	width: 20px;
	filter: invert(1);
	-webkit-filter: invert(1);
}
.auto-overview-filter-result .common-btn {
	margin-top: 0;
	background-color: #1C1C1C;
	border-color:#1C1C1C;
	color: #fff;
	padding: 10px;
	border-radius: 5px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.auto-overview-filter-result h4 {
	font-size: 1.6rem;
	color: #fff;
}
.auto-overview-filter-result .common-btn:hover {
	background-color: #fff;
	border-color: #fff;
	color: #14112C;
}
.cursor-pointer {
	cursor: pointer;
}
.filter-sort h6 {
	margin-right: 10px;
	color: rgba(249, 248, 246, 0.7);
	font-family: 'DMSans-Regular';
	text-transform: none;
	letter-spacing: normal;
}
.filter-sort .col-lg-3 {
	margin-bottom: 0;
	width: 200px;
}
.model-filter .form-check-input {
	display: none;
}
.sorteren_op-filter .form-check-input {
	display: none;
}
.radio_filter .form-check-input {
	display: none;
}
.filter-sort-right {
	display: flex;
	align-items: center;
	justify-content: end;
	column-gap: 15px;
}
/* aanbod-list-sec */
.aanbod-list-sec{
    padding-bottom: 99px;
}
.aanbod-list-sec .row{
    --bs-gutter-x: 13px;
    --bs-gutter-y: 13px;
}
.aanbod-detail-info-price h2 {
    font-size: 3.5rem;
}
/* Aanbod List Page End Here*/
/* Aanbod Detail Page Start Here*/
.prev-btn-sec{
  position: relative;
    z-index: 2;
}
.aanbod-detail-sec {
    padding-top: 92px;
    padding-bottom: 56px;
    position: relative;
    z-index: 1;
    border-bottom: 1px solid rgba(242, 242, 242, 0.30);
}
.aanbod-detail-left-slider .swiper-slide{
    height: auto !important;
}
.aanbod-detail-left-img{
    border-radius: 10px;
    overflow: hidden;
    width: 100%;
    height: 100%;
}
.aanbod-detail-left-item {
    height: 100%;
}
.aanbod-detail-left-img img{
    object-fit: cover;
    height: 100%;
}
.aanbod-detail-prev-btn {
    display: flex;
    justify-content: end;
    position: relative;
    top: 151px;
}
.aanbod-detail-heading h3{
    margin-bottom: 11px;
}
.aanbod-detail-heading p{
    color: rgba(255, 255, 255, 0.50);
    margin-bottom: 0;
}
.aanbod-detail-heading {
    margin-bottom: 26px;
    padding-right: 235px;
}
.aanbod-detail-right-img{
    border-radius: 10px;
    overflow: hidden;
    height: 100%;
}
.aanbod-detail-right-img img{
    height: 100%;
    object-fit: cover;
}
.aanbod-detail-right-item{
    height: 100%;
}
.aanbod-detail-right-slider{
    height: 678px;
    position: relative;
    z-index: 1;
}
.aanbod-detail-right-slider::after {
    position: absolute;
    content: "";
    background: linear-gradient(180deg, rgba(27, 27, 27, 0.00) 0%, #1B1B1B 96.49%);
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 94px;
    z-index: 1;
}
.aanbod-detail-right-slider .swiper {
    height: 100%;
    position: relative;
    z-index: 1;
}
.aanbod-detail-slider .row{
    --bs-gutter-x: 10px;
    --bs-gutter-y: 0;
}
.aanbod-detail-right-slider .common-arrow {
    height: unset;
    width: unset;
    border-radius: unset;
    border: 0px;
    background-color: transparent;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.aanbod-detail-right-slider .common-arrow img{
    width: 24px;
    height: 24px;
}
.aanbod-slider-right-button .swiper-button-next.common-arrow {
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
    top: unset;
    z-index: 9;
}
.aanbod-slider-right-button .swiper-button-prev.common-arrow {
    position: absolute;
    bottom: unset;
    left: 50%;
    transform: translateX(-50%);
    top: 0px;
    z-index: 9;
    display: block;
}
.aanbod-slider-left-button{
    display: none;
}
.aanbod-detail-slider{
    padding-bottom: 70px;
}
.aanbod-detail-right-slider .swiper-scrollbar {
    background: rgba(255, 255, 255, 0.40);
    transform: rotate(0deg);
    position: absolute;
    top: 0;
    right: -21px;
    z-index: 0;
    height: 100%;
    width: 2px;
    cursor: grab;
}
 .aanbod-detail-right-slider .swiper-scrollbar-drag {
    background: #FFF;
}
.aanbod-detail-slider .row .col-lg-9 {
    width: 70.8%;
}
.aanbod-detail-slider .row .col-lg-3 {
    width: 29.2%;
}
.aanbod-detail-right-slider {
    max-width: 384px;
}
.aanbod-detail-info-area table{
    width: 100%;
}
.aanbod-detail-info-area table tbody{
    width: 100%;
}
.aanbod-detail-info-area table tbody tr td{
    display: flex;
    gap: 20px;
    align-items: center;
}
.aanbod-detail-info-area table tbody tr{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.aanbod-detail-info-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 37px;
}
.aanbod-detail-info-price h5{
    color: #828282;
}
.aanbod-detail-info-price h5 strong {
    color: #C2B280;
    font-weight: normal;
}
.aanbod-detail-info-btn .common-btn{
    background-color: transparent;
    padding: 12px 20px;
    border-color: #A79E80;
    color: #1C1C1C;
    background: #A79E80;
}
.aanbod-detail-info-btn .common-btn:hover{
    background: transparent;
    color: #fff;
    border-color: #fff;
}
.aanbod-detail-info-btn{
    display: flex;
    gap: 15px;
    align-items: center;
}
.dtl-contact-area {
    display: flex;
    align-items: center;
    gap: 27px;
    background-color: #313131;
    border-radius: 10px;
    padding: 20px;
}
.dtl-contact-img{
    min-width: 124px;
    height: 97px;
    border-radius: 5px;
    overflow: hidden;
}
.dtl-contact-content {
    width: 100%;
}
.dtl-contact-img img{
    height: 100%;
    object-fit: cover;
    object-position: top;
}
.dtl-contact-content h6{
    margin-bottom: 6px;
}
.dtl-contact-content a{
    color: rgba(255, 255, 255, 0.60);
    line-height: 24px;
    transition: 0.5s ease-in-out;
}
.dtl-contact-content a:hover{
    color: #C2B280;
}
.dtl-contact-content ul{
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 15px;
}
.dtl-contact-content ul li{
    list-style: none;
    position: relative;
    z-index: 1;
}
.dtl-contact-content ul li:last-child::after {
    position: absolute;
    content: "";
    background-color: rgba(255, 255, 255, 0.60);
    left: -8px;
    top: 50%;
    width: 2px;
    height: 16px;
    transform: translateY(-50%);
}
.dtl-contact-content ul li a{
    color: rgba(255, 255, 255, 0.60);
    line-height: 24px;
}
.aanbod-detail-info-wrapper .row .col-xl-8{
    width: 62%;
}
.aanbod-detail-info-wrapper .row .col-xl-4{
    width: 38%;
}
.aanbod-detail-info-wrapper .row{
    --bs-gutter-x: 86px;
    --bs-gutter-y: 0;
}
#planning_widget_btn .arrow img {
    width: 10px;
    position: relative;
    top: 5px;
    right: -6px;
}
/* dtl-tab-sec */
.dtl-tab-sec {
    padding-top: 80px;
    padding-bottom: 108px;
}
.dtl-tab-sec .tab-btn .nav-tabs {
    column-gap: 15px;
    margin-bottom: 72px;
    border: 0;
    justify-content: center;
}
.tab-btn .tabs {
    flex-wrap: wrap;
    display: flex;
    justify-content: left;
    column-gap: 14px;
    row-gap: 14px;
    padding: 0;
    overflow: hidden;
    margin-bottom: 38px;
    position: relative;
}
.tab-btn .tabs li.active {
    background-color: transparent;
    opacity: 1;
    position: relative;
}
.tab-btn ul.tabs li {
    position: relative;
    display: inline-block;
    word-break: break-word;
    cursor: pointer;
    margin-bottom: 0;
    text-transform: none;
    font-size: 1.4rem;
    line-height: normal;
    border: 1px solid #FFFFFF;
    border-radius: 50px;
    padding: 15px 20px;
    color: #FFFFFF;
    min-width: 203px;
    text-align: center;
    transition: 0.2s ease-in-out;
}
.tab-btn ul.tabs li:hover{
    color: #1C1C1C;
    border: 1px solid #A79E80;
    background: #A79E80;
}
.tab-btn ul.tabs li:hover::after{
    filter: brightness(1) invert(1);
}
.tab-btn .tabs li.active {
    color: #1C1C1C;
    border: 1px solid #A79E80;
    background: #A79E80;
}
.tab-btn .tabs li.active::after {
    transform: rotate(90deg);
    opacity: 1;
    filter: brightness(1) invert(1);
}
.tabs li::after {
    display: inline-block;
    content: url(../images/tab_arrow.svg);
    position: relative;
    top: 0;
    left: 9px;
    background-color: transparent;
    width: 9px;
    height: auto;
    background-image: none;
    filter: brightness(1);
}
/****tab-content****/
.tab_content {
    display: none;
}
.tab_drawer_heading {
    display: none;
}
.kenmerken-tab ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0;
    column-gap: 20px;
    row-gap: 20px;
}
.kenmerken-tab li {
    width: 32.3%;
    padding: 18px 34px 18px 21px;
    position: relative;
    line-height: 24px;
    font-size: 1.4rem;
    display: flex;
    justify-content: space-between;
    column-gap: 10px;
    border-radius: 5px;
    border: 1px solid #1F1F1F;
    background-color: #1F1F1F;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    color: rgba(255, 255, 255, 0.70);
}
.kenmerken-tab li::after {
    display: none;
}
.kenmerken-tab li:nth-child(1) {
    width: 49%;
}
.kenmerken-tab li:nth-child(2) {
    width: 49%;
}
.kenmerken-tab li:nth-child(6) {
    width: 23.8%;
}
.kenmerken-tab li:nth-child(7) {
    width: 23.8%;
}
.kenmerken-tab li:nth-child(8) {
    width: 23.8%;
}
.kenmerken-tab li:nth-child(9) {
    width: 23.8%;
}
.kenmerken-tab li strong {
    display: block;
    color: #FFF;
    text-align: right;
    font-weight: normal;
}
.kenmerken-tab{
    overflow: hidden;
}
.bullet-panel h4 {
    border-bottom: 1.5px solid #A79E80;
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-size: 2.4rem;
    line-height: 32px;
}
.dtl-tab-sec .tab-content .tab-pane .tab_hedaing {
    padding-bottom: 20px;
}
.bullet-panel {
    margin-bottom: 20px;
}
.dtl-tab-sec .bullet-panel ul {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0;
}
.dtl-tab-sec .bullet-panel ul li {
    padding-left: 20px;
    position: relative;
    margin-bottom: 10px;
}
.dtl-tab-sec .bullet-panel li:after {
    background-size: 8px;
    position: absolute;
    top: 8px;
    left: 0;
    content: '';
    width: 8px;
    height: 8px;
    background-color: #A79E80;
    border-radius: 50px;
    background-repeat: no-repeat;
}
.left-bg-block {
    width: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #A79E80;
    font-size: 1.6rem;
    line-height: 24px;
}
.block-dtls {
    width: calc(100% - 140px);
    border: 1px solid #A79E80;
    border-left: 0;
    padding: 20px 15px 5px;
    min-height: 200px;
}
.left-bg-block h6 {
    line-height: 20px;
    font-size: 1.6rem;
    text-transform: none;
    color: #fff;
}
.each-onderhoud-block h4 {
    text-transform: none;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 20px;
}
.each-onderhoud-block h5 {
    margin: 8px 0 25px;
    font-size: 1.6rem;
    text-transform: none;
    color: #fff;
}
.each-onderhoud-block {
    display: flex;
    margin-bottom: 20px;
}
.tab-btm-btn{
    text-align: left;
    color: #FFF;
    cursor: pointer;
    margin-top: 34px;
    font-size: 1.4rem;
    line-height: normal;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.tab-btm-btn:hover{
    color: #A79E80;
}
/****show-popup****/
.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(9, 10, 14, 0.60);
    backdrop-filter: blur(12px);
    top: 0;
    left: 0;
    z-index: 100;
}
.tab-popup-area {
    border-radius: 8px;
    background: #090A0E;
    position: relative;
    z-index: 101;
    margin: auto auto;
    padding: 50px;
    width: 100%;
    height: 75vh;
    border: 1px solid #A79E80;
    overflow: hidden;
    box-shadow: 0px 0px 25px 0px rgba(172, 212, 0, 0.05);
    -webkit-box-shadow: 0px 0px 25px 0px rgba(172, 212, 0, 0.05);
    max-width: 93%;
}
.popup-cross{
    background: #121212;
    width: 45px;
    height: 45px;
    display: flex;
    position: absolute;
    justify-content: center;
    align-items: center;
    top: 20px;
    right: 20px;
    border-radius: 100%;
    cursor: pointer;
    border: 1px solid #fff;
}
.tab-popup-content {
    overflow: scroll;
    overflow-x: hidden;
    padding-right: 20px;
    height: calc(100% - 116px) !important;
}
.tab-popup-content ul{
    margin-bottom: 33px;
    padding: 0;
}
.tab-popup-content ul:last-child{
    margin-bottom: 0;
}
.popup-cross img{
    width: 16px;
}
.tab-popup-area h3{
    line-height: normal;
    margin-bottom: 20px;
    font-size: 2.8rem;
    color: #fff;
    text-transform: capitalize;
}
.tab-popup-area p{
    color: rgba(255, 255, 255, 0.50);
    line-height: normal;
    padding-bottom: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0;
}
.tab-popup-content h4{
    color: #fff;
    line-height: 56px;
    margin-bottom: 20px;
    font-size: 2rem;
}
.tab-popup-content li {
    display: flex;
    justify-content: space-between;
    border-bottom: 1.5px solid rgba(255, 255, 255, 0.15);
    line-height: 30px;
    color: #fff;
    padding: 6px 0;
    flex-wrap: wrap;
    padding-left: 0;
}
.tab-popup-content li::after{
    display: none;
}
.tab-popup-content li strong{
    width: 50%;
    font-weight: normal;
    color: rgba(255, 255, 255, 0.70);
}
.show-popup{
    display: none;
}
.tab-popup-area ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

.tab-popup-area ::-webkit-scrollbar-track {
    background: #A79E80;
    border-radius: 5px;
}

.tab-popup-area ::-webkit-scrollbar-thumb {
    background: #1C1C1C;
    border-radius: 5px;
    border: 1px solid #A79E80;
    transition: 0.6s ease-in-out;
}
/* Aanbod Detail Contact */
.aanbod-detail-form-sec {
    margin-bottom: -56px;
    position: relative;
    z-index: 2;
}
.form-height-add{
    margin: 0px;
    padding-bottom: 100px;
}
/* Aanbod Detail Related Slider */
.aanbod-related-service-sec {
    background-color: #FAFAFA;
    position: relative;
    z-index: 1;
    padding-top: 148px;
    padding-bottom: 101px;
}
.aanbod-related-service-sec .sec-line span{
    background-color: rgba(28, 28, 28, 0.30);
}
.aanbod-service-slider .swiper-button-prev.common-arrow{
    left: -52px;
    right: auto;
    top: 150px;
}
.aanbod-service-slider .swiper-button-next.common-arrow {
    left: auto;
    right: -52px;
    top: 150px;
}
.aanbod-related-service-sec .related-service-heading h2 {
    margin-bottom: 45px;
}
/* Aanbod Detail Page End Here*/
/*******************************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(#A79E80 calc(1*100%/6),#fff 0 calc(3*100%/6),#A79E80 0),
                linear-gradient(#A79E80 calc(2*100%/6),#fff 0 calc(4*100%/6),#A79E80 0),
                linear-gradient(#A79E80 calc(3*100%/6),#fff 0 calc(5*100%/6),#A79E80 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;
  }
  .calsty {
      width: 100%;
      height: 700px;
  }
  @media(max-width: 991px){
      .calsty {
          height: 900px;
      }
  }
  
  @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;
      }
  }
.social-section {
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: end;
    margin-bottom: 15px;
}
.social-section img {
    width: 20px;
}

.listview-top-content.privacy_section {
    padding: 150px 0px 100px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.acties-left-content p:last-child{
    margin-bottom: 0;
}
.voorraadwekker_widget_section .top_part .text_div{
    font-family: 'MonaSansExpanded-Medium' !important;
}
.slider-bottom-button{
	text-align:center;
	margin-top:60px;
}




.aanbod-filter-wrap {
    position: relative;
    z-index: 2;
}
.filter-reset a {
	color: #fff;
	font-size: 1.4rem;
    font-family: 'LamaSans-Regular';
}
.filter-reset img {
	width: 9px;
	margin-left: 5px;
	margin-bottom: 2px;
    filter: brightness(0) invert(1);
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.filter-reset a:hover {
	color: #C2B280;
}
/* .select-style {
	width: 100%;
    height: 44px;
    color: #fff;
    font-family: 'LamaSans-SemiBold';
    font-size: 1.6rem;
    border: 1px solid #fff;
    border-radius: 50px;
    padding: 0 30px 0 18px;
    background: url(../images/filter-arrow.svg) #0F0F0F no-repeat 91% center/10px;
    appearance: none;
    line-height: 44px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; 
    cursor: default;
}
.select-style.show {
    border-radius: 5px 5px 0 0;
} */
.filter-main {
    margin-bottom: 20px;
}
.filter-main option{
    font-family: 'LamaSans-Regular';
	background-color: #0F0F0F;
}
.filter-content {
    display: none;
    background-color:#0F0F0F;
    padding: 10px 10px 15px;
    z-index: 2;
    border: 1px solid #fff;
    border-top: 0;
    border-radius: 0 0 5px 5px;
    margin-top: -5px !important;
	cursor: default;
    max-height: 230px;
    overflow-y: auto;
    z-index: 999;
}
.filter-content::-webkit-scrollbar {
	background-color: #dbdbdb;
	width: 10px;
}
.filter-content::-webkit-scrollbar-thumb {
	background-color: #999999;
}
.filter-content.show-div {
    display: block;
}
.aanbod-filter-sec label:last-child {
	margin-bottom: 0;
}
.aanbod-filter-sec label span {
    float: right;
    color: #F9F8F6;
    opacity: 0.65;
}
.aanbod-filter-sec .form-check-input{
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 8px;
    box-shadow: none;
    border: 1px solid #F9F8F6;
    background-color: transparent;
    border-radius: 3px;
}
.aanbod-filter-sec .form-check-input:checked {
    background-color: #C2B280;
    border-color: #C2B280;
    background-image: url(../images/check-tick.png);
    background-size: 9px;
    background-position: center center;
    background-repeat: no-repeat;
}
.auto-overview-tag {
    border: 1px solid rgba(0, 255, 135, 0);
    flex-direction: row-reverse;
}
.show_selected_filter_cls {
    display: flex;
    flex-wrap: wrap;
    row-gap: 6px;
}
.cross-btn {
    width: 9px;
    margin-left: 0 !important;
    margin-right: 10px;
}
.auto-overview-tag:hover {
	background-color: #C2B280;
    border-color: #C2B280;
    color: #0F0F0F;
}
.auto-overview-tag:hover img {
    filter: invert(1);
}
.hidden-filter .col-lg-3 {
	margin-bottom: 18px;
	width: 25%;
}
.total_search_records {
	margin-top: 30px;
}
/* .mobile-show-filter {
    position: fixed;
    left: 0;
    top: 146px;
    background-color: #161616;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    width: 100%;
    z-index: 5;
    margin-top: 0;
    padding: 15px 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
} */
.mobile-show-filter.filter-active {
    top: 80px;
}
.mobile-show-filter .common-btn {
    width: 100%;
    display: block;
    text-align: center;
}
.mobile-show-filter .common-btn strong {
    background-color: #C2B280;
    border-color: #C2B280;
    color: #0F0F0F;
}
.mobile-show-filter .common-btn::after {
    display: none;
}
.mobile-show-filter .common-btn:hover strong {
    background-color: transparent;
    border-color: #fff;
    color: #fff;
}
.mobile-show-filter .common-btn:hover {
    padding-right: 0;
}
.mobile-show-filter .common-btn:hover .filter-count {
    background-color: #C2B280;
    color: #0F0F0F;
}
.filter-count {
	min-width: 20px;
	height: 20px;
	background-color: #0F0F0F;
	border-radius: 100%;
	color: #F9F8F6;
    border: 1px solid #0F0F0F;
	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;
    display: none;
}
.mobile-filter-close {
    padding: 15px;
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    z-index: 1;
    background-color: #0F0F0F;
}
.mobile-filter-close span {
    max-width: 40px;
    height: 40px;
    background-color: transparent;
    border-radius: 5px;
	margin-left: auto;
	border: 1px solid rgba(255, 255, 255, 0.25);
}
.mobile-filter-close span img {
	width: 9px;
}
.auto-overview-filter-result {
    display: flex;
    gap: 2px;
}
.auto-overview-filter-result .total_search_records {
	margin-top: 0;
	background-color: #C2B280;
	border: 1px solid #C2B280;
    color: #161616;
	padding: 10px;
	border-radius: 5px;
    min-height: 46px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.auto-overview-filter-result .total_search_records::after {
    display: none;
}
.auto-overview-filter-result .total_search_records h4{
	font-size: 1.6rem;
	color: #F9F8F6;
}
.auto-overview-filter-result .total_search_records:hover {
	background-color: transparent;
    border-color: #C2B280;
    color: #fff;
    padding-right: 10px;
}
.cursor-pointer {
	cursor: pointer;
}
.hidden-filter .col-lg-3 h5 {
    display: none;
    font-family: 'LamaSans-Regular';
    font-size: 1.6rem;
    margin-bottom: 10px;
}
.filter-sort h6 {
	margin-right: 10px;
    color: #fff;
    text-transform: none;
    letter-spacing: normal;
}
.filter-sort .aanbod-filter {
	margin-bottom: 0;
	width: 190px;
}
/* .filter-sort .aanbod-filter .select-style {
    padding-left: 10px;
    border-radius: 5px;
    border-color: transparent;
    color: #C2B280;
    background-image: url(../images/sorten-filter-arrow.svg);
} */
.filter-sort .aanbod-filter .select-style.show {
    border-color: #fff;
}
.model-filter .form-check-input {
    display: none;
}
.sorteren_op-filter .form-check-input {
    display: none;
}
/****aanbod-range-filter****/
.aanbod-range-filter label {
    font-size: 1.6rem;
}
.aanbod-range-filter .ui-slider .ui-slider-handle {
    width: 25px;
    height: 25px;
    background-color: #C2B280;
    border-radius: 100%;
    border: 0;
    top: -11px;
    cursor: grab;
}
.aanbod-range-filter .ui-slider {
    height: 5px;
    border-radius: 5px;
    background-color: rgba(194, 178, 128, 0.4);
    border-color: rgba(194, 178, 128, 0.4);
    max-width: calc(100% - 20px);
    margin: 22px auto 17px;
}
.aanbod-range-filter .ui-slider .ui-slider-range {
    background-color: #C2B280;
}
.aanbod-range-filter .ui-widget.ui-widget-content {
    border: 0;
}
.aanbod-range-filter .slider-inputs {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.aanbod-range-filter .slider-inputs input {
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.25);
    padding: 8px;
    background-color: transparent;
    width: 100px;
    color: #fff;
    font-size: 1.6rem;
    line-height: normal;
}
.mob-filter-visible {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    row-gap: 15px;
    margin: 0 auto;
    max-width: 510px;
    width: 100%;
}
.filter-sort {
    position: relative;
    padding-left: 20px;
    margin-left: 20px;
    display: flex;
    align-items: center;
    justify-content: end;
}
.mob-filter-visible strong {
    font-weight: normal;
    color: #C2B280;
}