*{
	padding: 0px;
	margin: 0px;
	box-sizing: border-box;
}
/* Color Scheme */
:root {
	--black: #000000;
	--white: #ffffff;
	--primary: #0E0D12;
	--lightbg: #F3F3F3;
}
/* Custom Scrollbar Starts */
/* Webkit-based browsers (Chrome, Safari, Edge) */
::-webkit-scrollbar {
    width: 4px;
}
::-webkit-scrollbar-track {
    background: var(--primary);
}
::-webkit-scrollbar-thumb {
    background: var(--white);
    border-radius: 40px;
}
::-webkit-scrollbar-thumb:hover {
    background: var(--white);
}
/* Firefox-specific styles */
@-moz-document url-prefix() {
    * {
        scrollbar-width: thin;
        scrollbar-color: var(--white) var(--primary);
    }
}
/* Custom Scrollbar Ends */
/* Default */
ul {
	list-style: none;
	padding-left: 0px;
}
a {
	text-decoration: none;
	transition: all 0.3s linear;
}
img {
	display: block;
}
h2 {
	font-size: 30px;
	font-style: normal;
	font-weight: 600;
	line-height: 110%;
	text-transform: uppercase;
}
h2 span {
	font-weight: 300;
	font-size: 25px;
	display: block;
}
h3 {
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 110%;
	text-transform: uppercase;
}
h4 {
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 110%;
	text-transform: uppercase;
}
h5 {
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 110%;
	text-transform: uppercase;
}
h6 {
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	line-height: 110%;
	text-transform: uppercase;
}
p{
	line-height: 20px;
}
.padtop {
	padding-top:50px;
}
.padbotm {
	padding-bottom:50px;
}
.aligncenter {
	text-align: center;
}
.section {
	width: 100%;
	display: block;
}
.flexrow {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
body {
	background-color: var(--lightbg);
	color: var(--black);
	font-size: 15px;
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	letter-spacing: 0.2px;
	text-rendering: optimizeLegibility; /* Enables ligatures and kerning */
  	-webkit-font-smoothing: antialiased; /* Smooth font edges in WebKit browsers */
  	-moz-osx-font-smoothing: grayscale; /* Smooth fonts in macOS */
}
select,button,input,textarea {
	font-family: "Roboto", sans-serif;
}
button {
	background-color: transparent;
	outline: 0;
	border: 0px;
	cursor: pointer;
}
.container {
	width: 1170px;
	padding: 0px 15px;
	margin: 0 auto;
}
.btnlight {

    height: 35px;
    background-color: var(--white);
    color: var(--primary);
    text-align: center;
    display: inline-block;
    line-height: 32px;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px;
}
.btndark {
	min-width: 160px;
    height: 42px;
	border: 1px solid var(--white);
	background: radial-gradient(426.82% 72% at 30% -4950%, rgba(255, 255, 255, 0.23) 0%, rgba(0, 0, 0, 0.00) 52%), linear-gradient(83deg, rgba(0, 0, 0, 0.00) 50%, rgba(255, 255, 255, 0.04) 50%), linear-gradient(272deg, rgba(255, 255, 255, 0.01) 0%, rgba(255, 255, 255, 0.10) 100%), var(--color-azure-1520, rgba(20, 43, 58, 0.20));
	box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.05);
	backdrop-filter: blur(2.5px);
	color: var(--white);
	text-align: center;
    display: inline-block;
    line-height: 42px;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 1px;
}
/* Header Styles Starts */
header {
	position: fixed;
	padding: 15px 0px;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 100;
}
.stickyheader {
	background-color: rgba(0, 0, 0, 0.8);
    border-bottom: 1px solid var(--lighbg);
    backdrop-filter: saturate(180%) blur(4px);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
}
.logo {
	position: relative;
    left: -127px;
}
.mainnav li{
	float: left;
	margin-right: 8px;
}
.mainnav li:last-child {
	margin-right: 0px;
}
.mainnav li a {
	color: var(--white);
	font-weight: 400;
	text-transform: capitalize;
	position: relative;
	padding: 0px 10px;
	min-width: 66px;
    display: block;
    font-size: 14px;
    text-align: center;
}
.mainnav li a:before {
	content: "";
	border-radius: 2px;
	position: absolute;
	width: 100%;
	left: 0;
	top: -5px;
	background-color: var(--white);
	height: 27px;
	min-width: 66px;
	opacity: 0;
	visibility: hidden;
	z-index: -1;
}
.mainnav li a:hover:before {
	opacity: 1;
	visibility: visible;
}
.mainnav li a:hover{
	color: var(--primary);
}
.mainnav li.active a:before {
	opacity: 1;
	visibility: visible;
}
.mainnav li.active a {
	color: var(--primary);
}
.hdrcta {
	padding: 11px 20px;
	background: radial-gradient(238.25% 82.63% at 25% -4950%, rgba(255, 255, 255, 0.09) 0%, rgba(0, 0, 0, 0.00) 61%), linear-gradient(85deg, rgba(0, 0, 0, 0.00) 31%, rgba(255, 255, 255, 0.02) 31%), linear-gradient(274deg, rgba(255, 255, 255, 0.01) 0%, rgba(255, 255, 255, 0.10) 100%), rgba(46, 57, 65, 0.80);
	box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.05);
	backdrop-filter: blur(2.5px);
	display: flex;
	column-gap: 15px;
}
.hdrcta li:nth-child(2) {
	background-color: rgba(255, 255, 255, 0.09);
	width: 1px;
	height: 30px;
}
.hdrcta li a img {
	transition: all 0.3s;
}
.hdrcta li a:hover img {
	transform: scale(1.3);
}
/* Header Styles Ends */
/* Hero Video Banners Style Starts */
.herovideobanr {
	position: relative;
}
.herovideobanr:before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: rgb(2 7 11 / 55%);
    top: 0px;
    z-index: 1;
}
.herovideobanr video{
	position: relative;
	width: 100%;
	height: 100vh;
	object-fit: cover;
}
.herocontnt {
	position: absolute;
    left: calc(50% - 589px);
    top: 35%;
    width: 1170px;
    padding: 0px 15px;
    z-index: 2;
}
.herocontnt h1 {
	color: var(--white);
	font-size: 50px;
	font-style: normal;
	font-weight: 700;
	line-height: 110%;
	letter-spacing: 2.2px;
	text-transform: uppercase;
}
.herocontnt h1 span {
	display: block;
	font-size: 43px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    letter-spacing: 1.2px;
}
.herocontnt p {
	margin-top: 20px;
    margin-bottom: 30px;
    color: var(--white);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    text-transform: capitalize;
}
.herocontnt .btnlight {
	margin-right: 15px;
}
.playsound {
	position: absolute;
	bottom: 120px;
    left: 23px;
	color: var(--white);
	font-weight: 300;
	text-transform: uppercase;
	font-size: 9px;
	text-align: center;
	z-index: 2;
}
.playsound span {
	font-weight: 400;
	font-size: 15px;
	display: block;
}
.soundicon {
	background: radial-gradient(238.25% 82.63% at 25% -4950%, rgba(255, 255, 255, 0.09) 0%, rgba(0, 0, 0, 0.00) 61%), linear-gradient(85deg, rgba(0, 0, 0, 0.00) 31%, rgba(255, 255, 255, 0.02) 31%), linear-gradient(274deg, rgba(255, 255, 255, 0.01) 0%, rgba(255, 255, 255, 0.10) 100%), rgba(46, 57, 65, 0.80);
	box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.05);
	backdrop-filter: blur(2.5px);
	width: 53px;
	height: 50px;
	display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 2;
}
.stopbgvideo {
	left: inherit;
    right: 23px;
	text-align: center;
}
/* Hero Video Banners Style Ends */
/* Service Charge Section Starts */
.servicecharged {
	background-color: var(--white);
}
.servicecharged .flexrow {
	justify-content: center;
	align-items: center;
	column-gap: 80px;
	margin-top: 30px;
}
.scb-icon {
	background-color: var(--lightbg);
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 15px;
	min-width: 231px;
	min-height: 91px;
}
.scbox span {
	font-size: 18px;
    font-weight: 300;
    display: block;
    text-align: center;
    margin-top: 8px;
}
/* Service Charge Section Ends */
/* Car Section Starts */
.car-section {
	background-color: var(--lightbg);
}
.tabtop {
	margin-top: 40px;
	margin-bottom: 15px;
	position: relative;
}
.brandsmenu {
	/*display: flex;*/
	column-gap: 15px;
}
.brandsmenu li {
    display: inline-block;
    margin-bottom: 5px;
}
.brandsmenu li a {
	background-color: #dddedf;
	border-radius: 9px;
	min-width: 105px;
    min-height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
}
/* Car Card */
.tabcntnt {
	display: flex;
	justify-content: space-between;
	row-gap: 20px;
	flex-wrap: wrap;
}
.carcard {
	/*flex: 0 0 32.5%;*/
	background-color: #dddedf;
	border-radius: 10px;
	overflow: hidden;
	position: relative;

}
.bookcarbtn:hover{
    cursor: pointer;
}
a:hover {
	text-decoration: none;
}
.brandicon {
	position: absolute;
	left: 20px;
	top: 20px;
	width: 14%;
	height: auto;
	filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}
.carcard .carimg {
	width: 100%;
	height: auto;
}
.carcardcntnt {
	position: absolute;
	bottom: 0px;
	width: 100%;
	padding: 15px;
}
.carcardcntnt h3 {
	color: var(--white);
    text-transform: uppercase;
    font-size: 20px;
    font-style: normal;
    font-weight: bold;
    line-height: 17.4px;
}
.pricebox img{
    filter: brightness(0) invert(1);
    width: 14px;
    margin: auto;
}
.pricewrap {
	display: flex;
	justify-content: space-between;
	margin: 10px 0;
    text-align: center;
}
.my-auto{
    margin: auto 0;
}
.mx-2{

    margin-left: 6px ;
}
.gray-div {
    display: flex;
    justify-content: space-around;
    color: #c6c7c7;
    background: #434b53;
    border-radius: 10px;
    padding: 10px 5px;
    font-size: 12px;
    margin-bottom: 10px;
    margin-top: 2px;
}
.d-flex{
    display: flex;
}
.white{
    color: white;
}
.pricebox {
    text-align: center;
    margin: auto;
	/*display: flex;*/
    /*flex: 0 0 42%;*/
    /*align-items: baseline;*/
    /*column-gap: 4px;*/
}
.currency {
	color: var(--white);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase;
}
.mprice {
	color: var(--white);
	font-size: 17px;
	font-style: normal;
	font-weight: 400;
	text-transform: uppercase;
    display: flex;
}
.pricecatgry {
	color: var(--white);
	font-size: 12px;
	font-style: normal;
	font-weight: 300;
}
.priceseprtr {
	max-width: 1px;
	flex: 0 0 1%;
	height: 45px;
	background-color: var(--white);
    margin-top: 8px;
}
.my-2{
    margin-top: 3px;
    margin-bottom: 1px;
}
.pricebox p{
    font-size: 12px;
    font-weight: 100;
}
.carcardcntnt .btnlight {
	width: 100%;
	border-radius: 5px;
	letter-spacing: 0px;
	display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 10px;
}
.carcardcntnt .btnlight img {
	/*filter: brightness(0) invert(1);*/
    /*-webkit-filter: brightness(0) invert(1);*/
    width: 16px;
}
.fs-12{
    font-size: 12px;
}
.mb-0{
    margin-bottom: 0;
}
.carcardcntnt .btnlight:hover {
    background-color: #dddedf;
}
.bookcta {
	/*border-radius: 5px;*/
	/*border: 1px solid var(--white);*/
	min-height: 42px;
	/*margin-top: 10px;*/
	display: flex;
	justify-content: center;
	align-items: center;
	column-gap: 10px;
}
.bookcta img {
	max-width: 15%;
}
.bookctabox {
	display: flex;
	color: var(--white);
	column-gap: 10px;
    align-items: center;
    font-size: 15px;
    font-weight: 400;
    min-width: 117px;
}
.bookctabox:hover {
	color: #dddedf;
}
.bookseprtr {
	max-width: 1px;
	flex: 0 0 1%;
	height: 29px;
	background-color: var(--white);
}
/* Car Section Ends */
/* FAQ's Section Starts */
.accordwrapr {
    width: 100%;
    margin: auto;
}
.accordwrapr h2 {
	margin-bottom: 35px;
}
.acc-item {
    margin-bottom: 10px;
}
.acc-item:last-child {
    margin-bottom: 0px;
}
.accordwrapr .acc-body {
    width: 100%;
    height: 0;
    color: rgba(0, 0, 0, 0);
    line-height: 23px;
    padding: 0px 15px 5px 15px;
    visibility: hidden;
    font-size: 16px;
}
.accordwrapr label {
    cursor: pointer;
    background-color: var(--primary);
    display: block;
    padding: 15px;
    width: 100%;
    color: var(--white);
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
}
.accordwrapr input{
    display: none;
}
.accordwrapr label:after {
    content:url('../img/plusicon.svg');
    width: 16px;
    height: 16px;
    float: right;
}
.accordwrapr input:checked+label:before {
    filter: brightness(1) invert(1);
    -webkit-filter: brightness(1) invert(1);
}
.accordwrapr input:checked+label:after {
    content:url('../img/minusicon.svg');
    width: 28px;
    height: 2px;
    filter: brightness(1) invert(1);
    -webkit-filter: brightness(1) invert(1);
    position: relative;
    top: -4px;
    right: -6px;
}
.accordwrapr input:checked~.acc-body {
    height: auto;
    color: var(--black);
    font-size: 14px;
    padding: 15px 15px 5px 15px;
    visibility: visible;
    transition: all 0.3s linear;
}
/* FAQ's Section Ends */
/* Services Section Starts */
.srvb-cntnt.active p {
    max-height: 500px; /* Adjust as needed */
    opacity: 1;
    margin-top: 20px;
}
.srvb-cntnt.active + .servcoverlay {
    display: block;
}
.srvb-cntnt.active .dtailicon {
    transform: rotate(-270deg);
}
.servicsec {
	background-color: var(--lightbg);
}
.serviceswrap {
	display: flex;
	margin-top: 35px;
	justify-content: space-between;
	flex-wrap: wrap;
	row-gap: 20px;
	padding: 0px 140px;
}
.servcbox {
	border-radius: 10px;
	overflow: hidden;
	flex: 0 0 49%;
	position: relative;
}
.srvb-cntnt {
	position: absolute;
	bottom: 0px;
	left: 0px;
	padding: 25px 46px 25px 25px;
	width: 100%;
	z-index: 1;
}
.srvb-cntnt h3 {
	color: var(--white);
	text-transform: uppercase;
}
.dtailicon {
	position: absolute;
    right: 15px;
    bottom: 25px;
    max-width: 6%;
    cursor: pointer;
    width: 38px;
    transition: transform 0.3s ease-out;
}
.srvb-cntnt p {
	color: var(--white);
	font-weight: 300;
	line-height: 20px;
	max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out, opacity 0.3s ease-out;
    opacity: 0;
}
.servcoverlay {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	opacity: 0.85;
	display: none;
	background: linear-gradient(180deg, rgba(19, 30, 40, 0.60) -14.29%, #131E28 111.06%), lightgray -299.666px -6px / 178.385% 100.515% no-repeat;
}
.srvcimg {
	width: 100%;
	height: auto;
} 
/* Services Section Ends */
/* Content Sections Starts */
.cntntsec01 h3 {
	margin-top: 25px;
	margin-bottom: 10px;
}
.cs01-botmservc {
	display: flex;
	justify-content: space-between;
	margin-top: 35px;
	column-gap: 15px;
}
.cs01-botmservc figure {
	border-radius: 10px;
	position: relative;
	display: block;
	overflow: hidden;
}
.cs01-botmservc figure img {
	width: 100%;
	height: auto;
}
.cs01-botmservc figcaption {
	position: absolute;
	bottom: 0px;
	left: 0px;
	padding: 30px;
	color: var(--white);
	text-transform: uppercase;
	font-weight: 600;
	font-size: 20px;
	width: 100%;
	text-align: center;
}
.cntntsec03 {
	position: relative;
    min-height: 710px;
    display: block;
    width: 100%;
    height: auto;
    background-color: var(--black);
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url('../img/cntntsec03bg.webp');
}
.cntntsec03:after, .cntntsec03:before {
    content: "";
    width: 100%;
    height: 60px;
    background-color: var(--lightbg);
    display: block;
}
.cntntsec03:after {
    -webkit-transform: skew(0deg, 2deg);
    transform: skew(0deg, 2deg);
    position: absolute;
    bottom: -30px;
}
.cntntsec03:before {
    -webkit-transform: skew(0deg, -2deg);
    transform: skew(0deg, -2deg);
    position: absolute;
    top: -30px;
}
.cnts03lft {
    width: 41.666667%;
    padding-top: 190px;
    float: left;
    padding-right: 45px;
}
.cnts03lft h2 {
	color: var(--white);
	text-transform: uppercase;
	margin-bottom: 10px;
}
.cnts03lft p {
    color: var(--white);
    font-weight: 300;
}
.cnts03rgt {
    padding-top: 50px;
    width: 58.333333%;
    float: right;
}
.cnts03rbox {
    width: 49%;
    float: left;
    margin-right: 2%;
    margin-top: 13px;
    padding: 25px;
    border-radius: 15px;
    background-color: rgba(0, 0, 0, .5);
}
.cnts03rbox:nth-child(2n) {
    margin-right: 0;
}
.cnts03rbox h3 {
	color: var(--white);
	text-transform: capitalize;
	font-size: 18px;
	margin-bottom: 10px;
}
.cnts03rbox p {
	color: var(--white);
	font-size: 14px;
	font-weight: 400;
	min-height: 80px;
}
.cntntsec04 {
	position: relative;
}
.cntntsec04 .container {
    padding-top: 50px;
    padding-bottom: 50px;
    min-height: 300px;
    width: 1140px;
    border-radius: 25px;
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
    background-image: url('../img/cntnt04bg.webp');
}
.cnts04lft {
    padding-left: 50px;
    width: 50%;
}
.cnts04lft h2 {
	color: var(--white);
	margin-bottom: 15px;
}
.cnts04lft p {
	color: var(--white);
	font-weight: 300;
}
.cntntsec05 {
	display: inline-block;
	width: 100%;
}
.cnts05lft {
	width: 48%;
	float: left;
}
.cnts05rgt {
	width: 49%;
    float: right;
    padding-top: 45px;
}
.cnts05rgt h2 {
	color: var(--black);
	margin-bottom: 15px;
}
.cs02top {
	margin-bottom:50px;
}
.cs02top .srvb-cntnt h2 {
	color: var(--white);
}
.sc02toplogo {
	position: absolute;
	top: 30px;
	left: calc(50% - 121px);
}
.cs02botm {
	display: flex;
	justify-content: space-between;
	column-gap: 30px;
}
.cs02b-box {
	background-color: var(--primary);
	border-radius: 15px;
	padding: 30px;
}
.cs02b-box h3 {
	color: var(--white);
	margin-bottom: 15px;
}
.cs02b-box h3 span {
	font-weight: 300;
	display: block;
}
.cs02b-box p {
	color: var(--white);
	font-weight: 300;
}
/* Content Sections Ends */
/* Footer Css Start */
footer {
	display: inline-block;
	width: 100%;
}
.fotrwrap {
	background-color: var(--primary);
}
.fotrwrap .flexrow {
	align-items: flex-start;
	flex-wrap: wrap;
}
.ftrw-title {
	color: var(--white);
	font-weight: 600;
	font-size: 25px;
	text-transform: uppercase;
	margin-bottom: 20px;
}
.fotrwidet p {
	color: var(--white);
	font-size: 15px;
	font-weight: 300;
	text-transform: capitalize;
	line-height: 24px;
}
.fotrwidet:nth-child(1) {
	flex: 0 0 22%;
}
.fotrwidet:nth-child(3) {
	flex: 0 0 30%;
}
.cntctfield {
	display: flex;
	column-gap: 15px;
	margin-bottom: 8px;
}
.cntctfield a {
	color: var(--white);
	font-size: 15px;
	font-weight: 300;
	text-transform: capitalize;
}
.cntctfield a:hover {
	color: #cfcfcf;
}
.cntctfield img {
	max-width: 5%;
}
.fotrnav li{
	margin-bottom: 10px;
}
.fotrnav li:last-child {
	margin-bottom: 0px;
}
.fotrnav li a {
	color: var(--white);
	font-size: 15px;
	font-weight: 300;
	text-transform: capitalize;
}
.fotrnav li a:hover {
	color: #cfcfcf;
}
.fotcopyright {
	flex: 0 0 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	row-gap: 15px;
	color: var(--white);
	font-size: 13px;
	font-weight: 300;
	padding-top: 30px;
}
/* Footer Css Ends */
/* Car Tabs Styling Starts */
.tab-button.active {
    background-color: var(--white);
    box-shadow: 0 0 10px #dddddd;
}
.tabcntnt {
    display: none;
    -webkit-animation: fadeEffecttab 1s;
    animation: fadeEffecttab 2s;
}
@keyframes fadeEffecttab{
    from{
        opacity:0;
    }
    to{
        opacity:1;
    }
}
.tabcntnt.active {
    display: block;
}
/* Car Tabs Styling Ends */
/* Sort By Styling Starts */
.filter {
	width: 18%;
	padding: 0px 15px;
    /*position: absolute;*/
    top: 0;
    right: 0px;
    background-color: var(--primary);
	height: 45px;
	color: var(--white);
	text-transform: uppercase;
	font-size: 15px;
	font-weight: 300;
	appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 94% center;
    background-size: 10%;
    background-image: url('../img/sortingicon.svg');
    outline: 0px;
    border: 0px;
}
.filter option {
	font-size: 14px;
	padding: 3px 0px;
}
/* Sort By Styling Ends */
/* Go To Top Starts */
.go-top {
	position: fixed;
    bottom: 25%;
    right: 70px;
    padding: 10px;
    display: none;
    cursor: pointer;
}
.go-top:after {
  	content: "";
    background-image: url(../img/longarrowright.svg);
    background-size: 55%;
    background-repeat: no-repeat;
    background-color: var(--primary);
    padding: 2px 22px;
    position: absolute;
    bottom: 10px;
    height: 31px;
    transform: rotate(-90deg);
    background-position: center center;
}
.go-top-text {
	position: absolute;
    width: 60px;
    text-align: center;
    line-height: 1.3;
    letter-spacing: 3px;
    font-size: 12px;
    margin: 10px 0 0 -6px;
    color: #7a7a7a;
}
.go-top:hover {
	transition: all .4s linear;
	transform: scale(1.1);
}
/* Go To Top Ends */
/* Desktop WhatsApp Floating Icon Starts */
.whatsappdesktop {
	position: fixed;
    z-index: 1000;
    bottom: 20px;
    left: 20px;
    width: 60px;
    height: 60px;
    background-color: #25D366;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* Desktop WhatsApp Floating Icon Ends */
/* Book Car Popup Styling Starts */
.bookcarpop {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(5px);
    z-index: 10000000000;
    overflow: hidden;
    display: none;
}
.bcpcntnt {
	background-color: var(--primary);
	width: 550px;
	padding: 20px;
	border-radius: 8px;
}
.poptitle {
	color: var(--white);
	font-size: 30px;
	font-weight: 500;
	text-transform: uppercase;
	display: block;
	text-align: center;
	margin-bottom: 20px;
}
.bookform {
	display: flex;
    justify-content: space-between;
    column-gap: 4%;
    flex-wrap: wrap;
    width: 100%;
    row-gap: 20px;
}
.inputgroup {
	flex: 0 0 48%;
	display: flex;
	flex-direction: column;
	row-gap: 5px;
}
.inputgroup label {
	color: var(--white);
	font-size:15px;
	font-weight: 500;
	text-transform: capitalize;
}
.inputgroup label span {
	color: red;
}
.inputgroup input, .inputgroup textarea, .inputgroup select {
	height: 40px;
	border-radius: 7px;
	border: 0px;
	outline: 0px;
	padding: 0px 15px;
	color: var(--black);
	font-size: 14px;
	background-color: var(--white);
	width: 100%;
}
.inputgroup textarea {
	height: 80px;
	padding: 15px 15px;
}
.textarea {
	flex: 0 0 100%;
}
.formbtns {
	display: flex;
	justify-content: flex-end;
	column-gap: 15px;
	width: 100%;
	margin-top: 10px;
}
.formbtns button {
	background-color: var(--white);
	border-radius: 8px;
	border: 0px;
	outline: 0px;
	font-size: 16px;
	color: var(--primary);
	font-weight: 500;
	text-transform: capitalize;
	height: 46px;
	min-width: 100px;
	cursor: pointer;
}
.formbtns button:last-child {
	background-color:#dc3545 ;
	color: var(--white);
}
/* Book Car Popup Styling Ends */
/* Form Validation CSS Starts */
.div-input{
	display: flex;
	flex-direction: column;
	flex: 0 0 20%;
}
.msg-input-error{
	position: relative;
	    margin-top: 6px;
    display: flex;
	height: 1px;
	color: red;
	padding-left: 5px;
}
.btn-send-form{
	display: flex !important;
	gap: 10px !important;
	justify-content: center;
	align-items: center;
}
.btn-send-form p{
	transition: color 0.5s;
}
.btn-send-form:hover p {
	color: black !important;
}
.spinner-active {
	border: 5px dashed black;
	width: 23px;
	height: 23px;
	border-radius: 50%;
	animation-name: loop-spinner-active;
	animation-fill-mode: both;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
.btn-send-form:focus p{
	color: black !important;
}
.btn-send-form .spinner{
	border-color: white !important;
	transition: border-color 0.5s;
}
.btn-send-form:hover .spinner{
	border-color: black !important;
}
@keyframes loop-spinner-active {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
.div-form-message{
	display: flex;
	justify-content: center;
}
.form-message{
	padding-bottom: 10px;
}
/* Form Validation CSS Ends */
/* Mobile Hamburger Menu Icon styles Starts */
.mobilemenuicon {
	position: relative;
	color: var(--white);
	display: flex;
    flex-direction: row-reverse;
    align-items: center;
    column-gap: 6px;
    display: none;
}
.mobmenutext {
	font-weight: 600;
	font-size: 14px;
}
#nav-icon2 {
  width: 21px;
  height: 19px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .6s ease-in-out;
  -moz-transition: .6s ease-in-out;
  -o-transition: .6s ease-in-out;
  transition: .6s ease-in-out;
  cursor: pointer;
  display: block; 
}
#nav-icon2 span {
  display: block;
  position: absolute;
  height: 2px;
  width: 50%;
  background: var(--white);
  opacity: 1;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .35s ease-in-out;
  -moz-transition: .35s ease-in-out;
  -o-transition: .35s ease-in-out;
  transition: .35s ease-in-out; 
}
#nav-icon2 span:nth-child(even) {
  left: 50%;
  border-radius: 0 9px 9px 0; 
}
#nav-icon2 span:nth-child(odd) {
  left: 0px;
  border-radius: 9px 0 0 9px; 
}
#nav-icon2 span:nth-child(1), #nav-icon2 span:nth-child(2) {
  top: 0px; 
}
#nav-icon2 span:nth-child(3), #nav-icon2 span:nth-child(4) {
  top: 8px; 
}
#nav-icon2 span:nth-child(5), #nav-icon2 span:nth-child(6) {
  top: 16px; 
}
#nav-icon2.open span:nth-child(1), #nav-icon2.open span:nth-child(6) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); 
}
#nav-icon2.open span:nth-child(2), #nav-icon2.open span:nth-child(5) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg); 
}
#nav-icon2.open span:nth-child(1) {
  left: 0px;
  top: 4px; 
}
#nav-icon2.open span:nth-child(2) {
  left: calc(50% - 5px);
  top: 5px;
}
#nav-icon2.open span:nth-child(3) {
  left: -50%;
  opacity: 0; 
}
#nav-icon2.open span:nth-child(4) {
  left: 100%;
  opacity: 0; 
}
#nav-icon2.open span:nth-child(5) {
  left: 0px;
  top: 10px;
}
#nav-icon2.open span:nth-child(6) {
  left: calc(50% - 5px);
  top: 10px; 
}
.small #nav-icon2 {
  top: -46px; 
}
.nav-icon2 {
	display: none;
}
.gray-div div img{
    width: 12px;
}
.br-10{
    border-radius: 10px ;
}
/* Mobile Hamburger Menu Icon styles Ends */
/* Mobile Call To Actions Starts */
.mobilecalltoact {
    margin: 0;
    display: none;
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: auto;
    z-index: 100;
    justify-content: flex-start;
    list-style: none;
    align-items: center;
    padding: 12px 19px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 35%, rgba(191, 191, 191, 0.9) 100%);
}
.mobilecalltoact li {
    flex: 0 0 42.333%;
}
.mobilecalltoact li a {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--white);
    border-radius: 50px;
    background-color: var(--primary);
}
/* Mobile Call To Actions Ends */
/* Responsive starts */
@media only screen and (max-width: 767px) {
	h1 br, h2 br, h3 br, h4 br, h5 br, h6 br, p br {
		display: none;
	}
	h2{
		font-size: 25px;
	}
	h2 span {
		font-size: 20px;
	}
	h3 {
    	font-size: 20px;
	}
	.padtop {
    	padding-top: 40px;
	}
	.padbotm {
    	padding-bottom: 40px;
	}
	.container{
		width: 100%;
	}
	.mobilecalltoact {
        display: flex;
    }
    .bookcarpop {
    	padding: 15px;
    	overflow-y: scroll;
    }
    .inputgroup {
    	flex: 0 0 100%;
	}
	.inputgroup label {
		font-size: 13px;
	}
	.mobilemenuicon {
		display: flex;
	}
	header{
		padding: 15px 0;
		background: rgba(23, 25, 26, 0.70);
	}
	nav {
		order: 2;
        position: fixed;
        background-color: grey;
        left: 0px;
        top: 68px;
        width: 100%;
        background: #2d2e2f;
        border-radius: 0px 0px 40px 40px;
        padding: 0px 15px;
        z-index: 100;
        display: none;
	}
	.mainnav li {
		width: 100%;
	}
	.hdrcta {
		order: 3;
		padding: 0;
        background: none;
        column-gap: 10px;
        box-shadow: none;
        backdrop-filter: none;
	}
	.hdrcta li:nth-child(2) {
		display: none;
	}
	.mainnav li a {
    	font-size: 16px;
        padding: 12px 0px;
        min-width: 63px;
        border-bottom: 1px solid #fff;
	}
	.mainnav li a:before {
	    width: auto;
        left: calc(50% - 34px);
        top: 7px;
	}
	.logo {
		position: static;
		order: 2;
	}
	.logo img{
		max-height: 39px;
        width: auto;
        max-width: 143px;
	}
	.herocontnt {
		width: 100%;
        left: 0;
        text-align: center;
        top: inherit;
        bottom: 30vh;
	}
	.herocontnt h1 {
		font-size: 8vw;
		letter-spacing: 2.5px;
	}
	.herocontnt h1 span {
		font-size: 6vw;
		letter-spacing: 1.9px;
	}
	.herocontnt p {
    	margin-top: 15px;
    	margin-bottom: 20px;
    	font-size: 12px;
    	max-width: 500px;
	}
	.herocontnt .btnlight {
		/*min-width: 150px;*/
		display: block;
		/*max-width: 300px;*/
        margin: 0 auto;
        margin-bottom: 10px;
	}
	.herocontnt .btndark {
		min-width: 150px;
		display: block;
		max-width: 300px;
        margin: 0 auto;
	}
	.soundicon {
		margin: 0 auto;
		width: 35px;
    	height: 35px;
	}
	.soundicon img {
		max-width: 20px;
		max-height: 17px;
	}
	.playsound {
		bottom: 20vh;
		left: 10px;
	}
	.stopbgvideo {
		right: 10px;
		left: inherit;
	}
	.playsound span {
		font-size: 12px;
	}
	.scbox {
		display: flex;
    	flex-direction: column;
    	justify-content: center;
    	align-items: center;
    	min-width: 112px;
	}
	.scbox span {
    	font-size: 13px;
	}
	.servicecharged .flexrow {
		column-gap: 0px;
		margin-top: 15px;
	}
	.scb-icon {
		min-width: 60px;
		min-height: 60px;
		max-width: 60px;
	}
	.scb-icon img {
		max-width: 25px;
	}
	.scbox:last-child .scb-icon img {
		max-width: 50px;
	}
	.tabtop.scroll-to-fixed-fixed {
		margin: 0px -15px !important;
        width: 100% !important;
        background-color: #f3f3f3;
        padding: 10px 15px;
        row-gap: 10px;
	}
	.tabtop.scroll-to-fixed-fixed .filter {
		right: 15px;
        top: 15px;
	}
	.tabtop {
    	margin-top: 25px;
    	display: flex;
        flex-direction: column-reverse;
        align-items: center;
        row-gap: 15px;
	}
	.brandsmenu li a {
		min-width: 50px;
	}
	.brandsmenu li a img {
	    width: 80%;
	}
	.brandsmenu {
		column-gap: 12px;
		width: 100%;
		justify-content: center;
	}
	.filter {
		position: static;
		font-size: 14px;
		width: 70%;
		height: 35px;
		max-width: 70%;
		background-size: 8%;
		background-position: 94% center;
	}
	.filter option {
	    font-size: 13px;
        text-transform: capitalize;
	}
	.tabcntnt {
		row-gap: 11px;
	}
	.carcard {
    	flex: 0 0 100%;
	}
	.carcardcntnt {
		padding: 15px;
	}
	/*.mprice {*/
	/*	font-size: 21px;*/
	/*}*/
	.priceseprtr {
		/*height: 25px;*/
	}
	.pricewrap {
		margin: 7px 0px;
	}
	.pricebox {
		/*flex: 0 0 44%;*/
	}
	/*.pricewrap .pricebox:nth-child(3) {*/
	/*	justify-content: flex-end;*/
	/*}*/
	.brandicon {
		left: 15px;
		top: 15px;
	}
	.carcardcntnt h3 {
		font-size: 15px;
    	line-height: 18px;
	}
	.carcardcntnt .btnlight {
		height: 36px;
    	line-height: 36px;
	}
	/*.bookcta {*/
	/*	height: 36px;*/
	/*	column-gap: 25px;*/
	/*	margin-top: 7px;*/
	/*}*/
	.bookctabox {
		min-width: 116px;
	}
	.bookseprtr {
		height: 25px;
	}
	.accordwrapr label {
		text-transform: capitalize;
		padding-right: 30px;
		position: relative;
	}
	.accordwrapr h2 {
    	margin-bottom: 25px;
    	margin-top: 10px;
	}
	.accordwrapr label:after {
		position: absolute;
        right: 9px;
        top: 19px;
	}
	.accordwrapr input:checked+label:after {
		right: -23px;
        top: -23px;
	}
	.serviceswrap {
		row-gap: 15px;
		padding: 0px;
	}
	.servcbox {
		flex: 0 0 100%;
	}
	.srvb-cntnt {
		padding: 10px;
	}
	.srvb-cntnt h3 {
    	font-size: 18px;
    	padding-right: 30px;
	}
	.srvb-cntnt p {
		font-size: 13px;
        line-height: 16px;
	}
	.dtailicon {
		right: 15px;
    	bottom: 15px;
    	max-width: 4%;
	}
	.srvb-cntnt.active p {
		margin-top: 12px;
		padding-right: 30px;
	}
	.cntntsec01 h3 {
    	margin-top: 10px;
    	font-size: 16px;
	}
	.cs01-botmservc {
		column-gap: 0px;
		row-gap: 15px;
		flex-direction: column;
	}
	.cs01-botmservc figcaption {
		font-size: 18px;
		padding: 15px;
	}
	.cs02botm {
		column-gap: 0px;
		row-gap: 20px;
		flex-direction: column;
	}
	.cs02b-box {
		padding: 15px;
	}
	.sc02toplogo {
	    position: absolute;
	    top: 12px;
	    left: calc(50% - 68px);
	    max-width: 140px;
	}
	.cs02top {
    	margin-bottom: 20px;
	}
	.cs02top .srvcimg {
		min-height: 300px;
        object-fit: contain;
        object-position: 0px 50px;
	}
	.cs02top .srvb-cntnt h2 {
		font-size: 19px;
	}
	.cs02top .servcbox {
		background-color: #030303;
	}
	.cntntsec03 {
		min-height: inherit;
        padding-bottom: 80px;
	}
	.cnts03lft {
		padding-right: 0px;
		padding-top: 80px;
		width: 100%;
	}
	.cnts03rgt {
		width: 100%;
		padding-top: 15px;
		display: inline-block;
		float: none;
	}
	.cnts03rbox p {
		min-height: inherit;
	}
	.cnts03rbox {
    	width: 100%;
	}
	.cntntsec04 {
		margin: 0px 15px;
	}
	.cntntsec04 .container {
		width: 100%;
		padding-top: 15px;
        padding-bottom: 15px;
	}
	.cnts04lft {
	   	padding: 10px;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.7);
        border-radius: 15px;
	}
	.cnts05lft {
    	width: 100%;
    	padding-top: 0px;
    	padding-bottom: 20px;
	}
	.cnts05rgt {
    	width: 100%;
    	padding-top: 0px;
	}
	.cnts05lft img {
		width: 100%;
		height: auto;
	}
	.fotrwidet:nth-child(1) {
    	flex: 0 0 100%;
    	text-align: center;
	}
	.fotrwidet:nth-child(2) {
    	flex: 0 0 100%;
    	text-align: center;
    	border-top: 1px solid var(--white);
    	border-bottom: 1px solid var(--white);
    	margin: 30px 0px;
        padding: 30px 0px;
	}
	.fotrwidet:nth-child(3) {
    	flex: 0 0 100%;
	}
	.fotrwidet:nth-child(3) .ftrw-title {
		text-align: center;
	}
	.ftrw-title {
		font-size: 20px;
		margin-bottom: 10px;
	}
	.fotrnav li a {
		font-size: 14px;
	}
	.fotrnav li {
    	margin-bottom: 10px;
	}
	.cntctfield a {
		font-size: 14px;
	}
	.fotrwidet p{
		font-size: 13px;
        line-height: 18px;
	}
	.fotcopyright p {
		font-size: 12px;
		line-height: 16px;
		text-align: center;
	}
	.fotrwrap {
		padding-bottom: 90px;
	}
	.whatsappdesktop {
		display: none;
	}
	.go-top-text {
		display: none;
	}
	.go-top {
		right: 30px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	h1 br, h2 br, h3 br, h4 br, h5 br, h6 br, p br {
		display: none;
	}
	h2{
		font-size: 25px;
	}
	h3 {
    	font-size: 19px;
	}
	.container{
		width: 768px;
	}
	header{
		padding: 5px 0px;
	}
	nav {
		order: 2;
	}
	.hdrcta {
		order: 3;
	}
	.mainnav li a {
		font-size: 14px;
		padding: 0px 4px;
    	min-width: 63px;
	}
	.mainnav li a:before {
		height: 28px;
    	min-width: 63px;
	}
	.logo {
		position: static;
	}
	.logo img{
		max-width: 80%;
	}
	.herocontnt {
		width: 768px;
		left: calc(50% - 384px);
	}
	.herocontnt h1 {
		font-size: 40px;
	}
	.herocontnt h1 span {
		font-size: 30px;
	}
	.herocontnt p {
    	max-width: 500px;
	}
	.playsound {
		bottom: 96px;
	}
	.servicecharged .flexrow {
		column-gap: 40px;
	}
	.scb-icon {
		min-width: 175px;
	}
	.brandsmenu li a {
		min-width: 70px;
	}
	.brandsmenu {
		column-gap: 12px;
	}
	.filter {
		font-size: 14px;
		width: 22%;
	}
	.filter option {
	    font-size: 14px;
	}
	.tabcntnt {
		row-gap: 11px;
	}
	.carcard {
    	/*flex: 0 0 49.3%;*/
	}
	.carcardcntnt {
		padding: 15px;
	}
	.brandicon {
		left: 15px;
		top: 15px;
	}
	.serviceswrap {
		row-gap: 15px;
		padding: 0px;
	}
	.servcbox {
		flex: 0 0 49%;
	}
	.srvb-cntnt {
		padding: 15px 38px 15px 15px;
	}
	.dtailicon {
		right: 10px;
		bottom: 10px;
	}
	.srvb-cntnt.active p {
		margin-top: 10px;
	}
	.srvb-cntnt p {
		font-size: 14px;
		line-height: 18px;
	}
	.cs01-botmservc figcaption {
		font-size: 18px;
		padding: 15px;
	}
	.cs02botm {
		column-gap: 15px;
	}
	.cs02b-box {
		padding: 15px;
	}
	.cntntsec03 {
		min-height: 815px;
	}
	.cnts03rbox {
		padding: 20px;
	}
	.cnts03lft {
		padding-right: 0px;
		padding-top: 80px;
		width: 100%;
	}
	.cnts03rgt {
		width: 100%;
		padding-top: 15px;
	}
	.cnts03rbox p {
		min-height: 80px;
	}
	.cntntsec04 .container {
		width: 742px;
		padding-top: 25px;
    	padding-bottom: 25px
	}
	.cnts04lft {
	    padding-left: 10px;
	    width: 60%;
	}
	.cnts05rgt {
		padding-top: 0px;
	}
	.cnts05lft img {
		width: 100%;
		height: auto;
	}
	.fotrwidet:nth-child(3) {
    	flex: 0 0 44%;
	}
	.ftrw-title {
		font-size: 20px;
	}
	.fotrnav li {
    	margin-bottom: 10px;
	}
	.whatsappdesktop {
		bottom: 15px;
    	left: 15px;
	}
	.go-top {
		right: 60px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1169px) {
	h1 br, h2 br, h3 br, h4 br, h5 br, h6 br, p br {
		display: none;
	}
	.container{
		width: 992px;
	}
	header{
		padding: 5px 0px;
	}
	.mainnav li a {
		font-size: 14px;
		padding: 0px 4px;
    	min-width: 63px;
	}
	.mainnav li a:before {
		height: 28px;
    	min-width: 63px;
	}
	.logo {
		left: -90px;
	}
	.logo img{
		max-width: 80%;
	}
	.herocontnt {
		width: 992px;
		left: calc(50% - 495px);
	}
	.herocontnt h1 {
		font-size: 50px;
	}
	.herocontnt h1 span {
		font-size: 40px;
	}
	.herocontnt p {
    	margin-top: 15px;
    	margin-bottom: 20px;
    	font-size: 18px;
    	max-width: 600px;
	}
	.playsound {
		bottom: 96px;
	}
	.servicecharged .flexrow {
		column-gap: 40px;
	}
	.brandsmenu li a {
		min-width: 85px;
	}
	.brandsmenu {
		column-gap: 16px;
	}
	.filter {
		font-size: 14px;
	}
	.filter option {
	    font-size: 14px;
	}
	.tabcntnt {
		row-gap: 15px;
	}
	.carcard {
    	/*flex: 0 0 49.3%;*/
	}
	.pricebox {
		/*flex: 0 0 33%;*/
	}
	.serviceswrap {
		padding: 0px 0px;
		row-gap: 20px;
	}
	.dtailicon {
		right: 15px;
    	bottom: 15px;
    	max-width: 4%;
	}
	.srvb-cntnt.active p {
		margin-top: 12px;
	}
	.cntntsec03 {
		min-height: 620px;
	}
	.cnts03lft {
		padding-right: 30px;
		padding-top: 130px;
	}
	.cnts03rbox h3 {
		font-size: 14px;
	}
	.cnts03rbox p {
		min-height: 85px;
		font-size: 13px;
    	line-height: 17px;
	}
	.cntntsec04 .container {
		width: 962px;
	}
	.cnts04lft {
	    padding-left: 10px;
	    width: 56%;
	}
	.cnts05rgt {
		padding-top: 0px;
	}
	.cnts05lft img {
		width: 100%;
		height: auto;
	}
}
/* International Telphone Input */
.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag,.iti--separate-dial-code .iti__selected-flag,.iti__country.iti__highlight{background-color:rgba(0,0,0,.05)}.iti--separate-dial-code .iti__selected-dial-code,.iti__arrow{margin-left:6px}.iti--allow-dropdown .iti__flag-container:hover,.iti--container:hover{cursor:pointer}.iti{position:relative;display:inline-block}.iti *{box-sizing:border-box;-moz-box-sizing:border-box}.iti__hide{display:none}.iti__v-hide{visibility:hidden}.iti input,.iti input[type=tel],.iti input[type=text]{position:relative;z-index:0;margin-top:0!important;margin-bottom:0!important;padding-right:36px;margin-right:0}.iti__flag-container{position:absolute;top:0;bottom:0;right:0;padding:1px}.iti__selected-flag{z-index:1;position:relative;display:flex;align-items:center;height:100%;padding:0 6px 0 8px}.iti__arrow{width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid #555}.iti__arrow--up{border-top:none;border-bottom:4px solid #555}.iti__country-list{position:absolute;z-index:2;list-style:none;text-align:left;padding:0;margin:0 0 0 -1px;box-shadow:1px 1px 4px rgba(0,0,0,.2);background-color:#fff;border:1px solid #ccc;white-space:nowrap;max-height:200px;overflow-y:scroll;-webkit-overflow-scrolling:touch}.iti__country-list--dropup{bottom:100%;margin-bottom:-1px}@media (max-width:500px){.iti__country-list{white-space:normal}}.iti__flag-box{display:inline-block;width:20px}.iti__divider{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #ccc}.iti__country{padding:5px 10px;outline:0}.iti__dial-code{color:#999}.iti__country-name,.iti__dial-code,.iti__flag-box{vertical-align:middle}.iti__country-name,.iti__flag-box{margin-right:6px}.iti--allow-dropdown input,.iti--allow-dropdown input[type=tel],.iti--allow-dropdown input[type=text],.iti--separate-dial-code input,.iti--separate-dial-code input[type=tel],.iti--separate-dial-code input[type=text]{padding-right:6px;padding-left:52px;margin-left:0}.iti--allow-dropdown .iti__flag-container,.iti--separate-dial-code .iti__flag-container{right:auto;left:0}.iti--allow-dropdown input[disabled]+.iti__flag-container:hover .iti__selected-flag,.iti--allow-dropdown input[readonly]+.iti__flag-container:hover .iti__selected-flag,.iti__flag.iti__np{background-color:transparent}.iti--allow-dropdown input[disabled]+.iti__flag-container:hover,.iti--allow-dropdown input[readonly]+.iti__flag-container:hover{cursor:default}.iti--container{position:absolute;top:-1000px;left:-1000px;z-index:1060;padding:1px}.iti-mobile .iti--container{top:30px;bottom:30px;left:30px;right:30px;position:fixed}.iti-mobile .iti__country-list{max-height:100%;width:100%}.iti-mobile .iti__country{padding:10px;line-height:1.5em}.iti__flag{width:20px;height:15px;box-shadow:0 0 1px 0 #888;background-image:url("../img/flags.webp");background-repeat:no-repeat;background-color:#dbdbdb;background-position:20px 0}.iti__flag.iti__be,.iti__flag.iti__ne{width:18px}.iti__flag.iti__ch{width:15px}.iti__flag.iti__mc{width:19px}.iti__flag.iti__ac{height:10px;background-position:0 0}.iti__flag.iti__ad{height:14px;background-position:-22px 0}.iti__flag.iti__ae{height:10px;background-position:-44px 0}.iti__flag.iti__af{height:14px;background-position:-66px 0}.iti__flag.iti__ag{height:14px;background-position:-88px 0}.iti__flag.iti__ai{height:10px;background-position:-110px 0}.iti__flag.iti__al{height:15px;background-position:-132px 0}.iti__flag.iti__am{height:10px;background-position:-154px 0}.iti__flag.iti__ao{height:14px;background-position:-176px 0}.iti__flag.iti__aq{height:14px;background-position:-198px 0}.iti__flag.iti__ar{height:13px;background-position:-220px 0}.iti__flag.iti__as{height:10px;background-position:-242px 0}.iti__flag.iti__at{height:14px;background-position:-264px 0}.iti__flag.iti__au{height:10px;background-position:-286px 0}.iti__flag.iti__aw{height:14px;background-position:-308px 0}.iti__flag.iti__ax{height:13px;background-position:-330px 0}.iti__flag.iti__az{height:10px;background-position:-352px 0}.iti__flag.iti__ba{height:10px;background-position:-374px 0}.iti__flag.iti__bb{height:14px;background-position:-396px 0}.iti__flag.iti__bd{height:12px;background-position:-418px 0}.iti__flag.iti__be{height:15px;background-position:-440px 0}.iti__flag.iti__bf{height:14px;background-position:-460px 0}.iti__flag.iti__bg{height:12px;background-position:-482px 0}.iti__flag.iti__bh{height:12px;background-position:-504px 0}.iti__flag.iti__bi{height:12px;background-position:-526px 0}.iti__flag.iti__bj{height:14px;background-position:-548px 0}.iti__flag.iti__bl{height:14px;background-position:-570px 0}.iti__flag.iti__bm{height:10px;background-position:-592px 0}.iti__flag.iti__bn{height:10px;background-position:-614px 0}.iti__flag.iti__bo{height:14px;background-position:-636px 0}.iti__flag.iti__bq{height:14px;background-position:-658px 0}.iti__flag.iti__br{height:14px;background-position:-680px 0}.iti__flag.iti__bs{height:10px;background-position:-702px 0}.iti__flag.iti__bt{height:14px;background-position:-724px 0}.iti__flag.iti__bv{height:15px;background-position:-746px 0}.iti__flag.iti__bw{height:14px;background-position:-768px 0}.iti__flag.iti__by{height:10px;background-position:-790px 0}.iti__flag.iti__bz{height:14px;background-position:-812px 0}.iti__flag.iti__ca{height:10px;background-position:-834px 0}.iti__flag.iti__cc{height:10px;background-position:-856px 0}.iti__flag.iti__cd{height:15px;background-position:-878px 0}.iti__flag.iti__cf{height:14px;background-position:-900px 0}.iti__flag.iti__cg{height:14px;background-position:-922px 0}.iti__flag.iti__ch{height:15px;background-position:-944px 0}.iti__flag.iti__ci{height:14px;background-position:-961px 0}.iti__flag.iti__ck{height:10px;background-position:-983px 0}.iti__flag.iti__cl{height:14px;background-position:-1005px 0}.iti__flag.iti__cm{height:14px;background-position:-1027px 0}.iti__flag.iti__cn{height:14px;background-position:-1049px 0}.iti__flag.iti__co{height:14px;background-position:-1071px 0}.iti__flag.iti__cp{height:14px;background-position:-1093px 0}.iti__flag.iti__cr{height:12px;background-position:-1115px 0}.iti__flag.iti__cu{height:10px;background-position:-1137px 0}.iti__flag.iti__cv{height:12px;background-position:-1159px 0}.iti__flag.iti__cw{height:14px;background-position:-1181px 0}.iti__flag.iti__cx{height:10px;background-position:-1203px 0}.iti__flag.iti__cy{height:14px;background-position:-1225px 0}.iti__flag.iti__cz{height:14px;background-position:-1247px 0}.iti__flag.iti__de{height:12px;background-position:-1269px 0}.iti__flag.iti__dg{height:10px;background-position:-1291px 0}.iti__flag.iti__dj{height:14px;background-position:-1313px 0}.iti__flag.iti__dk{height:15px;background-position:-1335px 0}.iti__flag.iti__dm{height:10px;background-position:-1357px 0}.iti__flag.iti__do{height:14px;background-position:-1379px 0}.iti__flag.iti__dz{height:14px;background-position:-1401px 0}.iti__flag.iti__ea{height:14px;background-position:-1423px 0}.iti__flag.iti__ec{height:14px;background-position:-1445px 0}.iti__flag.iti__ee{height:13px;background-position:-1467px 0}.iti__flag.iti__eg{height:14px;background-position:-1489px 0}.iti__flag.iti__eh{height:10px;background-position:-1511px 0}.iti__flag.iti__er{height:10px;background-position:-1533px 0}.iti__flag.iti__es{height:14px;background-position:-1555px 0}.iti__flag.iti__et{height:10px;background-position:-1577px 0}.iti__flag.iti__eu{height:14px;background-position:-1599px 0}.iti__flag.iti__fi{height:12px;background-position:-1621px 0}.iti__flag.iti__fj{height:10px;background-position:-1643px 0}.iti__flag.iti__fk{height:10px;background-position:-1665px 0}.iti__flag.iti__fm{height:11px;background-position:-1687px 0}.iti__flag.iti__fo{height:15px;background-position:-1709px 0}.iti__flag.iti__fr{height:14px;background-position:-1731px 0}.iti__flag.iti__ga{height:15px;background-position:-1753px 0}.iti__flag.iti__gb{height:10px;background-position:-1775px 0}.iti__flag.iti__gd{height:12px;background-position:-1797px 0}.iti__flag.iti__ge{height:14px;background-position:-1819px 0}.iti__flag.iti__gf{height:14px;background-position:-1841px 0}.iti__flag.iti__gg{height:14px;background-position:-1863px 0}.iti__flag.iti__gh{height:14px;background-position:-1885px 0}.iti__flag.iti__gi{height:10px;background-position:-1907px 0}.iti__flag.iti__gl{height:14px;background-position:-1929px 0}.iti__flag.iti__gm{height:14px;background-position:-1951px 0}.iti__flag.iti__gn{height:14px;background-position:-1973px 0}.iti__flag.iti__gp{height:14px;background-position:-1995px 0}.iti__flag.iti__gq{height:14px;background-position:-2017px 0}.iti__flag.iti__gr{height:14px;background-position:-2039px 0}.iti__flag.iti__gs{height:10px;background-position:-2061px 0}.iti__flag.iti__gt{height:13px;background-position:-2083px 0}.iti__flag.iti__gu{height:11px;background-position:-2105px 0}.iti__flag.iti__gw{height:10px;background-position:-2127px 0}.iti__flag.iti__gy{height:12px;background-position:-2149px 0}.iti__flag.iti__hk{height:14px;background-position:-2171px 0}.iti__flag.iti__hm{height:10px;background-position:-2193px 0}.iti__flag.iti__hn{height:10px;background-position:-2215px 0}.iti__flag.iti__hr{height:10px;background-position:-2237px 0}.iti__flag.iti__ht{height:12px;background-position:-2259px 0}.iti__flag.iti__hu{height:10px;background-position:-2281px 0}.iti__flag.iti__ic{height:14px;background-position:-2303px 0}.iti__flag.iti__id{height:14px;background-position:-2325px 0}.iti__flag.iti__ie{height:10px;background-position:-2347px 0}.iti__flag.iti__il{height:15px;background-position:-2369px 0}.iti__flag.iti__im{height:10px;background-position:-2391px 0}.iti__flag.iti__in{height:14px;background-position:-2413px 0}.iti__flag.iti__io{height:10px;background-position:-2435px 0}.iti__flag.iti__iq{height:14px;background-position:-2457px 0}.iti__flag.iti__ir{height:12px;background-position:-2479px 0}.iti__flag.iti__is{height:15px;background-position:-2501px 0}.iti__flag.iti__it{height:14px;background-position:-2523px 0}.iti__flag.iti__je{height:12px;background-position:-2545px 0}.iti__flag.iti__jm{height:10px;background-position:-2567px 0}.iti__flag.iti__jo{height:10px;background-position:-2589px 0}.iti__flag.iti__jp{height:14px;background-position:-2611px 0}.iti__flag.iti__ke{height:14px;background-position:-2633px 0}.iti__flag.iti__kg{height:12px;background-position:-2655px 0}.iti__flag.iti__kh{height:13px;background-position:-2677px 0}.iti__flag.iti__ki{height:10px;background-position:-2699px 0}.iti__flag.iti__km{height:12px;background-position:-2721px 0}.iti__flag.iti__kn{height:14px;background-position:-2743px 0}.iti__flag.iti__kp{height:10px;background-position:-2765px 0}.iti__flag.iti__kr{height:14px;background-position:-2787px 0}.iti__flag.iti__kw{height:10px;background-position:-2809px 0}.iti__flag.iti__ky{height:10px;background-position:-2831px 0}.iti__flag.iti__kz{height:10px;background-position:-2853px 0}.iti__flag.iti__la{height:14px;background-position:-2875px 0}.iti__flag.iti__lb{height:14px;background-position:-2897px 0}.iti__flag.iti__lc{height:10px;background-position:-2919px 0}.iti__flag.iti__li{height:12px;background-position:-2941px 0}.iti__flag.iti__lk{height:10px;background-position:-2963px 0}.iti__flag.iti__lr{height:11px;background-position:-2985px 0}.iti__flag.iti__ls{height:14px;background-position:-3007px 0}.iti__flag.iti__lt{height:12px;background-position:-3029px 0}.iti__flag.iti__lu{height:12px;background-position:-3051px 0}.iti__flag.iti__lv{height:10px;background-position:-3073px 0}.iti__flag.iti__ly{height:10px;background-position:-3095px 0}.iti__flag.iti__ma{height:14px;background-position:-3117px 0}.iti__flag.iti__mc{height:15px;background-position:-3139px 0}.iti__flag.iti__md{height:10px;background-position:-3160px 0}.iti__flag.iti__me{height:10px;background-position:-3182px 0}.iti__flag.iti__mf{height:14px;background-position:-3204px 0}.iti__flag.iti__mg{height:14px;background-position:-3226px 0}.iti__flag.iti__mh{height:11px;background-position:-3248px 0}.iti__flag.iti__mk{height:10px;background-position:-3270px 0}.iti__flag.iti__ml{height:14px;background-position:-3292px 0}.iti__flag.iti__mm{height:14px;background-position:-3314px 0}.iti__flag.iti__mn{height:10px;background-position:-3336px 0}.iti__flag.iti__mo{height:14px;background-position:-3358px 0}.iti__flag.iti__mp{height:10px;background-position:-3380px 0}.iti__flag.iti__mq{height:14px;background-position:-3402px 0}.iti__flag.iti__mr{height:14px;background-position:-3424px 0}.iti__flag.iti__ms{height:10px;background-position:-3446px 0}.iti__flag.iti__mt{height:14px;background-position:-3468px 0}.iti__flag.iti__mu{height:14px;background-position:-3490px 0}.iti__flag.iti__mv{height:14px;background-position:-3512px 0}.iti__flag.iti__mw{height:14px;background-position:-3534px 0}.iti__flag.iti__mx{height:12px;background-position:-3556px 0}.iti__flag.iti__my{height:10px;background-position:-3578px 0}.iti__flag.iti__mz{height:14px;background-position:-3600px 0}.iti__flag.iti__na{height:14px;background-position:-3622px 0}.iti__flag.iti__nc{height:10px;background-position:-3644px 0}.iti__flag.iti__ne{height:15px;background-position:-3666px 0}.iti__flag.iti__nf{height:10px;background-position:-3686px 0}.iti__flag.iti__ng{height:10px;background-position:-3708px 0}.iti__flag.iti__ni{height:12px;background-position:-3730px 0}.iti__flag.iti__nl{height:14px;background-position:-3752px 0}.iti__flag.iti__no{height:15px;background-position:-3774px 0}.iti__flag.iti__np{width:13px;height:15px;background-position:-3796px 0}.iti__flag.iti__nr{height:10px;background-position:-3811px 0}.iti__flag.iti__nu{height:10px;background-position:-3833px 0}.iti__flag.iti__nz{height:10px;background-position:-3855px 0}.iti__flag.iti__om{height:10px;background-position:-3877px 0}.iti__flag.iti__pa{height:14px;background-position:-3899px 0}.iti__flag.iti__pe{height:14px;background-position:-3921px 0}.iti__flag.iti__pf{height:14px;background-position:-3943px 0}.iti__flag.iti__pg{height:15px;background-position:-3965px 0}.iti__flag.iti__ph{height:10px;background-position:-3987px 0}.iti__flag.iti__pk{height:14px;background-position:-4009px 0}.iti__flag.iti__pl{height:13px;background-position:-4031px 0}.iti__flag.iti__pm{height:14px;background-position:-4053px 0}.iti__flag.iti__pn{height:10px;background-position:-4075px 0}.iti__flag.iti__pr{height:14px;background-position:-4097px 0}.iti__flag.iti__ps{height:10px;background-position:-4119px 0}.iti__flag.iti__pt{height:14px;background-position:-4141px 0}.iti__flag.iti__pw{height:13px;background-position:-4163px 0}.iti__flag.iti__py{height:11px;background-position:-4185px 0}.iti__flag.iti__qa{height:8px;background-position:-4207px 0}.iti__flag.iti__re{height:14px;background-position:-4229px 0}.iti__flag.iti__ro{height:14px;background-position:-4251px 0}.iti__flag.iti__rs{height:14px;background-position:-4273px 0}.iti__flag.iti__ru{height:14px;background-position:-4295px 0}.iti__flag.iti__rw{height:14px;background-position:-4317px 0}.iti__flag.iti__sa{height:14px;background-position:-4339px 0}.iti__flag.iti__sb{height:10px;background-position:-4361px 0}.iti__flag.iti__sc{height:10px;background-position:-4383px 0}.iti__flag.iti__sd{height:10px;background-position:-4405px 0}.iti__flag.iti__se{height:13px;background-position:-4427px 0}.iti__flag.iti__sg{height:14px;background-position:-4449px 0}.iti__flag.iti__sh{height:10px;background-position:-4471px 0}.iti__flag.iti__si{height:10px;background-position:-4493px 0}.iti__flag.iti__sj{height:15px;background-position:-4515px 0}.iti__flag.iti__sk{height:14px;background-position:-4537px 0}.iti__flag.iti__sl{height:14px;background-position:-4559px 0}.iti__flag.iti__sm{height:15px;background-position:-4581px 0}.iti__flag.iti__sn{height:14px;background-position:-4603px 0}.iti__flag.iti__so{height:14px;background-position:-4625px 0}.iti__flag.iti__sr{height:14px;background-position:-4647px 0}.iti__flag.iti__ss{height:10px;background-position:-4669px 0}.iti__flag.iti__st{height:10px;background-position:-4691px 0}.iti__flag.iti__sv{height:12px;background-position:-4713px 0}.iti__flag.iti__sx{height:14px;background-position:-4735px 0}.iti__flag.iti__sy{height:14px;background-position:-4757px 0}.iti__flag.iti__sz{height:14px;background-position:-4779px 0}.iti__flag.iti__ta{height:10px;background-position:-4801px 0}.iti__flag.iti__tc{height:10px;background-position:-4823px 0}.iti__flag.iti__td{height:14px;background-position:-4845px 0}.iti__flag.iti__tf{height:14px;background-position:-4867px 0}.iti__flag.iti__tg{height:13px;background-position:-4889px 0}.iti__flag.iti__th{height:14px;background-position:-4911px 0}.iti__flag.iti__tj{height:10px;background-position:-4933px 0}.iti__flag.iti__tk{height:10px;background-position:-4955px 0}.iti__flag.iti__tl{height:10px;background-position:-4977px 0}.iti__flag.iti__tm{height:14px;background-position:-4999px 0}.iti__flag.iti__tn{height:14px;background-position:-5021px 0}.iti__flag.iti__to{height:10px;background-position:-5043px 0}.iti__flag.iti__tr{height:14px;background-position:-5065px 0}.iti__flag.iti__tt{height:12px;background-position:-5087px 0}.iti__flag.iti__tv{height:10px;background-position:-5109px 0}.iti__flag.iti__tw{height:14px;background-position:-5131px 0}.iti__flag.iti__tz{height:14px;background-position:-5153px 0}.iti__flag.iti__ua{height:14px;background-position:-5175px 0}.iti__flag.iti__ug{height:14px;background-position:-5197px 0}.iti__flag.iti__um{height:11px;background-position:-5219px 0}.iti__flag.iti__un{height:14px;background-position:-5241px 0}.iti__flag.iti__us{height:11px;background-position:-5263px 0}.iti__flag.iti__uy{height:14px;background-position:-5285px 0}.iti__flag.iti__uz{height:10px;background-position:-5307px 0}.iti__flag.iti__va{width:15px;height:15px;background-position:-5329px 0}.iti__flag.iti__vc{height:14px;background-position:-5346px 0}.iti__flag.iti__ve{height:14px;background-position:-5368px 0}.iti__flag.iti__vg{height:10px;background-position:-5390px 0}.iti__flag.iti__vi{height:14px;background-position:-5412px 0}.iti__flag.iti__vn{height:14px;background-position:-5434px 0}.iti__flag.iti__vu{height:12px;background-position:-5456px 0}.iti__flag.iti__wf{height:14px;background-position:-5478px 0}.iti__flag.iti__ws{height:10px;background-position:-5500px 0}.iti__flag.iti__xk{height:15px;background-position:-5522px 0}.iti__flag.iti__ye{height:14px;background-position:-5544px 0}.iti__flag.iti__yt{height:14px;background-position:-5566px 0}.iti__flag.iti__za{height:14px;background-position:-5588px 0}.iti__flag.iti__zm{height:14px;background-position:-5610px 0}.iti__flag.iti__zw{height:10px;background-position:-5632px 0}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.iti__flag{background-size:5652px 15px;background-image:url("../img/flags@2x.webp")}}

/* Whole-card booking click. .card-book-click is added by js/app.js, so these
   styles only apply once the handler is actually live. */
.carcard.card-book-click {
	cursor: pointer;
}
.carcard.card-book-click:hover {
	box-shadow: 0 0 12px rgba(0, 0, 0, 0.35);
}
.carcard.card-book-click:focus-visible {
	outline: 2px solid var(--white);
	outline-offset: -2px;
	box-shadow: inset 0 0 0 4px rgba(0, 0, 0, 0.45);
}

/* Six-item nav (Home/Cars/Brands/services/FAQ's/Contact) needs tighter spacing
   between 768px and 1279px, where the logo sits closest to the nav. Spacing only:
   no font-size, weight, letter-spacing or label changes, and .logo is untouched.
   Bounded on both sides - must not reach the burger layout below 768px, and must
   not alter >=1280px, which already has clearance. */
@media only screen and (min-width: 768px) and (max-width: 1279px) {
	.mainnav li {
		margin-right: 2px;
	}
	.mainnav li a {
		padding: 0px 4px;
		min-width: 0;
	}
	.mainnav li a:before {
		min-width: 0;
	}
}