@import "fonts.css";
@import "common-class.css";
body {
	padding: 0px;
	margin: 0px;
    font-family: 'ninetearegular';
    font-size: 1.6rem;
    color: #282828;
	background-color: #F3F3F3;
}
html {
    font-size: 62.5%;
}
#mobile-contact-bar {
    display: none;
}
.add_morgan_footer_margin{
	height: 100px !important;
}
/****captcha****/
.grecaptcha-badge{
	display:none;
}
/*******custom-cursor-pointer*********/
.cursor,
.cursor2,
.cursor3{
	position: fixed;
	border-radius: 50%;	
	transform: translateX(-50%) translateY(-50%);
	pointer-events: none;
	left: -100px;
	top: 50%;
	transition: all .3s linear;
	transform-origin: 100% 100%; 
}
.cursor {
	background-color: #F3F3F3;
	z-index: 999;
	height: 5px;
	width: 5px;
	mix-blend-mode: difference;
	pointer-events: none;
	transform-origin: 100% 100%; 
	transition: all 0.3s ease-out;
}
.cursor2,
.cursor3{
	height: 30px;
	width: 30px;
	z-index: 999;
	transition: all 0.3s ease-out;
	mix-blend-mode: difference;
	transform-origin: 100% 100%; 
}
.ball {
	height: 30px;
	width: 30px;
	cursor: pointer;
	display: block;
	border-radius: 50%;
	border: 1px solid #F3F3F3;
	z-index: 999;
	/* transition: all 0.3s linear; */
}
.cursor2.active,
.cursor3.active {
	transform: scale(2);
}
.cursor.point-scaleup {
	transform: scale(5);
}
/******header-area****/
.main-header, .remove-stiky.main-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
	padding: 5rem 0;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.main-header::after {
	content: "";
	height: 1px;
	width: 0;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	position: absolute;
	background-color: #F3F3F3;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.main-header.active {
	background-color: #282828;
}
.main-header.active::after {
	width: 100%;
}
.stiky.main-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
	padding: 3rem 0;
	border-bottom: 1px solid rgba(255,255,255,0.1);
	background-color: #282828;
}
.header-logo img {
	width: 14rem;
}
.header-menu ul {
	display: flex;
	align-items: center;
	column-gap: 4rem;
}
.header-menu li {
	color: #F3F3F3;
    font-family: 'nineteamedium';
	font-size: 1.6rem;
	line-height: 2rem; 
}
.header-menu li a {
	color: #F3F3F3;
}
.header-contact ul {
	display: flex;
	align-items: center;
	column-gap: 2.5rem;
	justify-content: end;
}
.header-contact .common-btn {
	color: #F3F3F3;
	border-color: transparent;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}
.header-contact .appoint-btn {
	background-color: #004E00;
	border-color: #004E00;
	color: #F3F3F3;
}
.header-contact .appoint-btn:hover {
	background-color: transparent;
	border-color: #F3F3F3;
	color: #F3F3F3;
}
.menu-btn {
	border-radius: 10rem;
	border: 1px solid #F3F3F3;
	padding: 1rem 1.6rem;
	display: flex;
	align-items: center;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.menu-hamburger {
	margin-right: 0.8rem;
}
.menu-hamburger span, .menu-hamburger::after, .menu-hamburger::before {
    display: block;
	height: 0.1rem;
	width: 1.6rem;
	background-color: #F3F3F3;
    content: '';
    margin: 5px 0 5px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.menu-btn.active .menu-hamburger span {
	background-color: #282828;
	transform: scale(0);
}
.menu-btn.active .menu-hamburger::before {
    transform: translateY(6px) rotate(135deg);
	background-color: #282828;
}
.menu-btn.active .menu-hamburger::after {
    transform: translateY(-6px) rotate(-135deg);
	background-color: #282828;
	width: 100%;
}
.menu-btn:hover .menu-hamburger::after {
	width: 50%;
}
.menu-btn.active:hover .menu-hamburger::after {
	width: 100%;
}
/*****hidden-menu******/
.hidden-menu {
	position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
	background-color: #282828;
	pointer-events: none;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	opacity: 0;
	padding: 15rem 0 5rem;
	z-index: 99;
}
.hidden-menu::after {
	content: "";
	height: 100%;
	width: 1px;
	left: 50%;
	bottom: -100%;
	transform: translateX(-50%);
	background-color: #F3F3F3;
	position: absolute;
	transition: all 1.5s;
	-webkit-transition: all 1.5s;
}
.hidden-menu.active::after {
	bottom: 0;
}
.hidden-menu.active {
	opacity: 1;
	pointer-events: all;
}
/* .hidden-menu .hidden-menu-wrap {
	overflow-y: scroll;
} */
.hidden-menu .hidden-menu-wrap::-webkit-scrollbar {
	background-color: #333333;
	width: 1rem;
	border-radius: 2rem;
	border: 1px solid rgba(243, 243, 243, 0.2);
	display: none;
}
.hidden-menu .hidden-menu-wrap::-webkit-scrollbar-thumb {
	background-color: #282828;
	border-radius: 2rem;
	border: 1px solid rgba(243, 243, 243, 0.2);
}
.menu-circle {
	transform: scale(0);
    width: 80px;
    height: 80px;
    background: #282828;
    position: fixed;
	top: 3rem;
    left: 9%;
    border-radius: 50%;
	transition: all 1s;
	-webkit-transition: all 1s;
	z-index: 98;
}
.menu-circle.active {
	transform: scale(145.685, 145.685);
}
.menu-btn.active {
	background-color: #fff;
	color: #282828;
}
.hidden-menu-nav li {
	color: #F3F3F3;
    font-family: 'ninetearegular';
	font-size: 3.2rem;
	line-height: 3.2rem;
	letter-spacing: 0.08rem;
	margin-bottom: 3rem;
    -webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
    -o-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
    transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
}
.hidden-menu-nav li:last-child {
	margin-bottom: 3rem;
}
.hidden-menu-nav li a {
	color: #F3F3F3;
}
.hidden-menu-nav 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
}
.hidden-menu-info {
	max-width: 34rem;
	width: 100%;
	margin-left: auto;
}
.hidden-menu-info h4 {
	color: #F3F3F3;
	margin-bottom: 5rem;
}
.each-hidden-menu-info {
	display: flex;
	align-items: center;
	justify-content: end;
	margin-bottom: 3.5rem;
}
.each-hidden-menu-info:last-child {
	margin-bottom: 0;
}
.each-hidden-menu-info span {
	width: 4.4rem;
	height: 4.4rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #F3F3F3;
	border-radius: 100%;
	margin-left: 2rem;
}
.each-hidden-menu-info p {
	font-size: 1.4rem;
    color: #F3F3F3;
    line-height: 2.1rem;
    letter-spacing: 0;
	margin-bottom: 0;
}
.each-hidden-menu-info p a {
	color: #F3F3F3;
}
.hidden-menu-contact {
	display: block;
}
.hidden-menu-contact h2 {
    font-family: 'nineteamedium';
    font-size: 4rem;
	margin-bottom: 1rem;
}
.hidden-menu-contact h2 a {
	color: #F3F3F3;
}
.hidden-menu-contact p a {
	color: #F3F3F3;
}
.each-hidden-menu-info {
    -webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
    -o-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
    transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
}
.each-hidden-menu-info.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));
}
/*****loading-screen****/
.loading-screen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #282828;
    color: #F3F3F3;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    z-index: 1200;
	transition: all 1s;
	-webkit-transition: all 1s;
	padding: 3rem;
	display: none;
}
.loading-screen.loading-remove {
	left: -100%;
}
.loading-number {
	color: #F3F3F3;
	margin-left: 0.5rem;
}
.loading-screen img {
	width: 28rem;
	margin-bottom: 3rem;
}
/**********banner-sec************/
.banner-sec {
	position: relative;
	/* height: calc(100vh - 4rem); */
}
.each-banner {
    height: 800px;
}
.each-banner img{
    height: 100%;
	object-fit: cover;
}
.banner-video video {
	height: 100%;
	display: block;
	object-fit: cover;
}
.icon-btn {
	position: relative;
	padding-right: 5rem;
	background-color: #F3F3F3;
	border-color: #F3F3F3;
	margin-right: 2rem;
}
.icon-btn::after {
	content: "";
	height: 1.5rem;
	width: 1.5rem;
	background-image: url(../images/btn-car.svg);
	background-size: 1.5rem;
	background-repeat: no-repeat;
	position: absolute;
	right: 2rem;
	top: 50%;
	transform: translateY(-50%);
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.icon-btn:hover::after {
	filter: brightness(10);
}
.banner-content {
	position: absolute;
	width: 100%;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 3;
}
.banner-content h1 {
	margin-bottom: 4.7rem;
}
.scroll-next-btn {
	position: absolute;
	bottom: -4rem;
	left: 50%;
	transform: translateX(-50%);
	height: 10rem;
	width: 10rem;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #F3F3F3;
	border-radius: 100%;
	cursor: pointer;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	z-index: 1;
}
.scroll-next-btn img {
	width: 2rem;
}
.scroll-next-btn:hover {
	/*box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1);*/
}
/******product-sec******/
.product-sec {
	padding: 9.5rem 0;
	overflow-x: hidden;
}
.common-heading h6 {
	line-height: 2rem;
	letter-spacing: 4.2px;
	text-transform: uppercase;
	color: rgba(40, 40, 40, 0.5);
}
.common-heading hr {
	opacity: 0.5;
	background-color: #282828;
	margin: 1.7rem 0 0;
}
.common-heading .row {
	margin-top: 5rem;
}
.product-sec .common-heading {
	padding-right: 10%;
}
.product-slider {
	position: relative;
	margin-top: 6rem;
}
.product-slider .swiper::after {
    content: "";
    height: 100%;
    width: 20%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    background: linear-gradient(90deg, rgba(243, 243, 243, 0.00) -7.05%, rgba(243, 243, 243, 0.80) 96.8%);
}
.product-slider .common-arrow {
	top: -6.5rem;
	margin: 0;
	border-color: #282828;
	display: flex;
}
.product-slider .common-arrow img {
	filter: invert(1);
	-webkit-filter: invert(1);
}
/* .product-slider .swiper-button-next {
	right: 10%;
} */
.product-slider .swiper-button-prev {
	left: auto;
	right: 7rem;
}
.each-product {
	border-radius: 1rem;
	overflow: hidden;
}
.product-img {
	border-radius: 1rem 1rem 0 0;
	overflow: hidden;
}
.product-info {
	padding: 3rem 1.4rem;
	background-color: #F6F6F6;
}
.product-info h6 {
    color: rgba(40, 40, 40, 0.50);
    line-height: normal;
    margin-bottom: 6px;
}
.product-info h4 {
	height: 5rem;
	overflow: hidden;
	margin-bottom: 1.5rem;
	line-height: normal;
}
.product-info table {
	width: 100%;
	border-top: 1px solid #E9E9E9;
}
.product-info tr{
	display: flex;
	justify-content: space-between;
	column-gap: 5px;
}
.product-info td {
	width: max-content;
	padding-top: 1.4rem;
}
.product-info td h6 {
	color: #282828;
	margin-bottom: 0;
}
.product-info td h6 strong {
	color: rgba(40, 40, 40, 0.50);
	font-weight: 400;
	display: block;
	margin-bottom: 0.5rem;
}
.product-price {
	background-color: #EBEBEB;
	padding: 1.7rem 5rem 1.4rem 1.7rem;
	position: relative;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.product-price h4 {
	margin-bottom: 0;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.product-price h4 strong {
	font-size: 1.4rem;
	font-weight: 400;
	letter-spacing: 0.14px;
}
.product-price img {
	position: absolute;
	right: 1.4rem;
	top: 50%;
	transform: translateY(-50%);
	filter: invert(1);
	-webkit-filter: invert(1);
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.each-product:hover .product-price {
	background-color: #004E00;
}
.each-product:hover .product-price h4 {
	color: #F3F3F3;
}
.each-product:hover .product-price img {
	filter: invert(0);
	-webkit-filter: invert(0);
}
/******service-sec*****/
.service-sec {
	background-color: #282828;
	padding: 9.2rem 0 10.4rem;
}
.service-sec .common-heading {
	padding: 0 10%;
}
.service-sec .common-heading h2 {
	color: #F3F3F3;
}
.service-sec .common-heading h6 {
	color: #F3F3F3;
	opacity: 0.5;
}
.service-sec .common-heading hr {
	background-color: #F3F3F3;
}
.service-sec .common-heading .row {
	align-items: center;
}
.service-slider {
	position: relative;
	margin-top: 8rem;
}
.service-slider::after {
	display: none;
	content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
	background: linear-gradient(-168deg, rgba(40, 40, 40, 0.00) 27.34%, rgba(40, 40, 40, 1)72.64%);
    z-index: 1;
}
.each-service {
	position: relative;
	border-radius: 1rem;
	overflow: hidden;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	height: 49.3rem;
}
.each-service::after {
	content: "";
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #282828;
	opacity: 0.8;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.service-slider .swiper-slide-active .each-service::after {
	opacity: 0.1;
}
.each-service-text {
	position: absolute;
    bottom: -100%;
    left: 50%;
	transform: translateX(-50%);
    width: 58rem;
    z-index: 1;
    padding: 5rem 2rem 0;
	opacity: 0;
	transition: all 1.3s;
	-webkit-transition: all 1.3s;
}
.each-service-text h3 {
	color: #F3F3F3;
	margin-bottom: 1.5rem;
}
.each-service-text p {
	color: #F3F3F3;
	margin-bottom: 3rem;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.each-service-text .common-btn {
	background-color: #004E00;
	border-color: #004E00;
	color: #F3F3F3;
}
.service-slider .swiper-slide-active .each-service-text {
	opacity: 1;
	bottom: 0;
}
.each-service:hover .each-service-text .common-btn {
	background-color: #F3F3F3;
	border-color: #F3F3F3;
	color: #004E00;
}
.service-slider .swiper-slide-prev .each-service::before {
	content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(0deg, rgba(40, 40, 40, 1) 0%, rgba(40, 40, 40, 0.5) 100%);
    z-index: 1;
}
.service-slider .swiper-slide {
	height: auto;
}
.service-slider .swiper-slide-next .each-service::before {
	content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
	background: linear-gradient(360deg, rgba(40, 40, 40, 0.8) 50%, rgba(40, 40, 40, 0.2) 100%);
    z-index: 1
}
.service-slider .swiper-slide-active .each-service::before {
	content: "";
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	background: linear-gradient(-168deg, rgba(40, 40, 40, 0.00) 27.34%, rgba(40, 40, 40, 1)72.64%);
}
.each-service-img {
    transform: scale3d(1.1, 1.1, 1);
    backface-visibility: hidden;
    will-change: transform;
    transition: transform 1400ms ease;
	height: 100%;
}
.each-service-img img {
	height: 100%;
	object-fit: cover;
}
.service-slider .swiper-slide-active .each-service-img, 
.service-slider .swiper-slide-duplicate-active .each-service-img {
    transform: scale3d(1, 1, 1);
}
.service-slider .common-arrow {
	bottom: 5rem;
	top: auto;
	width: 7.6rem;
	height: 7.6rem;
	display: flex;
}
.service-slider .swiper-button-next {
	right: 10%;
}
.service-slider .swiper-button-prev {
	left: 10%;
}
/******about-us-sec*******/
.about-us-sec {
	padding: 10.2rem 0;
	background-color: #282828;
}
.about-us-img img {
	border-radius: 1rem;
	height: 100%;
	object-fit: cover;
}
.about-us-img-top {
	padding-right: 21%;
}
.about-us-img-btm {
	padding-left: 24%;
	margin: -7rem 10% 0 auto;
	height: 31.4rem;
}
.about-us-text {
	max-width: 56rem;
	width: 100%;
	margin-left: auto;
}
.about-us-text .common-heading h6 {
	color: #F3F3F3;
	opacity: 0.5;
}
.about-us-text .common-heading h2 {
	color: #F3F3F3;
	margin: 1rem 0 2rem;
}
.about-us-text .common-heading p {
	color: #F3F3F3;
	margin-bottom: 3rem;
}
.about-us-text .common-btn {
	background-color: #004E00;
	border-color: #004E00;
	color: #F3F3F3;
}
.about-us-text .common-btn:hover {
	background-color: transparent;
	border-color: #F3F3F3;
	color: #F3F3F3;
}
.about-us-text .accordion {
	margin-top: 5rem;
}
.about-us-text .accordion-button {
	color: #F3F3F3;
    background-color: #333333;
	font-size: 1.8rem;
	font-family: 'nineteamedium';
	padding: 1.6rem 2.6rem 1.6rem 8rem;
}
.about-us-text .accordion-button:focus {
	border: 0;
	box-shadow: none;
}
.about-us-text .accordion-button:not(.collapsed) {
    color: #282828;
    background-color: #F3F3F3;
    box-shadow: none;
}
.about-us-text .accordion-item:first-of-type .accordion-button,
.about-us-text .accordion-item:first-of-type {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
}
.about-us-text .accordion-item:last-of-type .accordion-button.collapsed,
.about-us-text .accordion-item:last-of-type .accordion-collapse,
.about-us-text .accordion-item:last-of-type {
	border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
}
.about-us-text .accordion-item {
	border: 0;
	border-radius: 1rem;
	background-color: #333333;
	margin-bottom: 2.1rem;
	overflow: hidden;
}
.about-us-text .accordion-item:last-child {
	margin-bottom: 0;
}
.about-us-text .accordion-collapse.show {
	background-color: #F3F3F3;
}
.about-us-text .collapsing {
	transition: ease 0.1s !important;
}
.about-us-text .accordion-body {
    padding: 1rem 6.3rem 2rem 2rem;
}
.about-us-text .accordion-body p {
	margin-bottom: 0;
}
.about-us-text .accordion-button::after {
	height: 2.6rem;
	width: 2.6rem;
	background-color: #F3F3F3;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-image: url(../images/acc-down.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 1.1rem;
	position: absolute;
	left: 2.6rem;
}
.about-us-text .accordion-button:not(.collapsed)::after {
	background-image: url(../images/acc-right.svg);
    transform: rotate(0deg);
	background-color: #004E00;
	background-size: 0.8rem;
}
/*****testimonial-sec*****/
.testimonial-sec {
	padding: 9.2rem 0;
}
/****insta-sec****/
.insta-sec {
	padding: 9.2rem 0;
	background-color: #282828;
}
/* .insta-sec h2 {
	font-size: 12.8rem;
	line-height: 12.8rem;
	letter-spacing: 0.32rem;
	color: #F6F6F6;
	margin-bottom: -5rem;
} */
.insta-sec h2 {
    font-size: 12.8rem;
    line-height: 12.8rem;
    letter-spacing: 0.32rem;
    color: #F6F6F6;
    margin-bottom: -5rem;
    position: relative;
    z-index: 1;
}
.insta-sec h6 {
	color: rgba(243, 243, 243, 0.5);
}
.insta-btn p {
	margin-bottom: 0;
}
.insta-btn p a {
	color: #F3F3F3;
}
.insta-btn img {
	width: 2.3rem;
	margin-bottom: 1rem;
}
/*****footer-area*****/
.footer-area {
	padding: 11rem 0;
	border-top: 1px solid #F3F3F3;
	background-color: #282828;
}
.footer-contact h3 {
	font-family: 'nineteamedium';
    font-size: 4rem;
	margin-bottom: 2rem;
}
.footer-contact h3 a {
	color: #F3F3F3;
}
.footer-contact h6 {
	font-family: 'nineteamedium';
}
.footer-contact h6 a {
	color: #F3F3F3;
}
.each-footer-info {
	display: flex;
	/* flex-wrap: wrap; */
}
.each-footer-info p {
	color: #F3F3F3;
	font-size: 1.4rem;
	margin-bottom: 0;
	font-family: 'nineteamedium';
}
.each-footer-info p a {
	color: #F3F3F3;
}
.each-footer-info span {
	width: 4.4rem;
	height: 4.4rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #F3F3F3;
	border-radius: 100%;
	margin-right: 2.9rem;
}
/****fixed-whatsapp****/
.fixed-whatsapp {
	width: 6rem;
	height: 6rem;
	position: fixed;
	right: 3rem;
	bottom: 3rem;
	z-index: 999;
	background-color: #25D366;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.fixed-whatsapp a {
	display: block;
}
.fixed-whatsapp img {
	width: 2.5rem;
}
/*====================popup start=======================*/
.modal-area .modal-dialog {
    max-width: 70rem;
}
.modal-area .modal {
	background-color: rgba(0, 0, 0, 0.5);
}
.modal-area .modal-content {
    border: 0;
	border-radius: 1rem;
	overflow: hidden;
    background-color: #282828;
	position: relative;
}
.modal-area .popup-content h3 {
	color: #F3F3F3;
	position: relative;
	padding-bottom: 3rem;
	margin-bottom: 3rem;
}
.modal-area .popup-content h3::after {
	content: "";
	height: 1px;
	bottom: 0;
	background-color: rgba(243, 243, 243, 0.5);
	position: absolute;
	width:100vw;
	margin-left:-50vw;
	left:50%;
}
.modal-area .popup-content p {
    margin-bottom: 3rem;
	color: #F3F3F3;
}
.modal-area .popup-content {
    padding: 8% 10%;
    background-color: #282828;
}
/*====================diensten-list page start=======================*/
.inner-banner-sec {
	position: relative;
	height: 45rem;
	overflow: hidden;
}
.inner-banner-sec::after {
	content: "";
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: rgba(40, 40, 40, 0.5);
}
.inner-banner-text {
	position: absolute;
	top: 55%;
	transform: translateY(-50%);
	width: 100%;
	left: 0;
	z-index: 1;
}
.inner-banner-img {
	height: 100%;
}
.inner-banner-img img {
	height: 100%;
	object-fit: cover;
}
/*****diensten-list-sec*****/
.diensten-list-sec {
	padding: 10rem 0 3rem;
}
.diensten-list-sec .common-heading {
	margin-bottom: 6rem;
}
.each-diensten-img {
	border-radius: 1rem;
	overflow: hidden;
	height: 43rem;
	margin-bottom: 3.3rem;
}
.each-diensten-img img {
	height: 100%;
	object-fit: cover;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.diensten-list-sec .row {
	margin: 0 -2rem;
}
.diensten-list-sec .col-lg-6 {
	padding: 0 2rem;
}
.each-diensten {
	margin-bottom: 7rem;
}
.each-diensten-text h3 {
	margin-bottom: 2rem;
}
.each-diensten-text p {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 2.2rem;
}
.each-diensten:hover .each-diensten-img img {
	transform: scale(1.1);
}
/*====================diensten-dtl page start=======================*/
.bk-btn-sec {
	background-color: #282828;
	position: relative;
}
.bk-btn-sec .common-btn {
	background-color: transparent;
	color: #F3F3F3;
	border: 0;
	padding-left: 2rem;
	padding-right: 2rem;
	position: absolute;
	margin-right: 0;
	top: 17rem;
}
.bk-btn-sec .common-btn::after {
	left: 0;
	background-image: url(../images/bk-btn-arrow.svg);
	width: 0.8rem;
	height: 1.2rem;
	background-size: 0.8rem;
}
.bk-btn-sec .common-btn:hover {
	border-color: #004E00;
	background-color: #004E00;
	padding-left: 4rem;
}
.bk-btn-sec .common-btn:hover::after {
	left: 2rem;
}
/****diensten-dtl-info-sec***/
.diensten-dtl-info-sec {
	padding: 19rem 0 9rem;
	background-color: #282828;
}
.diensten-dtl-info-text {
	max-width: 63rem;
	width: 100%;
	padding-top: 8rem;
}
.diensten-dtl-info-text h2 {
	color: #F3F3F3;
	margin-bottom: 1.8rem;
}
.diensten-dtl-info-text p {
	color: #F3F3F3;
}
.diensten-dtl-info-img {
	max-width: 70rem;
	width: 100%;
	margin-left: auto;
}
.diensten-dtl-info-img img {
	border-radius: 1rem;
	height: 100%;
	object-fit: cover;
}
.diensten-dtl-info-img-top {
    padding-left: 35%;
	height: 48.8rem;
}
.diensten-dtl-info-img-btm {
	padding-right: 48%;
	height: 39.7rem;
	margin-top: -25rem;
}
/*****diensten-dtl-feature-sec*****/
.diensten-dtl-feature-sec {
	padding: 9.3rem 0;
}
.diensten-dtl-feature-img {
	max-width: 56.2rem;
	width: 100%;
	height: 58.4rem;
}
.diensten-dtl-feature-img img {
	border-radius: 1rem;
	height: 100%;
	object-fit: cover;
}
.diensten-dtl-feature-text h2 {
	margin-bottom: 5.3rem;
}
.diensten-dtl-feature-text li {
	position: relative;
	padding-left: 4.5rem;
	border-bottom: 1px solid rgba(40, 40, 40, 0.50);
	padding-bottom: 2rem;
	margin-bottom: 3rem;
}
.diensten-dtl-feature-text li:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
	border: 0;
}
.diensten-dtl-feature-text li::after {
	content: "";
	height: 2.6rem;
	width: 2.6rem;
	position: absolute;
	left: 0;
	top: 0;
	background-image: url(../images/list-tick.svg);
	background-size: 2.6rem;
	background-position: center center;
	background-repeat: no-repeat;
}
.diensten-dtl-feature-text li h4 {
	font-size: 1.8rem;
	line-height: 2.5rem;
	margin-bottom: 1rem;
}
/*****diensten-dtl-form-sec*********/
.diensten-dtl-form-sec {
	padding: 9.3rem 0;
	position: relative;
	border-bottom: 1px solid #767676;
}
.diensten-dtl-form-sec::after,
.diensten-dtl-form-sec::before {
	content: "";
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	background: linear-gradient(-168deg, rgba(40, 40, 40, 0.00) 27.34%, #282828 72.64%);
}
.diensten-dtl-form-sec::before {
	background: rgba(40, 40, 40, 0.8);
}
.diensten-dtl-form-wrap {
	position: relative;
	z-index: 1;
}
.diensten-dtl-form-text {
	max-width: 56rem;
	width: 100%;
}
.diensten-dtl-form-text h2 {
	color: #F3F3F3;
	margin-bottom: 2.6rem;
}
.diensten-dtl-form-text p {
	color: #F3F3F3;
}
.diensten-dtl-form-text .footer-info {
	margin-top: 6rem;
}
.diensten-dtl-form-text .each-footer-info {
	margin-bottom: 3.5rem;
}
.diensten-dtl-form-text .each-footer-info:last-child {
	margin-bottom: 0;
}
.form-group {
	margin-bottom: 1.9rem;
	position: relative;
}
.form-style {
    resize: none;
	border: 1px solid rgba(243, 243, 243, 0.23);
    font-family: 'ninetearegular';
	color: #f3f3f3;
    font-size: 1.6rem;
    padding: 1.9rem 3.1rem;
    border-radius: 1rem;
    background-color: rgba(51, 51, 51, 0.2);
	line-height: 2rem;
	position: relative;
	z-index: 1;
}
.form-style:placeholder {
	color: #f3f3f3;
	opacity: 1;
}
.form-style:-ms-input-placeholder {
	color: #f3f3f3;
	opacity: 1;
}
.form-style::placeholder {
	color: #f3f3f3;
	opacity: 1;
}
.form-style:focus {
    box-shadow: none;
    -webkit-box-shadow: none;
	border: 1px solid #fff;
	color: #fff;
	background-color: rgba(51, 51, 51, 0.2);
}
textarea.form-style {
    min-height: 15rem;
}
.form-group::after {
	content: "";
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	filter: blur(1px);
	background-color: rgba(51, 51, 51, 0.5);
	border-radius: 1rem;
	z-index: -1;
}
.diensten-dtl-form-main .common-btn {
	background-color: #004E00;
	border-color: #004E00;
	color: #F3F3F3;
	margin-top: 1.9rem;
}
.diensten-dtl-form-main .common-btn:hover {
	background-color: #F3F3F3;
	border-color: #f3f3f3;
	color: #282828;
}
/*====================contact page start=======================*/
/****map-sec ****/
.map-sec {
	height: 50rem;
}
/***contact-info-sec*****/
.contact-info-sec {
	padding: 10rem 0;
}
.contact-info-sec .footer-wrap {
	border-top: 1px solid rgba(40, 40, 40, 0.5);
	border-bottom: 1px solid rgba(40, 40, 40, 0.5);
	padding: 5.5rem 0;
	margin-top: 2.4rem;
}
.contact-info-sec .footer-contact h3 a {
    color: #282828;
}
.contact-info-sec .footer-contact h6 a {
    color: #282828;
}
.contact-info-sec .footer-contact h6 a:hover, .contact-info-sec .each-footer-info p a:hover, .contact-info-sec .footer-contact h3 a:hover{
	color: #004E00;
}
.contact-info-sec .each-footer-info span {
	border-color: #282828;
}
.contact-info-sec .each-footer-info span img {
	filter: invert(1);
	-webkit-filter: invert(1);
}
.contact-info-sec .each-footer-info p a,
.contact-info-sec .each-footer-info p {
    color: #282828;
}
.contact-info-sec .footer-info {
	display: flex;
	flex-wrap: wrap;
	column-gap: 14rem;
	justify-content: end;
}
/*****contact-form-sec****/
.contact-form-sec {
	padding-bottom: 10rem;
}
.contact-form-main {
	max-width: 70.8rem;
	width: 100%;
}
.contact-form-main .form-group::after {
	display: none;
}
.contact-form-main .form-style {
	background-color: #F3F3F3;
	border-color: rgba(40, 40, 40, 0.5);
	color: #282828;
}
.contact-form-main .form-style:focus {
	border-color: #282828;
	background-color: #F3F3F3;
}
.contact-form-main .form-style:placeholder {
	color: #282828;
}
.contact-form-main .form-style:-ms-input-placeholder {
	color: #282828;
}
.contact-form-main .form-style::placeholder {
	color: #282828;
}
.contact-form-main .common-btn {
	background-color: #004E00;
	border-color: #004E00;
	color: #F3F3F3;
}
.contact-form-main .common-btn:hover {
	background-color: transparent;
	border-color: #282828;
	color: #282828;
}
.contat-form-img img {
	border-radius: 1rem;
	height: 100%;
	object-fit: cover;
}
.contat-form-img {
	max-width: 61rem;
    width: 100%;
    margin-left: auto;
    height: 100%;
    padding-left: 5rem;
}
.contact-form-main h2 {
	margin-bottom: 2.6rem;
}
.contact-form-main p {
	margin-bottom: 4.3rem;
	max-width: 55rem;
	width: 100%;
}
/*====================overons page start=======================*/
/***overons-welcome-sec****/
.overons-welcome-sec {
	padding: 10rem 0 9.4rem;
	position: relative;
}
.overons-welcome-sec .common-heading {
	margin-bottom: 6rem;
}
.overons-welcome-img img {
	border-radius: 1rem;
	height: 100%;
	object-fit: cover;
}
.overons-welcome-text h2 {
	margin-bottom: 2.6rem;
}
.overons-welcome-text {
	max-width: 60rem;
	padding-right: 5rem;
	padding-bottom: 10rem;
	width: 100%;
}
.overons-welcome-img-floating {
	position: absolute;
    bottom: -13%;
    left: 12%;
    width: 37.3rem;
    height: 22.7rem;
}
.overons-welcome-img-floating img {
	border-radius: 1rem;
	height: 100%;
	object-fit: cover;
}
/*****overons-benefit-sec******/
.overons-benefit-sec {
	background-color: #282828;
	padding: 18.6rem 0 10rem;
	border-bottom: 1px solid #767676;
}
.overons-benefit-sec .common-heading h6 {
	color: rgba(243, 243, 243, 0.5);
}
.overons-benefit-sec .common-heading hr {
	background-color: rgba(243, 243, 243, 0.5);
}
.overons-benefit-sec h2 {
	color: #F3F3F3;
	margin: 6rem 0 4.5rem;
}
.each-benefit {
	min-height: 27rem;
	height: 100%;
	border-radius: 1rem;
	background-color: #333;
	padding: 5rem 3rem 4rem;
	text-align: center;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.each-benefit:hover {
	box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.4);
}
.each-benefit h4 {
	color: #F3F3F3;
	line-height: 2.5rem;
	font-size: 1.8rem;
	margin: 2.3rem 0 0.8rem;
}
.each-benefit p {
	color: #F3F3F3;
	margin-bottom: 0;
}
.each-benefit img {
	max-width: 2.6rem;
	width: 100%;
	margin: 0 auto;
}
.overons-benefit-sec .row {
	margin: 0 -1.25rem;
}
.overons-benefit-sec .col-lg-3 {
	padding: 0 1.25rem;
}
/*****owner-sec*****/
.owner-sec {
	padding: 9rem 0 10rem;
	background-color: #282828;
}
.owner-img {
	max-width: 70.5rem;
	width: 100%;
}
.owner-img img {
	border-radius: 1rem;
}
.owner-text {
	max-width: 61rem;
    margin-left: auto;
    padding-left: 5rem;
}
.owner-text h2 {
	color: #F3F3F3;
	margin-bottom: 3.1rem;
}
.owner-text p {
	color: #F3F3F3;
	margin-bottom: 5rem;
}
.owner-text h6 {
	color: rgba(243, 243, 243, 0.5);
	line-height: 2rem;
    letter-spacing: 4.2px;
    text-transform: uppercase;
	margin-bottom: 1.2rem;
}
.owner-text .common-btn {
	background-color: transparent;
	color: #F3F3F3;
	padding-left: 5rem;
	padding-right: 2rem;
}
.owner-text .common-btn::after {
	background-image: url(../images/owner-call.svg);
	left: 2rem;
	right: auto;
}
.owner-text .common-btn:hover {
	background-color: #004E00;
}
/*====================bedankt page start=======================*/
.bedankt-banner p {
	color: #F3F3F3;
	max-width: 83.4rem;
	width: 100%;
	margin: 0 auto 4rem;
}
/*.bedankt-banner {
	height: 100vh;
}*/
.banner-video {
	height: 100%;
}
/*====================aanbod page start=======================*/
.filter-heading {
	margin-bottom: 3.4rem;
}
.filter-heading .row {
	margin-top: 0;
}
.filter-reset img {
	width: 1rem;
	filter: invert(1);
	margin-left: 0.5rem;
}
.filter-reset a {
	color: #071116;
}
.filter-reset a:hover {
	color: #004E00;
}
.aanbod-filter-sec {
	padding: 9rem 0;
}
/****filter-customize*****/
.total-car h5 {
	color: #282828;
}
.total-car h5 span {
	font-size: 2rem;
}
.select-style {
	width: 100%;
    height: 4.8rem;
    color: #282828;
    font-family: 'ninetearegular';
    font-size: 1.6rem;
    border: 1px solid #282828;
    border-radius: 10rem;
    padding: 0 2.4rem;
    background: url(../images/filter-arrow.svg) #F3F3F3 no-repeat 93% center/10px;
    appearance: none;
    line-height: 4.8rem;
}
.select-style.show {
	border-radius: 1.5rem 1.5rem 0 0;
}
.filter-main option{
	font-family: arial;
}
.filter-content {
    display: none;
    background-color:#F3F3F3;
    padding: 1rem 1rem 1.5rem;
    z-index: 2;
    border: 1px solid #282828;
    border-top: 0;
    border-radius: 0 0 1.5rem 1.5rem;
    margin-top: -0.5rem !important;
	cursor: default;
}
.filter-content.show-div {
    display: block;
}
.aanbod-filter-sec label {
    color: #282828;
    margin-bottom: 1rem;
    display: block;
    width: 100%;
    z-index: 2;
    font-family: 'ninetearegular';
    font-size: 1.6rem;
	cursor: pointer;
}
.aanbod-filter-sec label:last-child {
	margin-bottom: 0;
}
.aanbod-filter-sec label span {
    float: right;
    color: #0B1821;
    opacity: 0.65;
}
.aanbod-filter-sec .form-check-input{
    width: 1.6rem;
    height: 1.6rem;
    vertical-align: middle;
    margin-top: -0.3rem;
    margin-right: 0.8rem;
    box-shadow: none;
    border: 1px solid #282828;
    background-color: #F3F3F3;
    border-radius: 0.3rem;
}
.aanbod-filter-sec .form-check-input:checked {
    background-color: #004E00;
    border-color: #004E00;
}
.aanbod-filter-sec .color_box {
	background-color: Gray;
    height: 1.5rem;
    width: 1.5rem;
    margin-left: 1rem;
	margin-top: 0.3rem;
    border-radius: 0.3rem;
}
.aanbod-filter {
	margin-bottom: 2rem;
	width: 20%;
}
.auto-overview-tag {
    margin-right: 0.5rem;
    margin-bottom: 1rem;
    padding: 0.5rem 1.4rem;
    cursor: pointer;
    transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
    color: #F3F3F3;
    border-radius: 1rem;
    background-color:#004E00;
    font-family: 'ninetearegular';
    font-size: 1.6rem;
}
.cross-btn {
    width: 1.1rem;
}
.auto-overview-tag:hover {
	background-color: #282828;
	color: #F3F3F3;
}
.total_search_records {
	margin-top: 3rem;
}
.mobile-filter-close {
    padding: 1.5rem;
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    z-index: 1;
    background-color: #F3F3F3;
	box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.1);
}
.mobile-filter-close span {
    max-width: 3.2rem;
	width: 100%;
    height: 3.2rem;
    background-color: #F3F3F3;
    border-radius: 50%;
	margin-left: auto;
	border: 1px solid #282828;
}
.mobile-filter-close span img {
	width: 1.2rem;
	filter: invert(1);
	-webkit-filter: invert(1);
}
.auto-overview-filter-result .total_search_records {
	margin-top: 0;
	background-color: #282828;
  	border-color: #282828;
  	color: #fff;
	padding: 1rem;
}
.auto-overview-filter-result .total_search_records h4{
	font-size: 1.6rem;
	color: #fff;
}
.auto-overview-filter-result .total_search_records:hover {
	background-color: #282828;
	border-color: #282828;
}
.cursor-pointer {
	cursor: pointer;
}
.filter-sort {
	display: flex;
	align-items: center;
	justify-content: end;
}
.filter-sort h6 {
	margin-right: 1rem;
}
.filter-sort .aanbod-filter {
	margin-bottom: 0;
	width: 20rem;
}
.mobile-show-filter {
    position: fixed;
    left: 0;
    top: 10.5rem;
    background: #333333;
    width: 100%;
    z-index: 5;
    margin-top: 0;
    padding: 1.5rem 5%;
}
.filter-count {
	min-width: 2rem;
	height: 2rem;
	background-color: #282828;
	border-radius: 100%;
	color: #F3F3F3;
	margin-left: .75rem;
	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 {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	color: #121212;
	border-color: #fff;
}
/****aanbod-product-sec*****/
.aanbod-product-sec {
	padding-bottom: 6.6rem;
}
/* .aanbod-product-sec .common-wrap {
	padding: 0 12%;
} */
.aanbod-product-sec .col-lg-4 {
	padding: 0 1rem;
}
.aanbod-product-sec .row {
	margin: 0 -1rem;
}
.aanbod-product-sec .each-product {
	margin-bottom: 3.4rem;
}
/*====================aanbod-dtl page start=======================*/
/*****dtl-top-sec*****/
.dtl-top-sec {
	background-color: #282828;
	padding: 18.3rem 0 9rem; 
}
.dtl-top-model {
	border-bottom: 1px solid #F3F3F3;
	padding-bottom: 3rem;
	margin-bottom: 4rem;
}
.dtl-top-model h6 {
	color: rgba(243, 243, 243, 0.5);
	letter-spacing: 0.4rem;
	line-height: 2rem;
	margin-bottom: 2rem;
}
.dtl-top-model h2 {
	color: #F6F6F6;
	letter-spacing: 0.12rem;
}
.share-btn {
    width: 4rem;
    height: 4rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #F3F3F3;
    border-radius: 100%;
    margin-left: 1rem;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}


.share-btn:hover {
	background-color: #004E00;
	border-color: #004E00;
}
.dtl-top-slider {
	position: relative;
}
.dtl-top-slider .swiper { 
	border-radius: 1rem;
}
.each-dtl-top-car {
	border-radius: 1rem;
	overflow: hidden;
}
.dtl-top-thumb {
	margin-top: 2rem;
}
.each-top-thumb {
	border-radius: 0.7rem;
	overflow: hidden;
	position: relative;
}
.each-top-thumb img {
	height: 100%;
	object-fit: cover;
}
.dtl-top-thumb .row {
	margin: 0 -0.9rem;
}
.dtl-top-thumb .col-lg-2 {
	width: 33.3%;
	padding: 0 0.9rem;
}
.top-thumb-more {
	border-radius: 5px;
	background: rgba(255, 255, 255, 0.10);
	backdrop-filter: blur(2px);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 2rem;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	height: calc(100% - 2rem);
	width: calc(100% - 2rem);
	cursor: pointer;
}
.top-thumb-more h6 {
	color: #F3F3F3;
	font-size: 1.6;
	line-height: 1.8rem;
}
.top-thumb-more img {
	width: 1.2rem;
	height: 1.2rem;
	margin-bottom: 1rem;
}
.each-dtl-top-info { 
	border-radius: 1rem;
	padding: 3.6rem;
	background-color: #333333;
	margin-bottom: 2rem;
}
.each-dtl-top-info:last-child{
	margin-bottom: 0;
}
.each-dtl-top-info h3 {
	color: #F3F3F3;
	letter-spacing: 0.8px;
}
.each-dtl-top-info h3 strong {
	font-weight: 400;
	font-size: 1.4rem;
	letter-spacing: 0.35;
}
.each-dtl-top-info h4 {
	color: #F3F3F3;
	margin-bottom: 3rem;
}
.each-dtl-top-info ul li {
	margin-bottom: 2rem;
	display: flex;
	justify-content: space-between;
	color: #FFF;
	font-size: 1.6rem;
	line-height: 2.6rem;
	font-family: 'nineteamedium';
	position: relative;
}
.each-dtl-top-info ul li::after {
	content: "";
	height: 1px;
	width: 100%;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	position: absolute;
	background-image: url(../images/line.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	filter: brightness(10);
}
.each-dtl-top-info ul li:last-child {
	margin-bottom: 0;
}
.each-dtl-top-info ul li em {
	font-style: normal;
	background-color: #333;
    padding-left: 2rem;
    position: relative;
    z-index: 1;
}
.each-dtl-top-info ul li strong {
	font-weight: 400;
    color: rgba(255, 255, 255, 0.7);
    display: block;
    background-color: #333;
    padding-right: 2rem;
    position: relative;
    z-index: 1;
}
.each-dtl-top-info ol {
	list-style-type: none;
	padding: 0;
	margin: 0 0 2.5rem;
	display: flex;
	align-items: center;
}
.each-dtl-top-info ol li {
	color: #F3F3F3;
	font-size: 1.6rem;
	line-height: 1.7rem;
	position: relative;
	padding-right: 1rem;
	margin-right: 1rem;
}
.each-dtl-top-info ol li a {
	color: #F3F3F3;
}
.each-dtl-top-info ol li::after {
	content: "";
	height: 90%;
	width: 1px;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	position: absolute;
	background-color: #F3F3F3;
}
.each-dtl-top-info ol li:last-child {
	padding: 0;
	margin: 0;
}
.each-dtl-top-info ol li:last-child::after {
	display: none;
}
.each-dtl-top-info ol li a:hover {
	opacity: 0.5;
}
.each-dtl-top-info .common-btn {
	background-color: #004E00;
	border-color: #004E00;
	color: #F3F3F3;
}
.each-dtl-top-info .common-btn:hover {
	background-color: #282828;
	border-color: #282828;
	color: #F3F3F3;
}
.each-dtl-top-info .white-border-btn {
	border-color: #F3F3F3;
	background-color: transparent;
	margin-left: 1.2rem;
}
/*****dtl-tab-sec*****/
.dtl-tab-sec {
	padding: 10rem 0;
}
.dtl-tab-sec .tab-btn .nav-tabs {
	column-gap: 5.1rem;
	padding-bottom: 2.5rem;
	border-bottom: 1px solid rgba(40, 40, 40, 0.5);
	margin-bottom: 4.2rem;
}
.dtl-tab-sec .tab-btn .nav-tabs .nav-item .nav-link {
	border: 0;
    background-color: transparent;
	color: rgba(40, 40, 40, 0.5);
    letter-spacing: normal;
	width: 100%;
	border-radius: 0;
	padding: 0;
}
.dtl-tab-sec .tab-btn .nav-tabs .nav-item {
    font-family: 'nineteamedium';
	font-size: 1.8rem;
    margin: 0;
    word-break: break-word;
}
.dtl-tab-sec .tab-btn .nav-tabs .nav-item .nav-link span{
	position: relative;
	padding-right: 1.5rem;
}
.dtl-tab-sec .tab-btn .nav-tabs .nav-item .nav-link span::after {
	content: "";
    height: 0.7rem;
    width: 1rem;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%) rotate(-90deg);
    background-image: url(../images/tab-arrow.svg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	opacity: 0.5;
}
.dtl-tab-sec .tab-btn .nav-tabs .nav-item .nav-link:hover ,
.dtl-tab-sec .tab-btn .nav-tabs .nav-item .nav-link.active {
	color: #282828;
}
.dtl-tab-sec .tab-btn .nav-tabs .nav-item .nav-link:hover span::after {
	opacity: 1;
}
.dtl-tab-sec .tab-btn .nav-tabs .nav-item .nav-link.active span::after {
    transform: translateY(-50%) rotate(0);
	opacity: 1;
}
/****dtl-tab-content****/
.kenmerken-tab ul {
    display: flex;
    flex-wrap: wrap;
	column-gap: 1rem;
}
.kenmerken-tab li {
    font-family: 'ninetearegular';
    font-size: 1.6rem;
    line-height: 2.6rem; 
    color: #282828;
	width: 16%;
	margin-bottom: 5rem;
}
.kenmerken-tab li span {
	display: block;
}
.bullet-panel h4 {
    border-bottom: 1px solid #282828;
    padding-bottom: 1rem;
    color: #282828;
    font-size: 2rem;
}
.dtl-tab-sec .tab-content .tab-pane .tab_hedaing {
    padding-bottom: 2rem;
}
.bullet-panel {
    margin-bottom: 2rem;
}
.dtl-tab-sec .bullet-panel ul li {
    padding-left: 1.6rem;
    position: relative;
    font-family: 'ninetearegular';
    color: #282828;
	margin-bottom: 1rem;
	font-size: 1.6rem;
}
.dtl-tab-sec .bullet-panel li:after {
    background-size: 0.8rem;
    position: absolute;
    top: 0.8rem;
    left: 0;
    content: '';
    width: 0.8rem;
    height: 0.8rem;
    background-image: url(../images/bullet.svg);
    background-repeat: no-repeat;
}
.dtl-tab-sec .tab-content p {
	font-size: 1.6rem;
	line-height: 2.6rem;
}
.left-bg-block {
    width: 14rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #004E00;
    font-size: 1.6rem;
    line-height: 2.4rem;
}
.block-dtls {
    width: calc(100% - 14rem);
    border: 1px solid #004E00;
    border-left: 0;
    padding: 2rem 1.5rem 0.5rem;
    min-height: 20rem;
}
.left-bg-block h6 {
    line-height: 3rem;
    color: #F3F3F3;
	font-size: 1.6rem;
	font-family: 'nineteamedium';
}
.each-onderhoud-block h4 {
    font-size: 2.2rem;
	text-transform: none;
}
.each-onderhoud-block h5 {
    color: #282828;
    margin: 1rem 0 3rem;
    font-size: 1.8rem;
	font-family: 'ninetearegular';
	text-transform: none;
}
.each-onderhoud-block {
    display: flex;
    margin-bottom: 2rem;
}
/*====================vacature page start=======================*/
.vacature-product-sec {
	padding-top: 9.7rem;
}
.vacature-product-sec .product-price {
	background-color: #004E00;
}
.vacature-product-sec .product-price h4 {
	font-size: 1.6rem;
	color: #F3F3F3;
	letter-spacing: 0.06rem;
}
.share-btn.print-btn img {
    width: 17px;
}
.aanbod-top-button {
	display: flex;
	justify-content: end;
	flex-wrap: wrap;
}
.calsty {
    border: 0;
    width: 100%;
    height: 775px;
    background: transparent;
}
.no-scroll {
   overflow: hidden;
}
.prvc-header {
    background-color: #282828;
}
.privacy_section {
    margin-top: 13rem;
}


/*******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 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: #1c1c1c;*/
    border-bottom: 1px solid #282828;
    text-transform: uppercase;
    display: inline-block;
}
.star_icon p img{
    width: 15px;
    margin-top: -3px;
    margin-right: 5px;
}
.star_icon{
	margin-bottom: 3rem;
}
.star_icon p{
    padding-bottom: 6px;
    word-break: break-word;
}
.photo_contnt li img{
    width: 15px;
    margin-left: 5px;
}
.star_icon h3 {
    margin: 40px 0 30px;
}
.aanbod-detail-tab-sec .tab-content .star_icon p {
    margin: 0;
}
.bullet-panel h3 {
    margin-bottom: 30px;
}
.cursor{
    cursor:pointer;
}
.form-1, .form-2 {
  display:none;
  margin: 0 auto 10px;
  padding: 2rem 0;
} 


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

.error_top {
    margin-top: 15rem;
}


.hidden-menu-nav li a {
	position: relative;
}
.hidden-menu-nav li a::after {
	content: "";
	height: 1px;
	width: 0;
	left: -100vw;
	top: 50%;
	transform: translateY(-50%);
	background-color: #767676;
	position: absolute;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
.hidden-menu-nav li a:hover::after {
	width: 99vw;
}
.hidden-menu-nav li a:hover {
	letter-spacing: 0.2rem;
}
.hidden-menu-nav li a.active-menu {
	letter-spacing: 0.2rem;
}
.hidden-menu-nav li a.active-menu::after {
	width: 99vw;
}

.share-btn span {
  background: none !important;
}
.header-menu .common-btn {
    color: #F3F3F3;
    border-color: transparent;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
/* .service-sec .common-arrow{
	display: flex;
} */
 .each-footer-info tr td:nth-child(odd){
	padding-right: 2rem;
 }
 .each-hidden-menu-info table{
	color: #F3F3F3;
 }
 .each-footer-info table{
	color: #282828;
	  font-family: 'nineteamedium';
 }
 .footer-logo img{
	width: 1200px;
	padding: .8rem;
 }
.diensten-dtl-form-text .each-footer-info table{
	color: #F3F3F3;
 }
.widget-btn-area{
	bottom: 2rem;
  	left: 3rem;
  	z-index: 99;
}
.widget-btn{
	border-radius: 10px;
  	background: #004E00;
	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;
  	font-family: 'ninetearegular';
  	cursor: pointer;
  	color: #fff;
}	
.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-size: 2.4rem;
}
.widget-content h5{
	font-family: 'nineteamedium';
	font-size: 1.7rem;
	margin: 1.5rem 0 5.4rem;
}
.widget-content h5 span{
	text-decoration: underline;
	color: #004E00;
}
.widget-content button, .widget-mobile button{
	border-radius: 5px;
	color: #fff;
	border: 2px solid #004E00;
  	background: #004E00;
	padding: 1.2rem 2rem;
	font-size: 1.7rem;
  	font-family: 'ninetearegular';
	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: #004E00 !important;
}