@import url('https://fonts.googleapis.com/css2?family=Onest:wght@100..900&display=swap');
html{
	font-size: 62.5%;
}
.heading h1, .heading h2, .heading h4, .heading p, .heading h5, .default-btn, .car-variables td, .home-filter span{
	color: #101010;
	font-family: Onest;
}
.heading h1, .heading h2, .heading h4, .heading h5, .default-btn{
	font-weight: 500;
	text-transform: uppercase;
}
.heading h1, .heading h2, .home-filter span{
	font-size: 4.6rem;
	line-height: 118%;
	letter-spacing: normal;
}
.heading h2 span{
	color: #fff;
}
.heading h1{
	color: #FFF;
	font-size: 5rem;
	font-weight: 300;
	margin-bottom: 5px;
}
.heading h4{
	color: #213E78;
	font-size: 2.8rem;
	line-height: 140.5%;
	letter-spacing: 0.28px;
}
.heading h5{
	font-size: 2rem;
	letter-spacing: 0.2px;
}
.heading p{
	font-size: 1.6rem;
	line-height: 150%;
	text-align: left;
  	letter-spacing: normal;
}
.default-btn{
	border-radius: 85px;
	border: 1px solid #101010;
	font-size: 1.4rem;
	padding: 18px 28px;
	display: inline-block;
}
.default-btn:hover, .home-banner-content .default-color-btn{
	background: #29ABE2;
	border-color: #29ABE2;
	color: #F7FAF6;
}
.default-btn, .car-block a.d-block, .car-block .position-absolute.w-100, .hamburger-div, .service-slider .swiper-slide, 
.each-service-text-wrap, .each-service-text h4, .each-service-text{
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.default-white-btn{
	background: transparent;
	border-color: #F7FAF6;
	color: #F7FAF6;
}
.bg-gray{
	background: #f6f6f6;
}
.top-0{
	top: 0;
}
.left-0{
	left: 0;
}
/*==============header===============*/
.new-header{
	background: #2B2B2B;
	z-index: 99;
}
.new-header, .new-header .menu-items a, .home-filter p, .header-menu .dropdown-menu{
	font-family: Onest;
	font-weight: 500;
}
.topbar{
	background: #213E78;
	font-size: 1.2rem;
	letter-spacing: 0.12px;
}
.topbar a:hover{
	text-decoration: underline;
}
.topbar .border-right{
	border-color: rgba(238, 238, 238, 0.50) !important;
}
.header-logo{
	padding-left: 60px;
  	padding-right: 80px;
	background: #2B2B2B;
	border-right: 1px solid rgba(255,255,255,0.5);
}
.header-menu{
	column-gap: 30px;
	padding-right: 7%;
}
.header-menu, .new-header .menu-items a, .header-menu .dropdown-menu{
	color: #FFF;
	font-size: 1.6rem;
	letter-spacing: 0.16px;
	text-transform: uppercase;
}
.header-bovag{
	object-fit: contain;
}
.hamburger-div{
	border-radius: 65px;
	border-color: #F7FAF6 !important;
	padding: 12px 18px;
	cursor: pointer;
}
.hamburger-div .menu-icon{
	width: 18px;
}
.hamburger-div .menu-icon:after, .hamburger-div .menu-icon:before, .hamburger-div .menu-icon div {
	width: auto;
	background: #fff;
	height: 2px;
	margin: 3px 0;
}
.hamburger-div .menu-icon.active:before {
	transform: translateY(4px) rotate(135deg);
}
.hamburger-div .menu-icon.active div {
	transform: scale(0);
}
.hamburger-div .menu-icon.active:after {
	transform: translateY(-6px) rotate(-135deg);
}
.new-header .menu-items li{
	margin-bottom: 15px;
  	border-bottom: 1px solid rgba(255,255,255,0.1);
  	padding-bottom: 5px;
}
.new-header .menu-items a:hover{
	color: #29abe2;
}
.header-menu li a{
	padding: 5px 0;
}
.header-menu .dropdown-menu{
  	min-width: max-content;
  	padding: 10px 0;
  	background: #213E78;
  	border-radius: 6px;
  	margin-top: 5px;
}
.header-menu .dropdown-menu a{
	padding: 4px 15px;
}
.header-menu .dropdown-menu a:not(:last-child){
	border-bottom: 1px solid rgba(255,255,255,0.04);
}
.header-menu .dropdown-menu a:hover{
	color: #29ABE2 !important;
}
.header-menu .dropdown:hover .dropdown-menu{
	display: block;
}
.new-header .menu-items .dropdown-toggle:after{
	background: url(../images/down-arrow-color.svg) no-repeat center / 12px;
  	border: 0;
  	width: 20px;
  	height: 20px;
  	position: absolute;
  	right: 0;
  	top: 50%;
  	transform: translateY(-50%);
}
.new-header .menu-items .dropdown-toggle:not(:hover){
	filter: brightness(0) invert(1);
	-webkit-filter: brightness(0) invert(1);
}
/*================home-banner=========*/
main{
	padding-top: 125px;
}
.home-banner{
	background: #101010;
	height: 95vh;
	overflow: hidden;
}
.home-banner .banner_background_video .video-js .vjs-tech{
	object-fit: cover;
}
.home-banner .banner_background_video .video-js{
	width: 100% !important;
	height: 100% !important;
}
.home-banner .banner_background_video{
	height: 100% !important;
}
.home-banner img.h-100, .each-service img{
	object-fit: cover;
}
.home-banner .position-absolute.h-100{
	background: rgba(21, 21, 21, 0.4);
	z-index: 2;
}
.home-banner-content{
	top: 50%;
	transform: translateY(-50%);
	z-index: 3;
}
.home-banner-content .mx-auto{
	max-width: 840px;
}
.home-banner-content .default-color-btn:hover{
	background: #fff !important;
  	border-color: #fff;
  	color: #121212;
}
/*==============home-filter=============*/
.home-filter{
	background: rgba(249, 248, 246, 0.05);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	z-index: 2;
}
.home-filter span{
	font-weight: 600;
	font-size: 3.5rem;
}
.home-filter p{
	letter-spacing: 0.8px;
	text-transform: uppercase;
}
.home-filter .ml-0{
	padding-right: 9%;
	padding-left: 8%;
}
.home-filter .filter-wrap{
	padding-left: 6%;
	padding-right: 6%;
}
.home-filter select, .home-filter button{
	color: #F9F8F6;
	font-family: 'LamaSansLight';
	font-size: 2rem;
	outline: none;
}
.home-filter select{
	appearance: none;
	-webkit-appearance: none;
	padding-right: 20px;
	text-overflow: ellipsis;
	background: url(../images/down-arrow.svg) transparent no-repeat center right 10px /10px;
}
.home-filter select option{
	font-family: arial;
	color: #000;
	font-size: 1.6rem;
}
/*==============home-service============*/
.home-service{
	background: #1b1b1b;
	overflow: hidden;
	z-index: 1;
	position: relative;
}
.each-service {
	overflow: hidden;
	height: 530px;
	border-radius: 10px;
}
.each-service .position-absolute.h-100 {
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%);
}
.each-service-text {
	bottom: 0;
	padding: 40px;
}
.each-service-text p {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: 5px auto 20px;
    color: #fff;
    text-align: center;
    max-width: 490px;
}
.each-service-text h4{
	color: #f6f6f6;
	margin-bottom: 30px;
}
.each-service-text-wrap {
	bottom: -140px;
    z-index: 1;
}
.each-service:hover .each-service-text{
	padding-bottom: 120px;
}
.each-service:hover .each-service-text-wrap  {
	bottom: 0;
}
.each-service:hover .each-service-text p {
	-webkit-line-clamp: 4;
	margin-top: -25px;
}
.service-slider {
    width:100vw;
	margin-left:-50vw;
	left:50%;
}
.service-slider .hover-service {
    width: 38% !important;
}
.service-slider .no-hover-service {
	width: 20.7% !important;
}
/*===============car-block===============*/
.car-block h2, .car-model h5{
	margin-bottom: 5px;
}
.car-block a.d-block{
	overflow: hidden;
}
.car-block .position-absolute.w-100{
	top: 50%;
	transform: translateY(-50%) rotate(-45deg);
	opacity: 0;
}
.car-block .position-absolute.w-100 span{
	width: 64px;
	height: 64px;
	background: #29ABE2;
	border: 1px solid rgba(255, 255, 255, 0.5);
}
.car-block a.d-block:hover .position-absolute.w-100{
	opacity: 1;
}
.car-model{
	padding: 30px 20px 20px;
}
.car-block a.d-block:hover{
	background-color: #213e78 !important;
}
.car-block a.d-block:hover h5, .car-block a.d-block:hover p{
	color: #fff;
}
.car-model p{
	height: 50px;
  	overflow: hidden;
}
.car-variables table{
	width: 100%;
}
.car-variables td{
	font-size: 1.4rem;
	vertical-align: top;
	font-weight: 500;
	padding: 23px 7px;
	text-align: center;
	transition: background-color 0.5s;
	-webkit-transition: background-color 0.5s;
}
.car-variables td img{
	margin-top: -3px;
}
.car-block a.d-block:not(:hover) td{
	background-color: #ECECEC;
}
.car-block a.d-block:hover td{
	color: #fff;
}
.car-block a.d-block:hover td img{
	filter: brightness(0) invert(1);
	-webkit-filter: brightness(0) invert(1);
}
.car-block .swiper-button-next, .car-block .swiper-button-prev{
	border: 1px solid #29ABE2;
	background: #29ABE2;
	width: 48px;
	height: 48px;
}
.car-block .swiper-button-next:not(:hover), .car-block .swiper-button-prev:not(:hover){
	border-color: rgba(18, 18, 18, 0.3);
	background: #f6f6f6;
}
.car-block .swiper-button-next:after, .car-block .swiper-button-prev:after{
	display: none;
}
.car-block .swiper-button-next:not(:hover) img, .car-block .swiper-button-prev:not(:hover) img{
	filter: brightness(1) invert(1);
	-webkit-filter: brightness(1) invert(1);
}
.car-block .swiper-button-next, .car-block .swiper-button-prev{
	right: -70px;
	left: auto;
}
.car-block .swiper-button-prev img{
	transform: rotate(180deg);
}
/*================content-block===============*/
.content-block p span{
	margin: 14px 0 30px;
	max-width: 640px;
  	display: block;
}
.content-block img.w-100, .content-block .bg-gray, .content-block li, .car-block a.d-block{
	border-radius: 10px;
}
.content-block h4{
	margin-bottom: 4px;
}
.content-block li{
	padding: 20px 30px;
}
.content-block .bg-gray{
	margin: -21% 6% 6%;
}
/*=============footer=============*/
.new-footer{
	background: #232323;
	font-size: 1.6rem;
	font-family: "Onest", sans-serif;
	line-height: 24px;
}
.new-footer, .new-footer p, .new-footer a{
	color: rgba(255, 255, 255, 0.70);
}
.new-footer span, .new-footer a:hover{
	color: #29ABE2;
}
.new-footer td:nth-child(odd){
	padding-right: 20px;
}
.new-footer .text-white{
	font-weight: 600;
}
.new-footer .ml-lg-auto{
	max-width: 670px;
}
.new-footer hr{
	border-color: #29ABE2;
}
.social-icon{
	width: 36px;
	height: 36px;
	border: 1px solid rgba(255,255,255,0.2);
	margin-right: 7px;
}
.social-icon:hover{
	background: #29ABE2;
	border-color: #29ABE2;
}
.social-icon.whatsapp-btn{
	background: #25D366;
	border-color: #25D366;
}
.new-footer .brand-logo{
	max-height: 44px;
}