@charset "utf-8";
/* CSS Document */
/* 

 */
/*=================== // fonts // ====================*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');

:root {
	--theme-color: #F41E1E;
	--title-color: #ED1C24;
	--title-color02: #ED1C24;
	--title-color03: #ed1b24;
	--title-color04: #ed1b24;
	--title-color05: #ed1b24;
	--title-color06: rgb(54, 54, 54);
	--para-color: rgb(54 54 54 / 91%);
	--para-color02: rgb(54 54 54 / 76%);
	--para-color03: rgb(54 54 54 / 76%);
	--para-color04: rgb(54 54 54 / 76%);
	--para-color05: rgb(54 54 54 / 76%);
	--bg-color: #ED1C24;
	--btn-color: #131880;
	--btn-hover: #131880;
	--submit-btn: #ED1C24;
	--submit-hover: #ff0000;
	--input-bg-color: #fff;
}

* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box !important;
	border: none;
	outline: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

html {
	scroll-behavior: smooth;
	font-size: 100%;
}

/* @font-face {
	font-family: 'BuffaloScript-Regular';
	src: url('../fonts/BuffaloScript-Regular.otf') format('opentype');
} */

body {
	padding: 0;
	margin: 0;
	background: #fff;
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	font-family: 'Poppins', sans-serif !important;
}

::selection {
	background-color: #ED1C24;
	color: #fff;
	text-shadow: none;
}

/*a {
	color: #ed1c24 !important;
	text-decoration: none;
	background-color: transparent;
}*/

a:hover, a:focus, a:visited {
	text-decoration: none;
	outline: none;
	color: inherit;
}
/* a:hover {
    color: #ff7800; 
} */

/*  */
/* a, a:focus{
	color: inherit;
	outline: none;
}
a, a:hover, a:focus{
	outline:none;
	text-decoration:none;
	color:inherit;
} */

:focus {
	outline: none;
}

.btn.focus, .btn:focus {
	outline: 0;
	box-shadow: none !important;
	text-decoration: none;
}

li {
	list-style: none;
}

.img-responsive {
	display: block;
	height: auto;
}

.clearfix {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.container {
	max-width: 1200px;
	margin: 0 auto;
}

img {
	max-width: 100%;
	height: 0 auto;
}

ol, dl, ul, li, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-family: 'Poppins', sans-serif !important;
}

h1, h2, h3, h4, h5, h6 {
	word-wrap: break-word;
	margin-bottom: 1rem;
	color: var(--title-color);
	font-family: 'Poppins', sans-serif !important;
}

p {
	font-size: 16px;
	color: var(--para-color);
	line-height: 1.6;
	font-weight: 400;
	padding: 0;
	margin: 0;
}

hr {
	float: left;
	display: block;
	height: 0.1rem;
	width: 100%;
	background-color: #dadada;
	margin: 1rem 0;
}

.dropdown:hover .dropdown-menu {
	display: block;
	-webkit-animation: fadeInUp 400ms;
	animation: fadeInUp 400ms;
	margin-top: .-1rem;
}

::-webkit-input-placeholder {
	color: #919191;
}

:-ms-input-placeholder {
	color: #919191;
}

::-moz-placeholder {
	color: #919191;
	opacity: 1;
}

:-moz-placeholder {
	color: #919191;
	opacity: 1;
}
/* // helping css // */

.heading01 {
	font-size: 52px;
	color: #fff;
	font-weight: 600;
	width: 100%;
	line-height: 58px;
}

.heading02 {
	font-size: 24px;
	color: var(--title-color);
	font-weight: 700;
	width: 100%;
	margin-bottom: 10px;
}

.heading03 {
	font-size: 32px;
	color: var(--title-color06);
	font-weight: 700;
	width: 100%;
	margin-bottom: 15px;
}

.heading04 {
	font-size: 18px;
	color: var(--title-color02);
	font-weight: 600;
	margin-bottom: 10px;
}

.heading05 {
}

.heading06 {
}

.small_title01 {
	font-size: 14px;
}

.small_title02 {
	font-size: 14px;
}

.small_title03 {
	font-size: 14px;
}

.small_title04 {
	font-size: 14px;
}

.small_title05 {
	font-size: 14px;
}

.small_title06 {
	font-size: 15px;
	color: var(--title-color06);
	font-weight: 600;
	width: 100%;
	margin-bottom: 10px;
}

.small_title05 {
	font-size: 13px;
	color: var(--para-small02);
	font-weight: 500;
	width: 100%;
	margin-bottom: 15px;
}

.paragraph {
	font-size: 15px;
	color: var(--para-color);
	line-height: 1.5rem;
	margin-bottom: 15px;
	font-weight: 400;
}

.para01 {
	font-size: 13px;
	color: var(--para-color02);
	font-weight: 400;
	margin-bottom: 0;
	line-height: 20px;
}

.para02 {
}

.para03 {
}

.para04 {
}

.para05 {
	font-size: 14px;
	color: var(--para-color02);
	font-weight: 500;
	margin-bottom: 15px;
}

/* // button css */
.common_btn01 {
	font-size: 15px;
	font-weight: 600;
	padding: 12px 20px;
	min-width: 135px;
	text-align: center;
	color: #fff !important;
	background-color: #131880;
	border: 1px solid #131880;
	position: relative;
	display: inline-block;
	border-radius: 6px;
	margin: 0 auto;
	transition: all .4s ease;
	box-shadow: rgb(170 164 238 / 70%) 0px 4px 10px;
}

	.common_btn01:hover {
		opacity: 0.8;
		-webkit-transform: translate3d(0, -1px, 0);
		transform: translate3d(0, -1px, 0);
		-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4);
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4);
	}

.common_btn02 {
	font-size: 15px;
	font-weight: 600;
	padding: 12px 20px;
	min-width: 135px;
	text-align: center;
	color: #fff !important;
	background-color: #ED1C24;
	position: relative;
	display: inline-block;
	border-radius: 6px;
	margin: 0 auto;
	transition: all .4s ease;
	box-shadow: rgb(227 47 46 / 44%) 0px 4px 10px;
}

	.common_btn02:hover {
		opacity: 0.8;
		-webkit-transform: translate3d(0, -1px, 0);
		transform: translate3d(0, -1px, 0);
		-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4);
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4);
	}

/* // input field css */
.field01 {
	width: 100%;
	background-color: var(--input-bg-color);
	border: 0.5px solid rgb(212, 212, 212);
	font-size: 15px;
	color: var(--black-color);
	padding: 5px 10px;
	height: 45px;
	font-weight: 400;
	margin-bottom: 15px;
	border-radius: 6px;
	position: relative;
}

.field02 {
	text-align: left;
	margin-bottom: 15px;
}

.submit01 {
	font-size: 18px;
	font-weight: 600;
	min-width: 135px;
	padding: 12px 12px;
	color: #fff !important;
	background-color: var(--submit-btn);
	position: relative;
	display: table;
	margin: 0 auto;
	border-radius: 6px;
	transition: all .4s ease;
	box-shadow: rgba(181, 65, 0, 0.5) 0px 4px 10px;
}

	.submit01:hover {
		background-color: var(--submit-hover);
		opacity: 0.8;
		-webkit-transform: translate3d(0, -1px, 0);
		transform: translate3d(0, -1px, 0);
		-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4);
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4);
	}

b, strong {
	font-weight: 600 !important;
}

.dView01 {
	display: block;
}

.mView01 {
	display: none;
}


/* ============================================================================================ */

/* body css start */

/* ============================================================================================ */
/* navbar */

.navbar {
	background-color: #000;
	height: 85px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0;
	-webkit-box-shadow: 0 20px 50px 0 rgb(0 0 0 / 5%);
	box-shadow: 0 20px 50px 0 rgb(0 0 0 / 5%);
}

.sticky {
	/*position: -webkit-sticky;
	position: sticky;
	top: 0;*/
	z-index: 999;
}

.navbar .logo {
	text-decoration: none;
	color: #122f48;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 20px;
	padding: 5px 0;
}

/* nav menu button */

.menu-btn {
	position: relative;
	display: none;
	justify-content: center;
	align-items: center;
	width: 1.5rem;
	height: 1.5rem;
	cursor: pointer;
	z-index: 2;
}

.navbar .menu-btn__lines::before,
.navbar .menu-btn__lines::after {
	content: "";
	position: absolute;
}

.navbar .menu-btn__lines,
.navbar .menu-btn__lines::before,
.navbar .menu-btn__lines::after {
	width: 1.5rem;
	height: 0.1rem;
	background: #fff;
	transition: all 0.4s ease-in-out;
}

	.navbar .menu-btn__lines::before {
		transform: translateY(-0.5rem);
	}

	.navbar .menu-btn__lines::after {
		transform: translateY(0.5rem);
	}

.navbar .menu-items {
	display: flex;
	align-items: center;
}

.navbar ul li {
	list-style: none;
	transition: 0.3s ease;
	/*	border-bottom: 1px solid #8b84e475;*/
	;
}

.dropdown ul li {
	border-bottom: 1px solid #78787875 !important;
	font-size: 10px !important;
}

	.dropdown ul li .menu-item {
		font-size: 15px !important;
		color: #000 !important;
	}

.navbar ul li .arrow {
	transition: all 0.3s ease-out;
}

.navbar ul li a {
	text-decoration: none;
	color: #fff !important;
}

/* dropdown menu */

.navbar .dropdown {
	position: relative;
}

/*.expand-btn:after {
	content: " \25BE";
	opacity: 0.4;
	margin-left: 5px;
}*/

.navbar .dropdown-menu,
.menu-right {
	position: absolute;
	background-color: #fff;
	width: 280px;
	line-height: 30px;
	border-radius: 8px;
	top: 80px;
	/*	border-top: 1px solid white;*/
	left: 0;
	opacity: 0;
	visibility: hidden;
	transition: all 0.4s ease;
	box-shadow: rgba(33, 33, 33, 0.5) 0px 4px 25px;
}

.navbar .menu-right {
	top: 0;
	left: 100%;
}

.navbar .dropdown-menu,
.menu-left {
	/*	left: unset;*/
	left: -80px;
	right: 0;
}

.navbar .menu-left {
	left: -100%;
}

.navbar .menu-item {
	display: flex;
	justify-content: space-between;
	width: 100%;
	padding: 0.5rem 10px !important;
	font-size: 16px !important;
	font-weight: 500 !important;
}

	.navbar .menu-item:hover {
		color: var(--title-color) !important;
		font-weight: 500 !important;
	}

.menu-item.first-item {
	/*	padding: 1.5rem 1rem !important;*/
	padding: 30px 1rem !important;
}

.navbar .dropdown:hover .dropdown-menu {
	opacity: 1;
	visibility: visible;
}

.navbar .dropdown-right:hover .menu-right {
	left: 100%;
	opacity: 1;
	visibility: visible;
}

.navbar .dropdown-right:hover .menu-left {
	left: -100%;
}

/*// date 27.02.2024 header more menu dropdown style*/

.moreHeight {
	min-height: auto;
	border-radius: 8px !important;
	padding: 5px 10px 25px !important;
}

.moreHeight2 {
	min-height: auto;
	border-radius: 8px !important;
	padding: 0 10px !important;
}

.moreHeight .countryDiv {
	width: 100%;
	padding-bottom: 50px;
	margin-top: 15px;
}

	.moreHeight .countryDiv img {
		width: auto;
		margin: 0 0 5px 5px;
	}

.moreHeight h6 {
	color: #595959 !important;
	font-size: 16px !important;
	padding: 0 15px !important;
	font-weight: 600 !important;
	margin-bottom: 10px !important;
}

.moreHeight li a img {
	width: 20px !important;
	height: 20px !important;
	margin-right: 0 !important;
}

.accordion__item {
	margin: 5px auto;
}

	.accordion__item .accordion__title {
		position: relative;
		display: block;
		padding: 0.5rem 10px !important;
		margin-bottom: 2px;
		color: #000;
		font-size: 15px;
		font-weight: 500;
		text-decoration: none;
		border-bottom: 1px solid #78787875;
		/*background-color: #eaeaea;
	border-radius: 3px;
	-webkit-transition: background-color 0.2s;
	transition: background-color 0.2s;*/
		cursor: pointer;
	}

		.accordion__item .accordion__title:hover {
			color: var(--title-color) !important;
		}

		/*.accordion__title-text {
	font-size: 15px;
	color: #fff;
}*/

		/*.accordion__item .accordion__title:hover {
	background-color: #e5e4e4;
	transition: all 0.5s ease-out;
}*/

		/*.accordion__item .accordion-active {
	background-color: #e5e4e4;
}*/

		.accordion__item .accordion__title .accordion__arrow {
			position: absolute;
			top: 6px;
			right: 10px;
			display: inline-block;
			vertical-align: middle;
			/*width: 30px;
	height: 30px;*/
			text-align: center;
			color: #000;
			/*	line-height: 30px;*/
			font-size: 20px;
			font-weight: 400;
			margin-right: 5px;
			/*	background-color: #c9c9c9;*/
			/*	border-radius: 50%;*/
			-webkit-transition: all 0.2s ease-out;
			transition: all 0.2s ease-out;
		}

	.accordion__item .accordion__rotate {
		transform: rotate(180deg);
	}

	.accordion__item .accordion__content {
		padding: 0 15px;
		margin-bottom: 2px;
		/*	font-size: 10px !important;*/
		color: #fff;
		display: none;
		/*	background-color: #f3f3f3;*/;
	}

		.accordion__item .accordion__content a {
			font-size: 15px !important;
			color: #000 !important;
			border-bottom: 1px solid #78787875;
		}

	.accordion__item .accordion__arrow-item {
		font-weight: 700;
	}



/*-------------------------------------*/









/*// date 27.02.2024 header more menu dropdown end*/




/* mega menu  */

.navbar .mega-menu {
	position: absolute;
	left: 0;
	width: 100vw;
	top: 70px;
	border-top: 1px solid #ffffff;
	opacity: 0;
	visibility: hidden;
	transition: all 0.4s ease-out 0s, visibility 0.1s linear 0s;
}

.mega-menu .content {
	background: #e9ecef;
	padding: 1rem;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1rem;
	width: 100%;
	justify-content: space-between;
	-webkit-box-shadow: 0 20px 50px 0 rgb(0 0 0 / 5%);
	box-shadow: 0 20px 50px 0 rgb(0 0 0 / 5%);
}

.blog .content {
	grid-template-columns: repeat(4, 1fr);
}

.content .col {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	line-height: 3rem;
}

	.content .col .img-wrapper {
		display: block;
		position: relative;
		width: 100%;
		height: 20vw;
		overflow: hidden;
	}

	.content .col .img {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
	}

	.content .col img {
		width: 100%;
		transition: transform 0.3s ease-in-out;
	}

	.content .col .img-wrapper:hover img {
		transform: scale(1.1);
	}

	.content .col .menu-title {
		color: #ff5722;
		font-size: 1.2rem;
		line-height: 3rem;
		font-weight: bold;
	}

	.content .col p {
		line-height: 1.2rem;
		margin-top: 5px;
		color: #112f48;
	}

	.content .col .mega-links {
		border-left: 1px solid #3c3c3c;
	}

	.content .col .read-more {
		font-size: 16px;
		display: flex;
		padding-top: 1rem;
		color: #03a9f4;
		transition: color 0.3s ease;
		justify-content: flex-end;
		padding-right: 10px;
	}

.col .mega-links li,
.col .mega-links li a {
	padding: 0 1rem;
}

.menu-items li:hover .mega-menu {
	opacity: 1;
	visibility: visible;
}

.content .col .read-more:hover {
	color: #ff5722;
}

/* container */
/*.container {
	margin: 100px auto auto;
	padding: 0 15px;
	max-width: 1200px;
	text-align: center;
}

.container p {
	color: #ffffff;
}

h1 {
	font-weight: 700;
	line-height: 10vw;
	color: #ffffff;
	text-transform: uppercase;
}*/

/* animation menu hamburger */
.menu-btn.open .menu-btn__lines {
	transform: translateX(1rem);
	background: transparent;
}

	.menu-btn.open .menu-btn__lines::before {
		transform: rotate(45deg) translate(-0.5rem, 0.5rem);
		background: #fff;
	}

	.menu-btn.open .menu-btn__lines::after {
		transform: rotate(-45deg) translate(-0.5rem, -0.5rem);
		background: #fff;
	}

.dropdown-menu {
	padding: 0;
}


/* Responsive style */

@media screen and (max-width: 1024px) {
	.navbar {
		/*		padding: 10px 20px;*/
		padding: 0px;
	}

	.overflow {
		overflow: hidden;
	}

	.overlay {
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		z-index: 500;
		background-color: rgba(0, 0, 0, 0.6);
		opacity: 0;
		visibility: hidden;
		transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
	}

	.overlay--active {
		opacity: 1;
		visibility: visible;
	}

	.menu-btn {
		display: flex;
		margin-left: 10px;
	}

	.navbar .menu-items {
		position: fixed;
		height: 100%;
		max-height: initial;
		overflow-y: auto;
		width: 45%;
		top: 85px;
		left: 0;
		background: #fff;
		display: block;
		transform: translateX(-100vh);
		transition: 0.3s ease-out;
		padding-bottom: 100px;
	}

	.menu-items.open {
		transform: translateY(0);
	}

	.menu-items li:first-child {
		margin-top: 5px;
	}

	.menu-items li a {
		padding: 10px 1rem;
		display: block;
		font-size: 18px;
	}

	.menu-items .dropdown-right .right-arrow {
		transform: rotate(90deg);
	}

	.menu-item.first-item {
		padding: 1rem 1rem;
	}

	/* DROPDOWN, MEGA MENUS */
	.menu-items .dropdown-menu,
	.menu-items .menu-right,
	.menu-items .mega-menu {
		position: static;
		opacity: 1;
		top: 4rem;
		visibility: visible;
		margin-left: -18px;
		width: auto;
		max-height: 0;
		transform: scaleX(0);
		transform-origin: left;
		overflow: hidden;
		transition: all 0.5s ease;
	}

	.menu-items .dropdown-menu,
	.menu-items .menu-right {
		padding: 0 25px;
		width: 100%;
		margin-left: 0px;
	}

	.menu-items .mega-menu .col {
		padding-left: 1rem;
	}

	.expand-btn.open + .sample {
		max-height: 100%;
		transform: scaleZ(1);
	}

	.expand-btn.open + .blog.sample {
		max-height: 100%;
		transform: scaleZ(1);
		max-width: fit-content;
	}

	.navbar .sample {
		border-top: none;
	}

	.sample li {
		margin: 0;
	}

		.sample li:last-child {
			border-bottom: none;
		}

		.sample li a {
			font-size: 1rem;
		}

	.mega-menu .content {
		grid-template-columns: auto;
		padding: 1rem 1rem 0 1rem;
	}

		.mega-menu .content .col {
			width: 100%;
			padding-top: 1rem;
			margin-bottom: 0.5rem;
		}

	.col .mega-links li,
	.col .mega-links li a {
		padding: 0 0.5rem;
	}

	.content .col .mega-links {
		border-left: 0;
		padding-left: 0.5rem;
	}

	.col .mega-links li {
		margin: 0;
	}
}

.active {
	color: var(--title-color) !important;
}

.fa-angle-down {
	margin-top: 7px;
	padding-left: 3px;
	font-size: 12px;
}

.fa-angle-right {
	margin-top: 10px;
	font-size: 12px;
}

.fa-user-circle-o {
	margin-top: 4px;
}

.faUser {
	margin-top: 7px;
}

.navbar .dropdown:hover .dropdown-menu .menu-item {
	/*	justify-content: left;*/
	gap: 5px;
}

.dropdown ul li .menu-item img {
	display: inline-block;
	margin-right: 5px;
	width: 28px;
	height: auto;
}

.justifyLeft {
	justify-content: left !important;
}

.dropbtn {
	height: 100%;
	text-decoration: none;
	white-space: nowrap;
	color: #fff;
	font-size: 15px;
	padding: 1.5rem 15px;
	font-weight: 600;
	background-color: transparent;
}

	.dropbtn:hover {
		color: #ED1C24 !important;
	}

	.dropbtn::after {
		content: "";
		position: absolute;
		width: 1px;
		height: 20px;
		left: 0px;
		bottom: 24px;
		background-color: rgb(251 251 251 / 85%);
	}

	.dropbtn .dropdown {
		position: relative;
		display: inline-block;
	}

.dropdown-content {
	display: none;
	position: absolute;
	background-color: rgb(255 200 199);
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
}

	.dropdown-content a {
		color: #000 !important;
		padding: 8px 15px;
		text-decoration: none;
		display: block;
		line-height: normal;
		font-size: 14px;
		border-bottom: 1px solid rgb(238 166 165);
	}

		.dropdown-content a:hover {
			background-color: rgb(255 200 199);
			color: #ED1C24 !important;
		}

.dropdown:hover .dropdown-content {
	display: block;
}

.dropdown:hover .dropbtn {
	background-color: transparent;
}

.navbar h6 {
	height: 100%;
	text-decoration: none;
	white-space: nowrap;
	color: #fff;
	font-size: 16px;
	padding: 0 15px;
	font-weight: 700;
	display: flex;
	flex-direction: column;
	line-height: normal;
}

	.navbar h6 span {
		font-size: 10px;
		color: #d3d3d3;
		margin-top: 15px;
		font-weight: 400;
	}

/* ============================================================================================ */

/* banner css start */

/* ============================================================================================ */

.banner {
	width: 100%;
	display: inline-block;
	margin-top: 32px;
}

	.banner .swiper-wrapper {
		height: 405px !important;
	}

	.banner .swiper-slide {
		width: 100%;
		height: 405px;
		background-repeat: no-repeat !important;
		background-size: cover !important;
		background-position: center center !important;
		border-radius: 12px;
		position: relative;
		display: flex;
		align-items: center;
	}

	.banner .swiper-button-next:after, .banner .swiper-button-prev:after {
		font-size: 30px !important;
		color: #fff !important;
		font-weight: 700;
	}

.bannerDiv {
	width: 100%;
	padding: 25px 50px 0 100px;
}

	.bannerDiv h1 {
		font-size: 40px;
		color: #fff;
		font-weight: 700;
		width: 70%;
		margin-bottom: 10px;
	}

.bannerPara {
	/*	font-family: "Comfortaa", sans-serif !important;*/
	font-size: 18px;
	color: #fff;
	font-weight: 400;
	width: 80%;
	margin-bottom: 10px;
}



/* ============================================================================================ */

/* search bar css start */

/* ============================================================================================ */

.search_sec {
	width: 100%;
	margin: 40px 0 15px;
	display: inline-block;
}

	.search_sec #myInput {
		background-image: url(../images/search.png);
		background-position: 10px 10px;
		background-repeat: no-repeat;
		width: 100%;
		font-size: 15px;
		padding: 10px 20px 10px 40px;
		border: 1px solid rgb(212, 212, 212);
		/*    margin-bottom: 12px;*/
		;
	}
	/*Animated search*/
	.search_sec input[type=text] {
		width: 130px;
		box-sizing: border-box;
		border: 1px solid rgb(212, 212, 212);
		border-radius: 8px;
		font-size: 16px;
		background-color: white;
		background-image: url(../images/search.png);
		background-position: 10px 15px;
		background-repeat: no-repeat;
		padding: 12px 20px 12px 40px;
		-webkit-transition: width 0.4s ease-in-out;
		transition: width 0.4s ease-in-out;
	}

		.search_sec input[type=text]:focus {
			width: 50%;
		}


/* ============================================================================================ */

/* grid css start */

/* ============================================================================================ */

.sortFilter {
	width: 100%;
	display: flex;
	position: relative !important;
	justify-content: space-between;
	align-items: center;
}

.filterBtn {
	font-size: 14px;
	font-weight: 500;
	padding: 12px 15px;
	min-width: 100px;
	text-align: center;
	border: 1px solid rgb(212, 212, 212);
	color: rgb(54, 54, 54) !important;
	background-color: transparent;
	position: relative !important;
	display: inline-block;
	border-radius: 8px;
	margin-right: 10px;
	transition: all .4s ease;
}

#mydiv, #mydiv2, #mydiv3, #mydiv4, #mydiv5, #mydiv6, #mydiv7, #mydiv8, #mydiv9 {
	width: 350px;
	height: auto;
	background-color: #fff;
	border-radius: 10px;
	padding: 20px 15px;
	display: none;
	font-size: 15px;
	position: absolute !important;
	top: 40px !important;
	z-index: 333;
	margin-top: 20px;
	position: relative;
	box-shadow: 0 3px 6px -4px rgba(0,0,0,.12), 0 6px 16px 0 rgba(0,0,0,.08), 0 9px 28px 8px rgba(0,0,0,.05);
}

#mydiv2 {
	left: 125px !important;
}

#mydiv3 {
	left: 235px !important;
}

#mydiv4 {
	left: 385px !important;
}

#mydiv5 {
	left: 520px !important;
}

#mydiv6 {
	left: 680px !important;
}

#mydiv7 {
	left: 790px !important;
}

#mydiv8 {
	left: 910px !important;
}

#mydiv9 {
	left: 1010px !important;
}

	#mydiv:before, #mydiv2:before, #mydiv3:before, #mydiv4:before, #mydiv5:before, #mydiv6:before, #mydiv7:before, #mydiv8:before, #mydiv9:before {
		position: absolute;
		top: -13px;
		left: 10%;
		margin-left: -10px;
		content: "";
		display: block;
		border-left: 15px solid transparent;
		border-right: 15px solid transparent;
		border-bottom: 15px solid #ffffff;
	}

.sortFilter .heading04 {
	font-size: 16px;
	margin-bottom: 10px;
}

.sortFilter p {
	font-size: 12px;
	color: var(--para-color);
	line-height: normal;
	margin-bottom: 15px;
	font-weight: 400;
}

.sortFilter .clearBtn {
	font-size: 13px;
	font-weight: 600;
	padding: 12px 15px;
	min-width: 100px;
	text-align: center;
	color: rgb(99 99 99);
	background-color: transparent;
	position: relative;
	display: inline-block;
	border-radius: 6px;
	transition: all .4s ease;
	box-shadow: 0 3px 6px -4px rgba(0,0,0,.12), 0 6px 16px 0 rgba(0,0,0,.08), 0 9px 28px 8px rgba(0,0,0,.05);
}

.sortFilter .common_btn01 {
	font-size: 13px;
	font-weight: 600;
	padding: 12px 20px;
	min-width: 100px;
	text-align: center;
	color: #fff !important;
	background-color: #131880;
	border: 1px solid #131880;
	position: relative;
	display: inline-block;
	border-radius: 6px;
	margin: 0 auto;
	transition: all .4s ease;
	box-shadow: rgb(170 164 238 / 70%) 0px 4px 10px;
}

.checkBtn {
	width: 100%;
	padding: 20px 0;
	display: inline-block;
}

.cat {
	margin: 0 5px 10px;
	background-color: rgb(231 231 231);
	color: rgb(161, 161, 161);
	border-radius: 30px;
	border: 1px solid #fff;
	overflow: hidden;
	float: left;
}

	.cat label {
		float: left;
		min-width: 140px;
		height: auto;
		margin-bottom: 0;
		cursor: pointer;
	}

		.cat label span {
			text-align: center;
			padding: 12px 20px;
			display: block;
		}

		.cat label input {
			position: absolute;
			display: none;
			color: #fff !important;
		}

			.cat label input + span {
				color: rgb(99 99 99);
				font-size: 13px;
			}

	.cat input:checked + span {
		color: #ffffff;
	}

.action input:checked + span {
	background-color: #ed1c24;
}

.comedy input:checked + span {
	background-color: #1BB8F7;
}
/*.crime input:checked + span{background-color: #D9D65D;}
.history input:checked + span{background-color: #82D44E;}
.reality input:checked + span{background-color: #F3A4CF;}
.news input:checked + span{background-color: #8C1B1B;}
.scifi input:checked + span{background-color: #AC9BD1;}
.sports input:checked + span{background-color: #214A09;}*/

.sortFilter .btmLine {
	width: 100%;
	height: 1px;
	background-color: rgb(176 176 176);
	display: table;
	margin-bottom: 15px;
}

.btnRow {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.clearBtn {
	font-size: 15px;
	font-weight: 600;
	padding: 10px 20px;
	min-width: 135px;
	text-align: center;
	color: rgb(99 99 99);
	background-color: transparent;
	position: relative;
	display: inline-block;
	border-radius: 6px;
	transition: all .4s ease;
	box-shadow: 0 3px 6px -4px rgba(0,0,0,.12), 0 6px 16px 0 rgba(0,0,0,.08), 0 9px 28px 8px rgba(0,0,0,.05);
}

/* range slider */
.sortFilter .wrapper {
	width: 100%;
	background: none;
	border-radius: 0;
	padding-top: 20px;
	margin-bottom: 15px;
}

.sortFilter .price-input {
	width: 100%;
	display: flex;
	margin: 20px 0 15px;
}

	.sortFilter .price-input .field {
		/*  display: flex;*/
		width: 100%;
		height: 45px;
		align-items: center;
	}

.sortFilter .field input {
	width: 100%;
	height: 35px;
	outline: none;
	font-size: 16px;
	font-weight: 600;
	margin-left: 0px;
	border-radius: 5px;
	text-align: center;
	border: 1px solid #999;
}

.sortFilter input[type="number"]::-webkit-outer-spin-button,
.sortFilter input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
}

.sortFilter .price-input .separator {
	width: 130px;
	display: flex;
	font-size: 19px;
	align-items: center;
	justify-content: center;
}

.sortFilter .slider {
	height: 5px;
	position: relative;
	background: #ddd;
	border-radius: 5px;
}

	.sortFilter .slider .progress {
		height: 100%;
		left: 25%;
		right: 25%;
		position: absolute;
		border-radius: 5px;
		background: #121780;
	}

.sortFilter .range-input {
	position: relative;
}

	.sortFilter .range-input input {
		position: absolute;
		width: 100%;
		height: 5px;
		top: -5px;
		background: none;
		pointer-events: none;
		-webkit-appearance: none;
		-moz-appearance: none;
	}

.sortFilter input[type="range"]::-webkit-slider-thumb {
	height: 17px;
	width: 17px;
	border-radius: 50%;
	background: #121780;
	pointer-events: auto;
	-webkit-appearance: none;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}

.sortFilter input[type="range"]::-moz-range-thumb {
	height: 17px;
	width: 17px;
	border: none;
	border-radius: 50%;
	background: #121780;
	pointer-events: auto;
	-moz-appearance: none;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}

/* range slider */

/*.sortFilter .btn {
	font-size: 14px;
	line-height: 22px;
	-webkit-box-align: center;
	align-items: center;
	background-color: rgb(255, 255, 255);
	border-radius: 8px;
	border: 1px solid rgb(212, 212, 212);
	color: rgb(54, 54, 54);
	display: flex;
	height: 42px;
	-webkit-box-pack: center;
	justify-content: center;
	padding-inline: 8px;
	margin: 0px 4px;
	cursor: pointer;
	font-weight: 500 !important;
	min-width: 120px;
}*/
/*
#box01 {
	min-width: 380px;
	height: 250px;
	background-color: #fff;
	border-radius: 8px;
	padding: 15px;
	display: none;
	position: absolute;
	bottom: -270px;
	box-shadow: 0 3px 6px -4px rgba(0,0,0,.12), 0 6px 16px 0 rgba(0,0,0,.08), 0 9px 28px 8px rgba(0,0,0,.05);
}

#box01::before {
	content: "";
	position: absolute;
	left: 15px;
	top: -12px;
	width: 0;
	height: 0;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-bottom: 13px solid #ffffff;
}*/

/* accordion sortFilter page banner */


.filter_accordion {
	width: 100%;
	padding: 20px 0;
}

	.filter_accordion .accordion-container {
		position: relative;
		max-width: 100%;
		height: auto;
		margin: 0px auto;
	}

		.filter_accordion .accordion-container > h2 {
			text-align: center;
			color: #fff;
			padding-bottom: 5px;
			margin-bottom: 20px;
			padding-bottom: 15px;
			border-bottom: 1px solid #ddd;
		}

	.filter_accordion .set {
		position: relative;
		width: 100%;
		height: auto;
		border-bottom: 1px solid #ddd;
		background-color: transparent;
		display: inline-block;
	}

		.filter_accordion .set > a {
			display: block;
			padding: 10px 10px 10px 40px;
			text-decoration: none;
			font-size: 14px;
			color: #000;
			font-weight: 500;
			position: relative;
			/*  border-bottom: 1px solid #ddd;*/
			-webkit-transition: all 0.2s linear;
			-moz-transition: all 0.2s linear;
			transition: all 0.2s linear;
		}

			.filter_accordion .set > a i {
				float: right;
				margin-top: 5px;
			}

		.filter_accordion .set input[type=checkbox] {
			position: absolute;
			top: 12px;
			left: 15px;
			border: 1px solid #ed1c24;
			border-radius: 2px;
			background: none;
			cursor: pointer;
			line-height: 0;
			margin: 0 0.6em 0 0;
			outline: 0;
			padding: 0 !important;
			vertical-align: text-top;
			height: 16px;
			width: 16px;
			-webkit-appearance: none;
			opacity: .5;
		}

			.filter_accordion .set input[type=checkbox]:hover {
				opacity: 1;
			}

			.filter_accordion .set input[type=checkbox]:checked {
				background-color: #ed1c24;
				opacity: 1;
			}

			.filter_accordion .set input[type=checkbox]:before {
				content: '';
				position: absolute;
				right: 50%;
				top: 50%;
				width: 6px;
				height: 10px;
				border: solid #FFF;
				border-width: 0 2px 2px 0;
				margin: -1px -2px 0 -1px;
				transform: rotate(45deg) translate(-50%, -50%);
				z-index: 2;
			}


	/*.filter_accordion .set > a.active{
  background-color:#3399cc;
  color: #fff;
}*/
	.filter_accordion .content {
		background-color: #fff;
		border-bottom: none;
		display: none;
	}

		.filter_accordion .content p {
			padding: 10px 10px;
			margin: 0;
			color: #333;
		}
	/* check box start */
	.filter_accordion .cCheckBox {
		position: absolute;
		top: 2px;
		left: 10px;
	}

	.filter_accordion .checkbox {
		position: relative;
		display: flex;
		align-items: center;
		gap: 4px;
		cursor: pointer;
		user-select: none;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		margin-top: 10px;
	}

		.filter_accordion .checkbox input {
			position: absolute;
			width: 0;
			left: 50px;
			height: 0;
			opacity: 0;
			cursor: pointer;
		}

		.filter_accordion .checkbox .checkmark {
			position: relative;
			display: block;
			top: 0px;
			left: 0;
			width: 15px;
			height: 15px;
			background: white;
			border-radius: 3px;
			outline: 1px solid #acacac;
			transition: all 0.2s ease;
		}

		.filter_accordion .checkbox:hover .checkmark {
			background: #f4f4f5;
			transition: all 0.2s ease;
		}

		.filter_accordion .checkbox input:checked ~ .checkmark {
			background: #ed1c24;
			outline: 1px solid #ed1c24;
		}

		.filter_accordion .checkbox input[type="radio"] ~ .checkmark {
			border-radius: 50%;
		}

		.filter_accordion .checkbox .checkmark::after {
			position: absolute;
			display: block;
			content: "";
			left: 50%;
			top: 40%;
			width: 5px;
			height: 9px;
			border: solid white;
			border-width: 0 2px 2px 0;
			transform: translate(-50%, -50%) rotate(45deg);
			-webkit-transform: translate(-50%, -50%) rotate(45deg);
			-moz-transform: translate(-50%, -50%) rotate(45deg);
			-ms-transform: translate(-50%, -50%) rotate(45deg);
			opacity: 0;
			transition: all 0.2s ease;
		}

		.filter_accordion .checkbox input:checked ~ .checkmark::after {
			opacity: 1;
			transition: all 0.2s ease;
		}

/* check box end */


.scrll_br {
	/*position: absolute;
    top: 10px;
    left: 20px;
    bottom: 10px;
    right: 0;
    padding: 30px;*/
	overflow-y: scroll;
	overflow-x: hidden;
	height: 250px;
	width: 100%;
}

/*div { height: 1000px; }*/

/* Scrollbar Styling */
.filter_accordion ::-webkit-scrollbar {
	width: 5px;
}

.filter_accordion ::-webkit-scrollbar-track {
	background-color: #ebebeb;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.filter_accordion ::-webkit-scrollbar-thumb {
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: #6d6d6d;
}

/* accordion sortFilter page banner */

.filter_accordion .cat {
	margin: 0 5px 10px 0;
	background-color: rgb(231 231 231);
	color: rgb(161, 161, 161);
	border-radius: 30px;
	border: 1px solid #fff;
	overflow: hidden;
	float: left;
}

	.filter_accordion .cat label {
		float: left;
		min-width: 95px;
		height: auto;
		margin-bottom: 0;
		cursor: pointer;
	}

		.filter_accordion .cat label span {
			text-align: center;
			padding: 10px 10px;
			display: block;
		}

/* input number */
.filter_number {
	width: 100%;
	text-align: center;
	padding: 20px 0;
}

	.filter_number input[type="number"]::-webkit-inner-spin-button,
	.filter_number input[type="number"]::-webkit-outer-spin-button {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		margin: 0;
	}

	.filter_number input[type="number"] {
		-moz-appearance: textfield;
	}

	.filter_number .quantity-block {
		margin: auto;
		font-size: 20px;
	}

	.filter_number .quantity-arrow-minus,
	.filter_number .quantity-arrow-plus {
		cursor: pointer;
		font-size: 20px;
		padding: 5px 12px;
		width: 40px;
		box-sizing: border-box;
		border-radius: 4px;
		outline: none;
		background-color: #ed1c24;
		color: #fff;
	}

	.filter_number .quantity-arrow-minus {
		float: left;
	}

	.filter_number .quantity-arrow-plus {
		float: right;
	}

	.filter_number .quantity-num {
		font-size: 20px;
		padding: 5px 10px;
		border-radius: 4px;
		outline: none;
		border: 1px solid #ed1c24;
		width: 35%;
		text-align: center;
	}

/* input number */

/* range slide */
.instalment {
	width: 100%;
	padding: 20px 0;
}

	.instalment input[type='range'] {
		width: 100%;
		height: 30px;
		overflow: hidden;
		cursor: pointer;
		outline: none;
	}

		.instalment input[type='range'],
		.instalment input[type='range']::-webkit-slider-runnable-track,
		.instalment input[type='range']::-webkit-slider-thumb {
			-webkit-appearance: none;
			background: none;
		}

			.instalment input[type='range']::-webkit-slider-runnable-track {
				width: 100%;
				height: 3px;
				background: #131880;
			}

			.instalment input[type='range']:nth-child(2)::-webkit-slider-runnable-track {
				background: none;
			}

			.instalment input[type='range']::-webkit-slider-thumb {
				position: relative;
				height: 18px;
				width: 18px;
				margin-top: -7px;
				background: #fff;
				border: 3px solid #131880;
				border-radius: 25px;
				z-index: 1;
			}

			.instalment input[type='range']:nth-child(1)::-webkit-slider-thumb {
				z-index: 2;
			}

	.instalment .rangeslider {
		position: relative;
		height: auto;
		width: 100%;
		display: inline-block;
		margin-top: -5px;
		margin-left: 0;
	}

		.instalment .rangeslider input {
			position: absolute;
		}

	.instalment .rangeslider {
		position: relative;
	}

		.instalment .rangeslider span {
			position: absolute;
			margin-top: 40px;
			left: 0;
			padding: 5px 10px;
			border: 1px solid #999;
			min-width: 100px;
			border-radius: 6px;
			font-weight: 500;
		}

		.instalment .rangeslider .right {
			position: relative;
			float: right;
			margin-right: 0;
		}


/* Proof of concept for Firefox */
@moz-document url-prefix() {
	.rangeslider::before {
		content: '';
		width: 100%;
		height: 2px;
		background: #ed1c24;
		display: block;
		position: relative;
		top: 16px;
	}

	.instalment input[type='range']:nth-child(1) {
		position: absolute;
		top: 35px !important;
		overflow: visible !important;
		height: 0;
	}

	.instalment input[type='range']:nth-child(2) {
		position: absolute;
		top: 35px !important;
		overflow: visible !important;
		height: 0;
	}

	.instalment input[type='range']::-moz-range-thumb {
		position: relative;
		height: 15px;
		width: 15px;
		margin-top: -7px;
		background: #fff;
		border: 5px solid #ed1c24;
		border-radius: 25px;
		z-index: 1;
	}

	.instalment input[type='range']:nth-child(1)::-moz-range-thumb {
		transform: translateY(-20px);
	}

	.instalment input[type='range']:nth-child(2)::-moz-range-thumb {
		transform: translateY(-20px);
	}
}

/* range slide 2*/



/* ============================================================================================ */

/* slide row css start */

/* ============================================================================================ */

.slideRow {
	width: 100%;
	margin-top: 15px;
	float: left;
	display: inline-block;
}

.slideRow_top {
	width: 100%;
	margin-bottom: 25px;
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
	align-items: center;
}

	.slideRow_top h5 {
		font-size: 16px;
		color: rgb(54, 54, 54);
		font-weight: 600;
		margin: 0;
	}

		.slideRow_top h5 span {
			font-size: 15px;
			color: rgb(54, 54, 54);
			font-weight: 400;
		}

	.slideRow_top .btn {
		font-size: 15px;
		line-height: 22px;
		-webkit-box-align: center;
		align-items: center;
		background-color: rgb(255, 255, 255);
		border-radius: 6px;
		border: 1px solid rgb(212, 212, 212);
		color: rgb(54, 54, 54);
		display: flex;
		height: 42px;
		-webkit-box-pack: center;
		justify-content: center;
		padding-inline: 15px;
		cursor: pointer;
		font-weight: 500 !important;
		margin-left: 15px;
	}

.end_sort {
	display: flex;
	justify-content: center;
	align-items: center;
}

.slidBox {
	width: 100%;
	border-radius: 12px;
	box-shadow: rgba(33, 33, 33, 0.15) 0px 4px 15px;
}

.slidBoxTop {
	width: 100%;
	min-height: 215px;
	position: relative;
	border-radius: 12px 12px 0 0;
}

.slidePic {
	width: 100%;
	height: 225px;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: center center !important;
	border-radius: 12px 12px 0 0;
	position: relative;
}

.swiper-pagination-bullet-active {
	opacity: var(--swiper-pagination-bullet-opacity, 1);
	background: #ED1C24 !important;
}

.swiper-button-next:after, .swiper-button-prev:after {
	font-size: 20px !important;
	color: #ed1b24 !important;
	font-weight: 600;
}

.newArrival {
	position: absolute;
	top: 0px;
	left: 15px;
	z-index: 11;
}

	.newArrival img {
		width: 80%;
	}

.slidBoxBtm {
	width: 100%;
	text-align: left;
	padding: 15px 15px 25px;
	border-top: 0px;
	border-radius: 0 0 12px 12px;
	position: relative;
}

/*.slidBoxBtm h2 {
	font-size: 24px;
	color: #ed1b24;
	font-weight: 700;
	width: 100%;
	margin-bottom: 8px;
}*/

/*.slidBoxBtm h5 {
	font-size: 13px;
	color: rgb(54 54 54 / 76%);
	font-weight: 500;
	width: 100%;
	margin-bottom: 15px;
}*/

/*.slidBoxBtm h6 {
	font-size: 14px;
	color: rgb(54, 54, 54);
	font-weight: 600;
	width: 100%;
	margin-bottom: 10px;
}*/

.cardInfo {
	-webkit-box-align: center;
	align-items: center;
	font-weight: 400;
	border: 0.5px solid rgb(212, 212, 212);
	border-radius: 8px;
	background-color: rgba(247, 247, 247, 0.5);
	padding: 8px;
	margin-top: 8px;
	font-size: 10px;
	line-height: 20px;
}

.cardItem {
	display: flex;
	-webkit-box-align: center;
	align-items: center;
}

.eclipse {
	display: inline-block;
	font-size: 13px;
	color: rgb(54 54 54 / 76%);
	font-weight: 500;
	margin-right: 10px;
}

	.eclipse span {
		color: var(--para-color02);
	}

/* ============================================================================================ */

/* howPurchase css start */

/* ============================================================================================ */

.howPurchase {
	width: 100%;
	margin-top: 15px;
	float: left;
	display: inline-block;
}

	.howPurchase h2 {
		font-size: 22px;
		color: var(--title-color06);
		font-weight: 700;
		width: 100%;
		margin-bottom: 25px;
	}

.leftBox {
	width: 30%;
	float: left;
}

.rightBox {
	width: 70%;
	float: left;
	display: flex;
	-webkit-box-pack: center;
	justify-content: left;
	gap: 0px 10px;
}

	.rightBox .info {
		width: 100%;
	}

	.rightBox h3 {
		font-size: 22px;
		color: var(--title-color02);
		font-weight: 600;
		margin-bottom: 0;
	}

	/*.rightBox .info h4 {
	font-size: 18px;
	color: var(--title-color02);
	font-weight: 600;
	margin-bottom: 5px;
}*/

	.rightBox .info p {
		font-size: 15px;
		color: rgb(54 54 54 / 76%);
		font-weight: 500;
		margin-bottom: 0;
		line-height: normal;
	}

/* ============================================================================================ */

/* certified css start */

/* ============================================================================================ */

.certified {
	width: 100%;
	margin: 15px 0 35px;
	background-color: #121780;
	padding: 35px 20px;
	border-radius: 12px;
	float: left;
	display: inline-block;
	box-shadow: rgb(37 20 124 / 29%) 0px 4px 10px;
	position: relative;
	z-index: 1;
}

	.certified h2 {
		font-size: 32px;
		color: #fff;
		font-weight: 700;
		margin: 0;
		border-bottom: 3px solid #fff;
		padding-bottom: 5px;
	}

		.certified h2 span {
			color: #fff;
			font-weight: 500;
		}

	.certified h5 {
		font-size: 15px;
		color: #fff;
		font-weight: 500;
		margin-bottom: 0;
		text-align: center;
		/*display: flex;
	flex-direction: column;*/
		line-height: normal;
	}



/* ============================================================================================ */

/* show more css start */

/* ============================================================================================ */

.showMore {
	width: 100%;
	padding: 40px 0;
	float: left;
	text-align: center;
	display: inline-block;
}

	.showMore h5 {
		font-size: 15px;
		color: rgb(161, 161, 161);
		font-weight: 500;
	}

	.showMore .common_btn01 {
		min-width: 230px;
	}

/* ============================================================================================ */

/* notify css start */

/* ============================================================================================ */

.notify {
	width: 100%;
	display: inline-block;
	box-shadow: rgba(33, 33, 33, 0.15) 0px 4px 15px;
	min-height: 300px;
	border-radius: 12px;
	margin-bottom: 40px;
	position: relative;
}

.notify_left {
	width: 100%;
	padding: 30px;
}

.notifyPic {
	width: 100%;
	height: 300px;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: center center !important;
	border-radius: 12px 12px 0 0;
	position: relative;
}

.notify h2 {
	font-size: 22px;
	color: rgb(54, 54, 54);
	font-weight: 600;
	width: 100%;
	margin-bottom: 10px;
}

label {
	display: inline-block;
	margin-bottom: 0.4rem;
	font-size: 14px;
	font-weight: 500;
	color: #212529 !important;
}

/* ============================================================================================ */

/* footer css start */

/* ============================================================================================ */

.footer {
	width: 100%;
	background-color: rgb(33, 33, 33);
	padding: 60px 0;
	display: inline-block;
	float: left;
}

	.footer h4 {
		font-size: 18px;
		color: #fff;
		font-weight: 600;
		padding-bottom: 10px;
		margin-bottom: 25px;
		border-bottom: 1px solid #fff;
		text-transform: uppercase;
		width: 75%;
	}

	.footer ul {
		padding: 0;
		margin: 0;
		list-style: none;
	}

		.footer ul li {
			width: 100%;
			float: left;
			font-size: 14px;
			color: #f0f0f0 !important;
			text-decoration: none !important;
			padding-bottom: 10px;
			font-weight: 400;
		}

			.footer ul li a {
				width: 100%;
				font-size: 14px;
				color: #c1c1c1 !important;
				text-decoration: none !important;
				padding-bottom: 10px;
				font-weight: 400;
				display: block;
			}

				.footer ul li a:hover {
					color: var(--title-color) !important;
				}

.post {
	margin: 10px 0 35px;
	float: left;
	width: 100%;
}

.hero-email-input {
	padding: 12px 10px;
	font-size: 14px;
	box-sizing: border-box;
	border-radius: 6px 0 0 6px;
	border-right: none;
	width: 72%;
	height: 45px;
	float: left;
}

.hero-form-submit {
	font-size: 16px;
	color: #fff;
	font-weight: 600;
	border: none;
	background-color: #ED1C24;
	color: #fff;
	min-width: 90px;
	height: 45px;
	border: none;
	padding: 10px;
	border-radius: 0 6px 6px 0;
	float: left;
}

.footer p {
	font-size: 13px;
	color: #c1c1c1;
	font-weight: 400;
	padding-bottom: 15px;
	margin: 0;
}

.divider {
	width: 100%;
	height: 1px;
	background-color: #c1c1c1;
	margin: 15px 0 25px;
}

.copyright {
	width: 100%;
	text-align: center;
}

	.copyright p {
		font-size: 14px;
		color: #c1c1c1 !important;
		font-weight: 400;
		padding-bottom: 5px;
		margin: 0;
	}

	.copyright a {
		font-size: 14px;
		color: #fff;
		font-weight: 400;
		margin: 0;
		padding-right: 20px;
	}

		.copyright a:hover {
			color: #cccccc;
		}

.copyright_media {
	text-align: center;
	margin-top: 15px;
}

	.copyright_media a {
		text-decoration: none;
		color: inherit;
		background: none;
		padding: 0;
	}

		.copyright_media a i {
			color: #fff;
			display: inline-block;
			margin-right: 12px;
			text-decoration: none;
			font-size: 14px;
			width: 30px;
			height: 30px;
			border-radius: 50%;
			text-align: center;
			background-color: transparent;
			border: 1px solid #fff;
			line-height: 28px;
		}

			.copyright_media a i:hover {
				transition: all 0.5s ease-in-out;
				color: var(--title-color);
				border: 1px solid #ed1b24;
			}

.fChat {
	background-color: rgb(38, 211, 103);
	border-radius: 10px;
	padding: 10px 15px;
	font-size: 15px;
	color: #fff;
	box-shadow: rgb(14, 150, 65) 2px 2px;
	max-width: 270px;
	margin-right: 30px;
	font-weight: 700 !important;
	position: fixed;
	bottom: 20px;
	right: 0;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	gap: 15px;
	z-index: 11;
}

.fChatMb {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 11;
}



/* ============================================================================================ */

/* sell css start */

/* ============================================================================================ */

.sellBan {
	width: 100%;
	min-height: 600px;
	padding: 80px 0;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: center center !important;
	position: relative;
	display: flex;
	align-items: center;
}

.price_form {
	width: 100%;
	position: relative;
	display: table;
	background-image: linear-gradient(to left, #ffffff, #ffffff calc(35% + 100px), #fff calc(52% + 100px), #1e167e 65%);
	border-radius: 8px;
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}

.price_form_l {
	width: 35%;
	padding: 40px 25px;
	float: left;
}

.price_form_r {
	width: 65%;
	padding: 40px 25px;
	float: left;
}

.price_form h4 {
	font-size: 24px;
	color: #fff;
	font-weight: 600;
	padding-bottom: 30px;
	margin-bottom: 30px;
	line-height: 20px;
	border-bottom: 1px solid #fff;
}

	.price_form h4 span {
		font-size: 15px;
		color: #fff;
		font-weight: 400;
	}

.small, small {
	font-size: 70%;
	font-weight: 400;
}


/* ============================================================================================ */

/* featured css start */

/* ============================================================================================ */

.featured_sec {
	width: 100%;
	padding: 60px 0 15px;
	display: inline-block;
}


/*.brand_row ul li {
	display: table-cell;
	text-align: center;
}

.brand_row ul li img {
	width: 70%;
}*/

.bigFonts {
	font-size: 154px;
	color: #ed1b24;
	font-weight: 600;
	display: flex;
	margin-bottom: 0;
	justify-content: center;
	align-items: center;
}

	.bigFonts span {
		font-size: 32px;
		color: rgb(161, 161, 161);
		font-weight: 600;
		line-height: 36px;
		display: inline-block;
	}

.p_b1 {
	padding-bottom: 50px;
}

#rightBorder .col-lg-3 {
	border-right: 1px solid rgb(199 199 199);
}

.mt_01 {
	margin-top: 35px;
}

/* Slider */

.brand_row {
	width: 100%;
	margin-top: 15px;
	margin-bottom: 25px;
}

	.brand_row .slick-slide {
		margin: 0px 20px;
	}

		.brand_row .slick-slide img {
			width: 100%;
		}

	.brand_row .slick-slider {
		position: relative;
		display: block;
		box-sizing: border-box;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		-webkit-touch-callout: none;
		-khtml-user-select: none;
		-ms-touch-action: pan-y;
		touch-action: pan-y;
		-webkit-tap-highlight-color: transparent;
	}

	.brand_row .slick-list {
		position: relative;
		display: block;
		overflow: hidden;
		margin: 0;
		padding: 0;
	}

		.brand_row .slick-list:focus {
			outline: none;
		}

		.brand_row .slick-list.dragging {
			cursor: pointer;
			cursor: hand;
		}

	.brand_row .slick-slider .slick-track,
	.brand_row .slick-slider .slick-list {
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	.brand_row .slick-track {
		position: relative;
		top: 0;
		left: 0;
		display: block;
	}

		.brand_row .slick-track:before,
		.brand_row .slick-track:after {
			display: table;
			content: '';
		}

		.brand_row .slick-track:after {
			clear: both;
		}

	.brand_row .slick-loading .slick-track {
		visibility: hidden;
	}

	.brand_row .slick-slide {
		display: none;
		float: left;
		height: 100%;
		min-height: 1px;
	}

	.brand_row [dir='rtl'] .slick-slide {
		float: right;
	}

	.brand_row .slick-slide img {
		display: block;
	}

	.brand_row .slick-slide.slick-loading img {
		display: none;
	}

	.brand_row .slick-slide.dragging img {
		pointer-events: none;
	}

	.brand_row .slick-initialized .slick-slide {
		display: block;
	}

	.brand_row .slick-loading .slick-slide {
		visibility: hidden;
	}

	.brand_row .slick-vertical .slick-slide {
		display: block;
		height: auto;
		border: 1px solid transparent;
	}

	.brand_row .slick-arrow.slick-hidden {
		display: none;
	}

/* ============================================================================================ */

/* customers_sec css start */

/* ============================================================================================ */

.customers_sec {
	width: 100%;
	padding: 60px 0;
	background: rgb(255, 242, 235);
	display: inline-block;
}

.client_slide {
	width: 100%;
	margin-top: 20px;
}

	.client_slide .carousel-section {
		padding-top: 0;
		padding-bottom: 0;
		overflow: hidden;
	}

		.client_slide .carousel-section .owl-carousel .owl-stage {
			padding-left: 0 !important;
		}

		.client_slide .carousel-section .owl-carousel .owl-stage-outer {
			overflow: unset;
		}

		.client_slide .carousel-section .owl-carousel .owl-nav .owl-next, .client_slide .carousel-section .owl-carousel .owl-nav .owl-prev {
			width: 40px;
			border: 1px solid #ed1b24;
			border-radius: 50%;
			height: 40px;
			font-size: 40px;
			line-height: 0;
		}

			.client_slide .carousel-section .owl-carousel .owl-nav .owl-next:focus,
			.client_slide .carousel-section .owl-carousel .owl-nav .owl-prev:focus {
				outline: 0;
			}

		.client_slide .carousel-section h2 {
			font-size: 34px;
			text-align: left;
			font-weight: 700;
		}

	.client_slide .carousel-container {
		max-width: 1140px;
		padding-left: 15px;
		padding-right: 15px;
		margin: 0 auto;
		width: 100%;
	}

	.client_slide .carousel-item {
		margin: 20px 0;
	}

.owl-theme .owl-nav [class*='owl-']:hover {
	background: #ed1b24 !important;
	color: #FFF;
	text-decoration: none;
}

.client_slide .carousel-item__card {
	height: 205px;
	width: 100%;
	border-radius: 12px;
	background-color: #fff;
	padding: 25px;
	/*display: flex;
  justify-content: center;
  align-items: center;
  font-size: 30px;
  font-weight: 500;
  border: 1px solid #dddddd;*/
	;
}

.client_slide .carousel-item {
	display: block;
	height: 205px;
}

.card_profile {
	width: 20%;
	margin-right: 15px;
	float: left;
}

.card_pic {
	width: 90px;
	height: 90px;
	margin: 0 auto 15px;
	border-radius: 50%;
	overflow: hidden;
}

.card_cont {
	width: 76%;
	float: left;
}

	.card_cont p {
		height: 120px;
		/*overflow-x: hidden;
    overflow-y: scroll;*/
		margin-top: 10px;
		margin-bottom: 0;
	}

	.card_cont .fa-star {
		color: #FADB14;
	}

	.card_cont .scrll_br {
		overflow-y: scroll;
		overflow-x: hidden;
		width: 100%;
	}

	.card_cont ::-webkit-scrollbar {
		width: 4px;
	}

	.card_cont ::-webkit-scrollbar-track {
		background-color: #ebebeb;
		-webkit-border-radius: 0px;
		border-radius: 0px;
	}

	.card_cont ::-webkit-scrollbar-thumb {
		-webkit-border-radius: 0px;
		border-radius: 0px;
		background: #6d6d6d;
	}


/* ============================================================================================ */

/* state css start */

/* ============================================================================================ */

.stateSec {
	width: 100%;
	height: 500px;
	padding: 60px 0;
	background-repeat: no-repeat !important;
	background-position-x: 100% !important;
	position: relative;
	display: flex;
	align-items: center;
}

.stateSec_left {
	width: 100%;
	border-left: 1px solid #ed1b24;
	min-height: 250px;
	padding-left: 30px;
}

.price_amount {
	margin-bottom: 60px;
}

	.price_amount h2 {
		color: var(--title-color);
		margin-bottom: 0;
	}

	.price_amount span {
		font-size: 22px;
		color: rgb(161, 161, 161);
		font-weight: 500;
	}

/* ============================================================================================ */

/* askSec css start */

/* ============================================================================================ */

.askSec {
	width: 100%;
	padding: 60px 0;
	background-color: rgb(237, 233, 232);
	display: inline-block;
}

.acc-container {
	max-width: 100%;
	width: 100%;
	margin-top: 30px;
}

.acc {
	margin-bottom: 10px;
	box-shadow: rgba(3, 3, 3, 0.05) 2px 2px 8px;
}

.acc-head {
	background-color: #fff;
	padding: 12px 15px;
	border-bottom: 1px solid #f2f2f2;
	position: relative;
	cursor: pointer;
}

	.acc-head::before,
	.acc-head::after {
		content: '';
		position: absolute;
		top: 50%;
		background-color: var(--bg-color);
		transition: all .3s;
	}

	.acc-head::before {
		right: 30px;
		width: 3px;
		height: 20px;
		margin-top: -10px;
	}

	.acc-head::after {
		right: 21px;
		width: 20px;
		height: 3px;
		margin-top: -2px;
	}

	.acc-head p {
		color: var(--title-color02);
		font-size: 18px;
		font-weight: 500;
		width: 95%;
	}

.acc-content {
	padding: 12px 15px;
	background-color: #fff;
	display: none;
}

.acc-head.active::before {
	transform: rotate(90deg);
}



/*.accordion {
	background: #fff;
	margin-bottom: 15px;
	margin-top: 25px;
	box-shadow: rgba(3, 3, 3, 0.05) 2px 2px 8px;
}

.accordion h3 {
	cursor: pointer;
	font-size: 18px;
	color: var(--title-color06);
	padding: 15px;
	border-radius: 6px;
	margin-bottom: 0;
	position: relative;
}

.accordion h3.active {
	padding-bottom: 0;
}

.accordion h3::after {
	content: "";
	right: 20px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background-image: url(../images/arrow_down.png);
	width: 32px;
	height: 32px;
}

.accordion .accordion-content {
	display: none;
	padding: 20px;
}*/


/* ============================================================================================ */

/* cert_sec css start */

/* ============================================================================================ */

.cert_sec {
	display: block !important;
	padding: 80px 0 0 0 !important;
	min-height: 700px !important;
}

.color02 {
	color: var(--title-color);
}

.up_mrgn {
	margin-top: -190px;
	margin-bottom: 0;
	border-radius: 12px 12px 0 0;
}

.certList {
	width: 100%;
	margin: 0px auto 40px;
	padding: 60px 35px;
	height: auto;
	background: rgb(248, 247, 247);
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
	filter: drop-shadow(rgba(0, 0, 0, 0.12) 0px 2px 9px);
}

.pointInspection {
	padding: 0px;
	background-color: #fff;
	width: 100%;
	margin-top: 45px;
}

	.pointInspection p {
		color: rgb(54, 54, 54);
	}

.pointPad {
	padding: 40px 40px 0;
}

.cert_card {
	width: 100%;
	padding-top: 40px;
}

.cert_content {
	margin: 0px auto;
	padding: 0px 40px;
}

	.cert_content a {
		font-size: 16px;
		font-weight: 600;
		color: var(--title-color02);
		text-decoration: none;
	}

/*.cert_content .fa-angle-right {
	vertical-align: middle;
}*/

.divider02 {
	width: 100%;
	height: 1px;
	background-color: #c1c1c1;
	margin: 40px 0;
}

.color03 {
	color: var(--title-color02);
}

.fw_01 {
	font-weight: 400;
	color: var(--title-color06);
}


/* ============================================================================================ */

/* caroName css start */

/* ============================================================================================ */

.caroName {
	width: 100%;
	padding: 60px 0;
	background-color: rgb(237, 233, 232);
	display: inline-block;
	margin-top: 50px;
	text-align: center;
}

	.caroName h3 {
		font-size: 22px;
		font-weight: 700;
		color: var(--title-color02);
		text-transform: lowercase;
		display: flex;
		flex-direction: column;
		line-height: normal;
		margin: 0;
	}

		.caroName h3 span {
			font-size: 20px;
			font-weight: 500;
			color: rgb(111 111 111);
		}

	.caroName .col-lg-3 {
		border-right: 1px solid rgb(227 46 46);
	}

		.caroName .col-lg-3:last-child {
			border-right: none !important;
		}

.m_02 {
	margin: 50px 0 60px;
}



/* ============================================================================================ */

/* lease css start */

/* ============================================================================================ */

.lease {
	width: 100%;
	height: 600px;
	background-color: #fff;
	/*	background: #f7f7f7;*/
	display: block;
}

.bnr_left {
	width: 35%;
	display: block;
	height: 600px;
	float: left;
	padding: 50px 50px 50px 70px;
	/*display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;*/
	;
}

	.bnr_left p {
		font-size: 18px;
	}

.bnr_right {
	width: 60%;
	display: block;
	height: 600px;
	float: left;
}

.lease h2 {
	font-size: 44px;
	color: #131880;
	font-weight: 700;
	text-align: center;
	padding: 50px 0 200px;
	transform: skew(-10deg);
}

.pt_01 {
	padding-top: 35%;
}

.lease .img-accordion {
	width: 100%;
	height: 600px;
	display: flex;
	cursor: pointer;
}

.lease .img {
	flex: 1;
	height: 100%;
	/*    border:1px solid #cfcfcf;*/
	box-shadow: inset 6px 5px 7px rgb(0 0 0 / 4%);
	transform: skew(9deg);
	margin: 0;
	background-size: cover;
	background-position: center;
	position: relative;
	transition: all 0.9s;
}

	/*.lease .img1{ background-image: url("https://static.nike.com/a/images/t_PDP_864_v1/f_auto,b_rgb:f5f5f5,q_80/85c39641-b897-4313-bd99-1402c6e5ca5f/potential-3-cricket-shoe-delOLP.jpg"); }
.lease .img2{ background-image: url("https://static.nike.com/a/images/t_PDP_864_v1/f_auto,b_rgb:f5f5f5,q_80/f9e15d18-a7e1-4413-8b8d-5a69acb223b8/air-jordan-1-mid-shoe-BpARGV.jpg"); }
.lease .img3{ background-image: url("https://static.nike.com/a/images/t_PDP_864_v1/f_auto,b_rgb:f5f5f5,q_80/28bbc33f-5897-437a-9aad-28eaa0a01d39/air-jordan-7-retro-gc-shoe-8M6KSs.jpg"); }
.lease .img4{ background-image: url("https://static.nike.com/a/images/t_prod_ss/w_640,c_limit,f_auto/551439ff-6bed-41b7-a9e7-caa9987d10c7/air-jordan-5-ghost-green-release-date-.jpg"); }
.lease .img5{ background-image: url("https://static.nike.com/a/images/t_PDP_1728_v1/f_auto,b_rgb:f5f5f5/316ae299-e7c5-42d1-9a95-f24606aafefd/air-max-2x-shoe-Wh9d6P.jpg"); }*/

	.lease .img h3 {
		position: absolute;
		bottom: 0;
		left: 0;
		background-color: #131880;
		padding: 6px 10px;
		font-size: 26px;
		color: #fff;
		white-space: nowrap;
		transform: rotate(-90deg);
		transform-origin: 0 0;
		transition: all 0.3s;
	}

.lease .img-accordion:hover .img {
	transform: skew(0);
}

.lease .img:hover {
	flex: 5;
}

	.lease .img:hover h3 {
		transform: rotate(0);
		background-color: #131880;
		border: 2px solid #131880;
		color: #fff;
	}

.mt_150 {
	margin-top: 150px;
}

/*.lease .gallery-wrap {
	display: flex;
	flex-direction: row;
	width: 100%;
	height: 600px;
}

.lease .item {
	flex: 1;
	height: 100%;
	background-position: center;
	background-size: cover;
	background-repeat: none;
	transition: flex 0.8s ease;
}

.lease .item:hover {
	flex: 2;
}

.lease .item-1 {
	width: 100%;
	background-color: #f0f0f0;
	box-shadow: inset 6px 5px 7px rgb(0 0 0 / 4%);
	padding: 10px;
	overflow: hidden;
	transform: skew(10deg);
}

.lease .item-2 {
	width: 100%;
	background-color: #f0f0f0;
	box-shadow: inset 6px 5px 7px rgb(0 0 0 / 4%);
	padding: 10px;
	overflow: hidden;
	transform: skew(10deg);
}

.lease .item-3 {
	width: 100%;
	background-color: #f0f0f0;
	box-shadow: inset 6px 5px 7px rgb(0 0 0 / 4%);
	padding: 10px;
	overflow: hidden;
	transform: skew(10deg);
}

.lease .item-4 {
	width: 100%;
	background-color: #f0f0f0;
}*/



/* ============================================================================================ */

/* howWork css start */

/* ============================================================================================ */

.howWork {
	width: 100%;
	background-color: #f7f7f7;
	padding: 60px 0;
	display: block;
	text-align: center;
	position: relative;
}

.howWork_card {
	width: 100%;
	margin-top: 50px;
	position: relative;
}

	.howWork_card img {
		margin-bottom: 20px;
		width: 40%;
		height: 75px;
	}

#steps01, #steps02, #steps03 {
	position: relative;
}

	#steps01 .rotateArrow01 {
		position: absolute;
		right: -30px;
		top: 80px;
	}

	#steps02 .rotateArrow02 {
		position: absolute;
		right: -30px;
		top: 80px;
	}

	#steps03 .rotateArrow03 {
		position: absolute;
		right: -30px;
		top: 80px;
	}

.rotateArrow01 img, .rotateArrow02 img, .rotateArrow03 img {
	margin-bottom: 0px;
	width: 70%;
}

/*.no_circle {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #ed1b24;
    text-align: center;
    font-size: 15px;
    color: #fff;
    padding: 5px;
    margin: 0 auto 15px;
    font-weight: 600;
    line-height: 24px;
}*/


/* ============================================================================================ */

/* whySubscribe css start */

/* ============================================================================================ */

.whySubscribe {
	width: 100%;
	background-color: #fff;
	display: inline-block;
}

.subscribe_left {
	width: 50%;
	background-color: #fff;
	float: left;
}

.subscribe_right {
	width: 50%;
	float: left;
	padding: 60px 0 0 8%;
}

.reason_list {
	padding: 25px;
	background: #f7f7f7;
	border-radius: 8px;
	margin-top: 25px;
	float: left;
}

.reason_item {
	width: 100%;
	margin-bottom: 25px;
	float: left;
}

	.reason_item h4 {
		margin-bottom: 5px;
	}

.reason_item_l {
	width: 40px;
	float: left;
	margin-right: 10px;
}

.reason_item_r {
	width: 90%;
	float: left;
}


/* ============================================================================================ */

/* subscription css start */

/* ============================================================================================ */

.subscription {
	width: 100%;
	background-color: #f7f7f7;
	padding: 60px 0;
	display: inline-block;
}

.subscription_panel {
	width: 100%;
	margin-top: 40px;
}

	.subscription_panel ul {
		padding: 0;
		margin: 0;
		list-style: none;
	}

		.subscription_panel ul li {
			width: 50%;
			float: left;
			font-size: 18px;
			color: var(--para-color);
			font-weight: 500;
			padding-bottom: 20px;
		}

			.subscription_panel ul li span img {
				width: 25px;
				margin-right: 10px;
			}

.pl_01 {
	padding-left: 100px;
}


/* ============================================================================================ */

/* forLease css start */

/* ============================================================================================ */

.forLease {
	width: 100%;
	background-color: #fff;
	padding: 60px 0;
	display: inline-block;
	text-align: center;
}

	.forLease h3 {
		font-size: 30px;
		color: var(--title-color06);
		font-weight: 700;
		width: 100%;
		margin-bottom: 30px;
	}

.forLease_box {
	width: 100%;
	background-color: #E9F4E6;
	border-radius: 12px;
	padding: 50px;
	text-align: center;
	display: inline-block;
}

.forLease .slidePic02 {
	width: 100%;
	height: 300px;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: center center !important;
	border-radius: 6px;
	position: relative;
}

.forLease .swiper-button-next:after, .forLease .swiper-button-prev:after {
	font-size: 18px !important;
	color: #ed1b24 !important;
	font-weight: 600;
	/*width: 50px !important;
    height: 50px !important;
    border-radius: 50%;
    background-color: #fff;*/
	;
}

.forLease .swiper-button-next, .forLease .swiper-button-prev {
	width: 40px !important;
	height: 40px !important;
	border-radius: 50%;
	background-color: #fff;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

.forLease .swiper-button-prev {
	top: 165px;
}

.forLease .swiper-button-next {
	top: 165px;
}

.forLease h5 {
	font-size: 24px;
	color: var(--title-color06);
	font-weight: 700;
	width: 100%;
	margin: 30px 0 15px;
}

.forLease h6 {
	font-size: 18px;
	color: var(--title-color02);
	font-weight: 600;
	margin-bottom: 5px;
}

.forLease_box a {
	color: #ed1b24;
	font-weight: 600;
}

/* ============================================================================================ */

/* aboutUs css start */

/* ============================================================================================ */

.aboutUs {
	width: 100%;
	min-height: 600px;
	padding: 80px 0;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: center center !important;
	position: relative;
	display: flex;
	align-items: center;
	text-align: center;
}

.para_mdum {
	font-size: 18px;
	color: var(--para-color);
	line-height: normal;
	margin-bottom: 25px;
	font-weight: 400;
}

.paraMdum02 {
	font-size: 18px;
	color: var(--para-color);
	line-height: normal;
	margin-bottom: 25px;
	font-weight: 400;
}

.para_mdum a {
	color: #1a23e5;
}

.aboutUs_part01 {
	width: 100%;
	padding: 60px 0;
	background-color: #fff;
	display: inline-block;
}

	.aboutUs_part01 h2 {
		margin: 35px 0 20px;
	}

	.aboutUs_part01 h3 {
		font-size: 18px;
		color: var(--title-color06);
		padding: 25px 0 0 0;
		margin-bottom: 10px;
	}

#companySec img {
	width: 100%;
}

.mt_02 {
	margin-top: 50px;
}


/* ============================================================================================ */

/* theNews css start */

/* ============================================================================================ */

.theNews {
	width: 100%;
	background-color: #f5f5f5;
	padding: 60px 0;
	display: inline-block;
	text-align: center;
}

	.theNews img {
		border-radius: 8px 8px 0 0;
		width: 100%;
	}

.theNews_btm {
	width: 100%;
	background-color: #fff;
	padding: 25px 20px;
	text-align: left;
	border-radius: 0 0 8px 8px;
	box-shadow: rgba(33, 33, 33, 0.15) 0px 4px 15px;
}

	.theNews_btm img {
		width: auto;
	}

	.theNews_btm h3 {
		font-size: 18px;
		color: var(--title-color06);
		margin-bottom: 10px;
		font-weight: 600;
	}

.mt_03 {
	margin-top: 40px;
}

.jobOpen {
	width: 100%;
	background-color: var(--bg-color);
	padding: 40px 0;
	display: inline-block;
}

/* ============================================================================================ */

/* get_covered css start */

/* ============================================================================================ */

.get_covered {
	width: 100%;
	min-height: 600px;
	padding: 80px 0;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: center center !important;
	position: relative;
	display: flex;
	align-items: center;
	text-align: center;
}

.content__line {
	padding-bottom: 25px;
	margin-bottom: 25px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
	width: 100%;
}

.get_covered_group {
	display: flex;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	align-items: center;
}

.group_left {
	width: 60%;
}

.group_item {
	width: auto;
}

.item_text {
	margin-right: 10px;
	font-size: 14px;
	color: #fff;
	font-weight: 600;
	display: flex;
	flex-direction: column;
	line-height: 20px;
}

	.item_text span {
		font-size: 11px;
		font-weight: 400;
	}

#getMore img {
	height: auto !important;
}



/* ============================================================================================ */

/* coverage css start */

/* ============================================================================================ */

.coverage {
	width: 100%;
	background-color: #fff;
	padding: 60px 0;
	display: inline-block;
	text-align: center;
}

.table_sec {
	width: 100%;
	margin-top: 40px;
	text-align: left;
}

	.table_sec .accordion {
		background: #fff;
		margin-bottom: 0;
		margin-top: 0;
		box-shadow: none;
	}

	.table_sec button.accordion {
		width: 100%;
		/*  background-color: whitesmoke;*/
		border: none;
		outline: none;
		text-align: left;
		/*  padding: 15px 20px;*/
		font-size: 16px;
		font-weight: 500;
		color: #333;
		cursor: pointer;
		transition: background-color 0.2s linear;
	}

		.table_sec button.accordion:after {
			font-family: FontAwesome;
			content: "\f150";
			font-family: "fontawesome";
			font-size: 18px;
			float: right;
			margin-top: 8px;
		}

		.table_sec button.accordion.is-open:after {
			content: "\f151";
		}

	/*.table_sec button.accordion:hover,
.table_sec button.accordion.is-open {
  background-color: #ddd;
}*/

	.table_sec .accordion-content {
		/*background-color: white;
  border-left: 1px solid whitesmoke;
  border-right: 1px solid whitesmoke;*/
		padding: 0 20px;
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.2s ease-in-out;
	}

		.table_sec .accordion-content ul {
			padding: 0;
			margin: 0;
			list-style: none;
		}

			.table_sec .accordion-content ul li {
				width: 100%;
				font-size: 15px;
				padding-top: 10px;
				list-style: inside;
			}

.cell01 {
	width: 55%;
}

.table_sec .fs_01 {
	font-size: 26px;
	font-weight: 600;
}

.table_sec .table td, .table_sec .table th {
	padding: 15px;
	vertical-align: middle;
	border-top: 1px solid #dee2e6;
	font-weight: 500;
}

.table_sec button.accordion img {
	width: 40px;
	margin-right: 25px;
}

.table_sec .text-center img {
	width: 25px;
}

/* ============================================================================================ */

/* contact css start */

/* ============================================================================================ */

.contact {
	width: 100%;
	background-color: #fff;
	padding: 60px 0;
	display: inline-block;
	text-align: center;
}

.contact_box {
	width: 100%;
	background-color: #fff;
	padding: 25px;
	text-align: left;
	border-radius: 8px;
	box-shadow: rgba(33, 33, 33, 0.15) 0px 4px 15px;
	min-height: 230px;
}

	.contact_box a {
		color: var(--title-color);
		font-weight: 600;
		font-size: 18px;
	}

.card_header {
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	font-size: 20px;
	color: rgb(54, 54, 54);
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid rgb(161, 161, 161);
	font-weight: 700 !important;
}

	.card_header img {
		width: 35px;
		margin-right: 15px;
	}

.map_sec {
	width: 100%;
	line-height: 0;
	position: relative;
}

	.map_sec iframe {
		width: 100%;
		min-height: 700px;
		position: relative;
	}

.map_sec_box {
	width: 35%;
	background-color: #fff;
	padding: 35px 25px;
	position: absolute;
	top: 60px;
	box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

.map_sec label {
	display: inline-block;
	margin-bottom: 0.4rem !important;
	line-height: normal !important;
	font-size: 14px;
	font-weight: 400;
}

.map_sec_box .submit01 {
	line-height: normal !important;
}

.field03 {
	min-height: 120px;
	padding: 10px;
	line-height: normal !important;
}

/* select dropdown */
.map_sec_box select, #myModal01 .modal-dialog select {
	word-wrap: normal;
	width: 100%;
	background-color: var(--input-bg-color);
	border: 0.5px solid rgb(212, 212, 212);
	font-size: 15px;
	color: var(--black-color);
	padding: 5px 10px;
	height: 45px;
	font-weight: 400;
	margin-bottom: 15px;
	border-radius: 6px;
	position: relative;
}
/* select dropdown */

/* check box */
/*.new {
	padding: 50px;
}

.form-group {
	display: inline-block;
	margin-bottom: 15px;
}

.form-group input {
	padding: 0;
	height: initial;
	width: initial;
	margin-bottom: 0;
	display: none;
	cursor: pointer;
}

.form-group label {
	position: relative;
	cursor: pointer;
	margin-right: 10px;
}

.form-group label:before {
	content: '';
	-webkit-appearance: none;
	background-color: transparent;
	border: 1px solid #e12f2e;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
	padding: 8px;
	display: inline-block;
	position: relative;
	vertical-align: middle;
	cursor: pointer;
	margin-right: 5px;
}

.form-group input:checked + label:after {
	content: '';
	display: block;
	position: absolute;
	top: 3px;
	left: 6px;
	width: 7px;
	height: 12px;
	border: solid #e32f2e;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}*/
.map_sec_box input[type=checkbox] {
	position: relative;
	border: 1px solid #000;
	border-radius: 2px;
	background: none;
	cursor: pointer;
	line-height: 0;
	margin: 0 2px 0 0;
	outline: 0;
	padding: 0 !important;
	vertical-align: middle;
	height: 17px;
	width: 17px;
	-webkit-appearance: none;
	opacity: .5;
}

	.map_sec_box input[type=checkbox]:hover {
		opacity: 1;
	}

	.map_sec_box input[type=checkbox]:checked {
		background-color: #e32f2e;
		border: 1px solid #e32f2e;
		opacity: 1;
	}

	.map_sec_box input[type=checkbox]:before {
		content: '';
		position: absolute;
		right: 50%;
		top: 50%;
		width: 6px;
		height: 10px;
		border: solid #FFF;
		border-width: 0 2px 2px 0;
		margin: -1px -2px 0 -1px;
		transform: rotate(45deg) translate(-50%, -50%);
		z-index: 2;
	}

.map_sec_box p {
	display: inline-block;
	margin-right: 10px;
}
/* check box */

.modalBtn {
	font-size: 15px;
	font-weight: 600;
	padding: 12px 20px;
	min-width: 135px;
	text-align: center;
	color: #fff !important;
	background-color: #131880;
	border: 1px solid #131880;
	position: relative;
	display: inline-block;
	border-radius: 6px;
	margin: 0 auto;
	text-transform: uppercase;
	transition: all .4s ease;
	box-shadow: rgb(170 164 238 / 70%) 0px 4px 10px;
}

/* ============================================================================================ */

/* modal css start */

/* ============================================================================================ */


.modal-dialog {
	margin: 0 auto;
	min-height: calc(100vh - 0px);
	display: flex;
	flex-direction: column;
	justify-content: center;
	overflow: auto;
}

.modal-body {
	position: relative;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: 25px;
}

.modal-title {
	font-size: 20px;
	color: var(--title-color06);
	margin-bottom: 10px;
	font-weight: 600;
}

.modal-header, .modal-footer {
	border-bottom: none;
	padding: 25px;
}

.modal-footer {
	border-top: none;
}

#myModal01 .modal-dialog {
	max-width: 28%;
}

/*#myModal02 .modal-dialog, #myModal03 .modal-dialog, , #myModal04 .modal-dialog {
	max-width: 30%;
}*/

.modal_width {
	max-width: 28%;
}

.modal-content {
	border-radius: 10px;
}

.location {
	width: 100%;
	border-bottom: 1px solid #c7c7c7;
	margin-bottom: 20px;
}

#myModal03 .modal-dialog .form-group input:checked + label:after {
	top: 3px;
}


/*calendar*/

#myModal02 [type="date"] {
	background: #fff url(https://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/calendar_2.png) 97% 50% no-repeat;
}

	#myModal02 [type="date"]::-webkit-inner-spin-button {
		display: none;
	}

	#myModal02 [type="date"]::-webkit-calendar-picker-indicator {
		opacity: 0;
	}

#myModal02 input {
	font-size: 15px;
	width: 100%;
	border: 0.5px solid rgb(212, 212, 212);
	font-size: 15px;
	color: var(--black-color);
	padding: 5px 10px;
	height: 45px;
	font-weight: 400;
	margin-bottom: 15px;
	border-radius: 6px;
	position: relative;
}

#myModal02 select {
	word-wrap: normal;
	width: 100%;
	background-color: var(--input-bg-color);
	border: 0.5px solid rgb(212, 212, 212);
	font-size: 15px;
	color: var(--black-color);
	padding: 5px 10px;
	height: 45px;
	font-weight: 400;
	margin-bottom: 15px;
	border-radius: 6px;
	position: relative;
}

/*calendar*/

.modal_width02 {
	max-width: 28%;
}

.sortRow {
	width: 100%;
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
	align-items: center;
	padding: 10px 0;
	border-bottom: 1px solid rgb(237, 237, 237);
}

.groupName {
	font-size: 15px;
	font-weight: 600;
	color: #000;
}

/* check text start */
.sortRow .checkbox-custom, .sortRow .radio-custom {
	opacity: 0;
	position: absolute;
}

.sortRow .checkbox-custom, .sortRow .checkbox-custom-label, .sortRow .radio-custom, .sortRow .radio-custom-label {
	display: inline-block;
	vertical-align: middle;
	margin: 0px;
	cursor: pointer;
}

.sortRow .checkbox-custom-label, .sortRow .radio-custom-label {
	position: relative;
	color: rgb(161, 161, 161) !important;
	font-weight: 400 !important;
	padding: 5px 0;
}

.sortRow .checkbox-custom + .checkbox-custom-label:after, .sortRow .radio-custom + .radio-custom-label:after {
	content: '';
	background: #fff;
	/*     border: 2px solid #000; */
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	padding: 2px 2px 2px 5px;
	margin-left: 0px;
	text-align: center;
	line-height: 12px;
}

.sortRow .checkbox-custom:checked + .sortRow .checkbox-custom-label:after {
	content: "\f00c";
	font-family: 'FontAwesome';
	background: rebeccapurple;
	color: #fff;
}

.sortRow .radio-custom + .radio-custom-label:after {
	border-radius: 50%;
}

.sortRow .radio-custom:checked + .radio-custom-label:after {
	content: "\f00c";
	font-family: 'FontAwesome';
	color: #ed1c24;
	/*   border: 2px solid red; */
	;
}

.sortRow .radio-custom:checked + .radio-custom-label {
	color: #ed1c24 !important;
}

.sortRow .checkbox-custom:focus + .checkbox-custom-label, .sortRow .radio-custom:focus + .radio-custom-label {
	outline: none;
}

.modalSel {
	width: auto;
	display: inline-grid;
}

#moneyBack ul, #forWarranty ul {
	padding: 0;
	margin: 0 0 0 20px;
	list-style: none;
}

	#moneyBack ul li, #forWarranty ul li {
		width: 100%;
		font-size: 13px;
		color: rgb(103 99 97);
		padding-bottom: 10px;
		list-style: disc;
		position: relative;
	}

#moneyBack .scrll_br {
	/*position: absolute;
    top: 10px;
    left: 20px;
    bottom: 10px;
    right: 0;*/
	padding: 0px;
	margin-bottom: 35px;
	overflow-y: scroll;
	overflow-x: hidden;
	height: 550px;
	width: 100%;
}

/*div { height: 1000px; }*/

/* Scrollbar Styling */
#moneyBack ::-webkit-scrollbar {
	width: 8px;
}

#moneyBack ::-webkit-scrollbar-track {
	background-color: #ebebeb;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#moneyBack ::-webkit-scrollbar-thumb {
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: #6d6d6d;
}

#forWarranty ::-webkit-scrollbar {
	width: 8px;
}

#forWarranty ::-webkit-scrollbar-track {
	background-color: #ebebeb;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#forWarranty ::-webkit-scrollbar-thumb {
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: #6d6d6d;
}

/*// vdo modal*/

#vdoModal .modal-dialog {
	max-width: 45%;
}

.vdoBox02 {
	width: 100%;
	margin: 0 auto;
	display: inline-block;
	line-height: 0;
}

.vdo_pic02 {
	width: 100%;
	height: 480px;
	border-radius: 8px;
}

#vdoModal .modal-body {
	padding: 2px;
	line-height: 0;
}

#vdoModal .modal-header {
	border-bottom: none;
	padding: 15px;
}

/*// vdo modal end */
#myStatus h6 {
	font-size: 16px;
	color: #000;
	font-weight: 500;
}









/* check text end */

/* ============================================================================================ */

/* similarCar css start */

/* ============================================================================================ */

.similarCar {
	width: 100%;
	padding: 60px 0;
	display: inline-block;
}

.breadcrumb_row {
	width: 100%;
}

.breadcrumb {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 0;
	margin-bottom: 20px;
	list-style: none;
	background-color: transparent;
	border-radius: 0.25rem;
}

.thumsRow {
	width: 100%;
}

	.thumsRow .carousel {
		position: relative;
	}

	.thumsRow .carousel-item img {
		object-fit: cover;
	}

	.thumsRow #carousel-thumbs {
		background: none;
		padding: 0 50px;
	}

		.thumsRow #carousel-thumbs img:hover {
			opacity: 100%;
		}

		.thumsRow #carousel-thumbs img {
			opacity: 50%;
			border: 3px solid transparent;
			cursor: pointer;
		}

		.thumsRow #carousel-thumbs .selected img {
			opacity: 100%;
		}

	.thumsRow .carousel-control-prev,
	.thumsRow .carousel-control-next {
		width: 50px;
	}

	.thumsRow .carousel-fullscreen-icon {
		position: absolute;
		top: 1rem;
		left: 1rem;
		width: 1.75rem;
		height: 1.75rem;
		z-index: 4;
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(255,255,255,.80)'  viewBox='0 0 16 16'%3E%3Cpath d='M1.5 1a.5.5 0 0 0-.5.5v4a.5.5 0 0 1-1 0v-4A1.5 1.5 0 0 1 1.5 0h4a.5.5 0 0 1 0 1h-4zM10 .5a.5.5 0 0 1 .5-.5h4A1.5 1.5 0 0 1 16 1.5v4a.5.5 0 0 1-1 0v-4a.5.5 0 0 0-.5-.5h-4a.5.5 0 0 1-.5-.5zM.5 10a.5.5 0 0 1 .5.5v4a.5.5 0 0 0 .5.5h4a.5.5 0 0 1 0 1h-4A1.5 1.5 0 0 1 0 14.5v-4a.5.5 0 0 1 .5-.5zm15 0a.5.5 0 0 1 .5.5v4a1.5 1.5 0 0 1-1.5 1.5h-4a.5.5 0 0 1 0-1h4a.5.5 0 0 0 .5-.5v-4a.5.5 0 0 1 .5-.5z' /%3E%3C/svg%3E");
	}

		.thumsRow .carousel-fullscreen-icon:hover {
			background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgb(255,255,255)' viewBox='0 0 16 16'%3E%3Cpath d='M1.5 1a.5.5 0 0 0-.5.5v4a.5.5 0 0 1-1 0v-4A1.5 1.5 0 0 1 1.5 0h4a.5.5 0 0 1 0 1h-4zM10 .5a.5.5 0 0 1 .5-.5h4A1.5 1.5 0 0 1 16 1.5v4a.5.5 0 0 1-1 0v-4a.5.5 0 0 0-.5-.5h-4a.5.5 0 0 1-.5-.5zM.5 10a.5.5 0 0 1 .5.5v4a.5.5 0 0 0 .5.5h4a.5.5 0 0 1 0 1h-4A1.5 1.5 0 0 1 0 14.5v-4a.5.5 0 0 1 .5-.5zm15 0a.5.5 0 0 1 .5.5v4a1.5 1.5 0 0 1-1.5 1.5h-4a.5.5 0 0 1 0-1h4a.5.5 0 0 0 .5-.5v-4a.5.5 0 0 1 .5-.5z' /%3E%3C/svg%3E");
		}

	.thumsRow .pause .carousel-pause-icon {
		position: absolute;
		top: 3.75rem;
		left: 1rem;
		width: 1.75rem;
		height: 1.75rem;
		z-index: 4;
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(255,255,255,.80)'  viewBox='0 0 16 16'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM6.25 5C5.56 5 5 5.56 5 6.25v3.5a1.25 1.25 0 1 0 2.5 0v-3.5C7.5 5.56 6.94 5 6.25 5zm3.5 0c-.69 0-1.25.56-1.25 1.25v3.5a1.25 1.25 0 1 0 2.5 0v-3.5C11 5.56 10.44 5 9.75 5z' /%3E%3C/svg%3E");
	}

		.thumsRow .pause .carousel-pause-icon:hover {
			background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgb(255,255,255)'  viewBox='0 0 16 16'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM6.25 5C5.56 5 5 5.56 5 6.25v3.5a1.25 1.25 0 1 0 2.5 0v-3.5C7.5 5.56 6.94 5 6.25 5zm3.5 0c-.69 0-1.25.56-1.25 1.25v3.5a1.25 1.25 0 1 0 2.5 0v-3.5C11 5.56 10.44 5 9.75 5z' /%3E%3C/svg%3E");
		}

	.thumsRow .play .carousel-pause-icon {
		position: absolute;
		top: 3.75rem;
		left: 1rem;
		width: 1.75rem;
		height: 1.75rem;
		z-index: 4;
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(255,255,255,.80)'  viewBox='0 0 16 16'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM6.79 5.093A.5.5 0 0 0 6 5.5v5a.5.5 0 0 0 .79.407l3.5-2.5a.5.5 0 0 0 0-.814l-3.5-2.5z' /%3E%3C/svg%3E");
	}

		.thumsRow .play .carousel-pause-icon:hover {
			background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgb(255,255,255)'  viewBox='0 0 16 16'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM6.79 5.093A.5.5 0 0 0 6 5.5v5a.5.5 0 0 0 .79.407l3.5-2.5a.5.5 0 0 0 0-.814l-3.5-2.5z' /%3E%3C/svg%3E");
		}

	.thumsRow #carousel-thumbs .carousel-control-prev-icon {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(0,0,0,.60)' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
	}

	.thumsRow #carousel-thumbs .carousel-control-next-icon {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%60000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
	}

	.thumsRow .modal-content {
		border-radius: 0;
		background-color: transparent;
		border: none;
	}

	.thumsRow #lightbox-container-image img {
		width: auto;
		max-height: 520px;
	}

	.thumsRow .carousel-item {
		height: auto;
		border-radius: 12px;
		position: relative;
	}

	.thumsRow .carousel-inner {
		border-radius: 12px;
	}

.playButton {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}

.carDetails {
	width: 100%;
	background-color: #fff;
	padding: 25px 20px;
	border-radius: 12px;
	position: relative;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

	.carDetails .small, .carDetails small {
		font-size: 55%;
		font-weight: 600;
	}

.carDetailsBox {
	width: 100%;
	background: rgb(247, 247, 247);
	border-radius: 8px;
	margin: 15px 0;
	padding: 12px;
}

.detailRow {
	display: flex;
	gap: 20px;
}

.carDetails .heading04 {
	font-size: 16px;
}

.scheduleRow {
	display: flex;
	align-items: center;
	gap: 10px;
}

.buyBtn {
	font-size: 15px;
	font-weight: 600;
	padding: 12px 20px;
	min-width: 135px;
	text-align: center;
	color: #131880;
	background-color: transparent;
	border: 1px solid #131880;
	position: relative;
	display: inline-block;
	border-radius: 6px;
	transition: all .4s ease;
	box-shadow: 0 3px 6px -4px rgba(0,0,0,.12), 0 6px 16px 0 rgba(0,0,0,.08), 0 9px 28px 8px rgba(0,0,0,.05);
}

	.buyBtn:hover {
		color: #fff !important;
		background-color: #131880;
		border: 1px solid #131880;
		opacity: 0.9;
		-webkit-transform: translate3d(0, -1px, 0);
		transform: translate3d(0, -1px, 0);
		-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4);
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4);
	}

.carId {
	width: 100%;
	margin-top: 40px;
	font-size: 13px;
	color: #343a40;
}

	.carId img {
		width: 15px;
	}

.carDetails .showLeft {
	background-color: white !important;
	border: 1px solid white !important;
	text-shadow: white !important;
	color: black !important;
	padding: 5px !important;
	width: 35px;
	height: 35px;
}

.reportBtn {
	font-size: 16px;
	font-weight: 600;
	color: var(--title-color) !important;
	display: inline-block;
	margin-bottom: 15px;
	text-decoration: underline;
}

/*.carDetails .icons li {
  background: none repeat scroll 0 0 black;
  height: 7px;
  width: 7px;
  line-height: 0;
  list-style: none outside none;
  margin-right: 15px;
  margin-top: 3px;
  vertical-align: top;
  border-radius: 50%;
  pointer-events: none;
}*/

.carDetails .btn-left {
	left: 0.4em;
}

.carDetails .btn-right {
	right: 0.4em;
}

.carDetails .btn-left,
.carDetails .btn-right {
	position: absolute;
	top: 25px;
	right: 20px;
}

.carDetails .dropbtn {
	background-color: #4caf50;
	/*  position: fixed;*/
	color: white;
	font-size: 16px;
	border: none;
	cursor: pointer;
}

	.carDetails .dropbtn:hover,
	.carDetails .dropbtn:focus {
		background-color: #3e8e41;
	}

.carDetails .dropdown {
	position: absolute;
	display: inline-block;
	right: 0;
	top: 0;
}

	.carDetails .dropdown ul li {
		border-bottom: none !important;
	}

.carDetails .dropdown-content {
	display: none;
	position: relative;
	margin-top: 60px;
	margin-right: 20px;
	background: rgb(247, 247, 247);
	min-width: 200px;
	height: 50px;
	padding: 10px;
	border-radius: 6px;
	overflow: hidden;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	z-index: 1;
}

	.carDetails .dropdown-content a {
		color: black;
		padding: 0px 8px 0 0;
		text-decoration: none;
		display: inline-block;
	}

.carDetails .dropdown a:hover {
	background-color: transparent;
}

.carDetails .show {
	display: block;
}




/* ============================================================================================ */

/* overview css start */

/* ============================================================================================ */

.overview {
	width: 100%;
	padding: 0 0 60px 0;
	display: inline-block;
	position: relative;
}

.overviewMenu {
	width: 100%;
	-webkit-box-align: center;
	align-items: center;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	border-bottom: 0.5px solid rgb(161, 161, 161);
	z-index: 99;
	position: static;
}

	.overviewMenu.sticky {
		position: fixed;
		top: 0;
		/*    height: 72px;*/
		left: 0;
		right: 0;
		z-index: 999;
		margin: 0 auto;
		background-color: #fff;
		box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
	}

	.overviewMenu #customNavMenus a {
		list-style: none;
	}

	.overviewMenu #customNavMenus a {
		cursor: pointer;
	}

	.overviewMenu #customNavMenus a {
		display: inline-block;
		font-size: 16px;
		color: rgba(0,0,0,.85);
		text-decoration: none;
		font-weight: 600;
		margin-bottom: 0px;
		padding: 15px 20px;
	}

	.overviewMenu .active {
		color: var(--title-color);
	}

.overview_part1 {
	width: 100%;
	padding: 60px 0 0;
	display: inline-block;
	position: relative;
}

.overview_card {
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	gap: 8px;
	margin: 50px 0 40px;
}

.overview_box {
	width: 100%;
	height: 68px;
	background: rgb(255, 255, 255);
	box-shadow: rgba(33, 33, 33, 0.15) 0px 4px 15px;
	border-radius: 12px;
	display: flex;
	flex-direction: column;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	text-align: center;
	gap: 4px;
}

	.overview_box .fs_02 {
		font-size: 14px;
		color: #000;
		font-weight: 500;
	}

.metaRow {
	width: 100%;
}

	.metaRow ul {
		padding: 0;
		margin: 0;
		list-style: none;
	}

		.metaRow ul li {
			font-size: 15px;
			color: rgba(0,0,0,.85);
			font-weight: 400;
			padding: 0 0 15px 15px;
			position: relative;
		}

			.metaRow ul li:before {
				content: "\2022";
				position: absolute;
				left: 0;
				top: -5px;
				color: #ed1c24;
				font-size: 22px;
			}

			.metaRow ul li span {
				font-size: 15px;
				color: rgba(0,0,0,.85);
				font-weight: 600;
				float: right;
			}

.pr_01 {
	padding-right: 100px !important;
}

.overview_part2 {
	width: 100%;
	padding: 60px 0 0;
	display: inline-block;
	position: relative;
}

.option_row {
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	gap: 25px;
	margin-top: 24px;
	margin-bottom: 24px;
}

.option_row_l {
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	justify-content: space-between;
	width: 350px;
	height: 150px;
	padding: 15px 0 15px 15px;
	box-shadow: rgba(33, 33, 33, 0.15) 0px 4px 15px;
	border-radius: 12px;
	overflow: hidden;
	position: relative;
	gap: 15px;
	cursor: pointer;
}

.optionCrd {
	width: 40%;
}

	.optionCrd h4 {
		font-size: 16px;
		font-weight: 600;
		margin: 0;
	}

	.optionCrd p {
		margin: 10px 0;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		font-weight: 500;
		font-size: 12px;
		width: 180px;
	}

	.optionCrd h6 {
		font-size: 14px;
		font-weight: 600;
		margin: 0;
	}

.overview_part3 {
	width: 100%;
	padding: 60px 0 0;
	display: inline-block;
	position: relative;
}

	.overview_part3 .certifiedSec {
		width: 100%;
		text-align: center;
		margin-bottom: 25px;
		display: inline-block;
		position: relative;
	}

		.overview_part3 .certifiedSec h6 {
			font-size: 18px;
			color: #000;
			font-weight: 600;
			margin: 0 0 15px;
		}

		.overview_part3 .certifiedSec .heading02 span {
			font-weight: 400;
		}

	.overview_part3 .pointSec {
		width: 50%;
		margin: 35px auto;
	}

		.overview_part3 .pointSec h5 {
			font-size: 15px;
			color: #000;
			font-weight: 500;
			margin-bottom: 0;
			text-align: center;
		}

.headInspections {
	width: 100%;
	padding: 25px 0;
	border-top: 0.5px solid rgb(196 196 196);
	border-bottom: 0.5px solid rgb(196 196 196);
}

	.headInspections .inspectorInfo {
		width: 70%;
		margin: 0 auto;
		padding-bottom: 25px;
		text-align: center;
	}

	.headInspections .circleInfo {
		width: 80px;
		height: 80px;
		border-radius: 50%;
		margin: 0 auto 15px;
		overflow: hidden;
		border: 0.5px solid rgb(196 196 196);
	}

	.headInspections h4 {
		font-size: 17px;
		color: #000;
		font-weight: 600;
		margin: 0 0 6px;
	}

	.headInspections h6 {
		font-size: 15px !important;
		color: var(--title-color) !important;
		font-weight: 500 !important;
		margin: 0 0 10px !important;
	}

	.headInspections .circleInfoBtm {
		width: 75%;
		margin: 0 auto;
		padding: 25px;
		display: inline-block;
		position: relative;
		/*border: 0.5px solid rgb(161, 161, 161);
	border-top: none;
	box-shadow: rgba(33, 33, 33, 0.15) 0px 4px 15px;*/
		;
	}

		.headInspections .circleInfoBtm:before {
			content: "";
			width: 100%;
			border-top: 0.5px solid rgb(161, 161, 161);
			margin: 0 auto;
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
		}

		.headInspections .circleInfoBtm:after {
			content: "";
			width: 20px;
			height: 20px;
			background: #fff;
			position: absolute;
			top: -10px;
			left: 50%;
			border-bottom: 0.5px solid rgb(161, 161, 161);
			border-right: 0.5px solid rgb(161, 161, 161);
			transform: translateX(-50%) rotate(-135deg);
		}

		.headInspections .circleInfoBtm h3 {
			font-size: 20px;
			color: var(--title-color);
			font-weight: 600;
			margin: 0 0 15px;
			text-align: left;
		}

		.headInspections .circleInfoBtm ul {
			padding: 0;
			margin: 0;
			list-style: none;
			text-align: left;
		}

			.headInspections .circleInfoBtm ul li {
				width: 50%;
				font-size: 15px;
				color: rgb(103 99 97);
				line-height: normal;
				padding-bottom: 15px;
				float: left;
				padding-right: 0;
				display: flex;
				justify-content: left;
				gap: 10px;
			}

				.headInspections .circleInfoBtm ul li span img {
					width: 20px;
				}

.inspectionReport {
	width: 75%;
	margin: 35px auto 25px;
}

.reportBox {
	width: 100%;
	border: 1px solid rgb(231, 231, 231);
	border-radius: 12px;
	padding: 15px !important;
	margin-top: 15px;
}

.reportBox_row {
	width: 100%;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	justify-content: space-between;
	color: inherit;
	font-size: 14px;
	color: rgb(103 99 97);
}

.reportBox_row_left {
	width: 100%;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	gap: 10px;
	text-align: left;
}

.reportBox_row_right {
	width: 20%;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	justify-content: end;
	gap: 10px;
}

.noCircle {
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background-color: rgb(255, 153, 0);
	font-size: 12px;
	color: #fff;
	text-align: center;
}

.reportBox_row_right i {
	font-size: 16px;
	vertical-align: super;
}

.divider05 {
	box-sizing: border-box;
	margin: 10px 0;
	padding: 0;
	color: rgba(0,0,0,.85);
	font-size: 14px;
	font-variant: tabular-nums;
	line-height: 1.5715;
	list-style: none;
	border-top: 1px solid rgb(231, 231, 231);
}

.noCircle .fa-check {
	font-size: 10px;
	color: #fff;
	line-height: 16px;
}

.btn_panel {
	width: 75%;
	margin: 20px auto 0;
	display: flex;
	gap: 20px;
}

.download_btn02 {
	font-size: 15px;
	font-weight: 600;
	padding: 12px 20px;
	min-width: 210px;
	text-align: center;
	color: #ED1C24 !important;
	background-color: transparent;
	border: 1px solid #ED1C24;
	position: relative;
	display: inline-block;
	border-radius: 6px;
	margin: 0 auto;
	transition: all .4s ease;
	box-shadow: rgb(227 47 46 / 44%) 0px 4px 10px;
}

	.download_btn02:hover {
		opacity: 0.8;
		-webkit-transform: translate3d(0, -1px, 0);
		transform: translate3d(0, -1px, 0);
		-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4);
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4);
	}

.overview_part4 {
	width: 100%;
	padding: 60px 0 0;
	display: inline-block;
	position: relative;
}

	.overview_part4 .notify h2 {
		font-size: 26px;
		color: var(--title-color02);
		font-weight: 600;
		width: 100%;
		margin-bottom: 10px;
	}

	.overview_part4 select {
		word-wrap: normal;
		width: 100%;
		background-color: var(--input-bg-color);
		border: 0.5px solid rgb(212, 212, 212);
		font-size: 15px;
		color: var(--black-color);
		padding: 5px 10px;
		height: 45px;
		font-weight: 400;
		margin-bottom: 15px;
		border-radius: 6px;
		position: relative;
	}

	.overview_part4 .small, .overview_part4 small {
		font-size: 88%;
		font-weight: 400;
	}

	.overview_part4 .notifyPic {
		height: 400px;
	}

.overview_part5 {
	width: 100%;
	padding: 60px 0 0;
	display: inline-block;
	position: relative;
}

/*.overview_part5 .swiper-button-next, .overview_part5 .swiper-button-prev {
	position: absolute;
	top: 14%;
	width: 35px;
	height: 35px;
	background-color: #ed1c24;
	border-radius: 6px;
}

.overview_part5 .swiper-button-prev {
	left: 93%;
	right: auto;
}

.overview_part5 .swiper-button-next:after, .overview_part5 .swiper-button-prev:after {
	font-size: 16px !important;
	color: #fff !important;
	font-weight: 600;
}*/





/* ============================================================================================ */

/* tooltip css start */

/* ============================================================================================ */

.tooltipRow {
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	margin-bottom: 10px;
	gap: 5px;
}

.fa-info-circle {
	position: relative;
	color: #a1a1a1;
	font-size: 15px;
}

.tooltip-container {
	cursor: pointer;
	position: relative;
	display: inline-block;
}

.tooltip {
	opacity: 0;
	z-index: 99;
	color: #bbb;
	width: 375px;
	min-height: 320px;
	display: block;
	font-family: 'Poppins', sans-serif !important;
	font-size: 14px;
	padding: 30px 20px;
	border-radius: 12px;
	background: #fff;
	box-shadow: rgba(33, 33, 33, 0.15) 0px 4px 15px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	position: absolute;
	right: -180px;
	top: 40px;
}

	.tooltip:before, .tooltip:after {
		/*content: '';
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid rgba(51,51,51,0.9);
    position: absolute;
    bottom: -10px;
    left: 43%;*/
		content: " ";
		position: absolute;
		right: 172px;
		top: -15px;
		border-top: none;
		border-right: 15px solid transparent;
		border-left: 15px solid transparent;
		border-bottom: 15px solid #e5e5e5;
	}

.tooltip-container:hover .tooltip, a:hover .tooltip {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.tooltipRow .heading02 {
	font-size: 18px;
	color: var(--title-color);
	font-weight: 600;
	width: 100%;
	margin-bottom: 8px;
}

.cardInfo .tooltip:before, .cardInfo .tooltip:after {
	/*content: " ";
	position: absolute;*/
	right: 80px;
	/*top: -15px;
	border-top: none;
	border-right: 15px solid transparent;
	border-left: 15px solid transparent;
	border-bottom: 15px solid #f3f3f3;*/
	;
}

.cardInfo .tooltip {
	right: -60px;
}

/* ol number */
ol.begin {
	counter-reset: listcounter;
	margin-bottom: 15px;
}

	ol.begin li,
	ol.continue li {
		list-style: none;
		text-indent: 0;
		color: #000;
		display: flex;
		margin-bottom: 5px;
	}

		ol.begin li:before,
		ol.continue li:before {
			content: counter(listcounter) ". ";
			counter-increment: listcounter;
			padding-right: 8px;
		}

.cardInfo ol.begin li:before {
	content: counter(listcounter) ". ";
	counter-increment: listcounter;
	color: #ed1c24;
	font-weight: 500;
}
/* ol number */

/* side toggle */
.contentSide {
	text-align: center;
	width: 550px;
	height: 100%;
	background: #fff;
	padding: 0px;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 111;
	box-shadow: rgba(33, 33, 33, 0.15) 0px 4px 15px;
}

#wraps {
	position: absolute;
	right: 0px;
	top: 0px;
	height: 100%;
	z-index: 44444;
	display: none;
}

.open_call {
	/*padding: 15px 30px;
	font-size: 18px;
	cursor: pointer;
	margin-top: 100px;*/
	;
}

.close_call {
	position: absolute;
	right: 10px;
	top: 15px;
	background: transparent;
	border: none;
	cursor: pointer;
}

.contentSide_head {
	width: 100%;
	padding: 20px 10px;
	text-align: center;
	box-shadow: rgba(33, 33, 33, 0.15) 0px 4px 15px;
}

.contentSide_btmPart2 {
	width: 100%;
	padding: 10px 35px;
	position: absolute;
	bottom: 0;
	text-align: center;
	background-color: #fff;
	box-shadow: rgba(161, 161, 161, 0.25) 0px -6px 6px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.contentSide_head .heading04 {
	margin-bottom: 0;
}

.contentSide_btm {
	width: 100%;
	padding: 0px 15px;
	text-align: left;
	height: 100%;
	position: relative;
}

	.contentSide_btm .nav-pills {
		display: none;
	}

@media(min-width:768px) {
	.contentSide_btm .nav-pills {
		display: flex;
	}

	.contentSide_btm .card {
		border: none;
		background-color: transparent;
	}

	.contentSide_btm .card-body {
		padding: 0;
	}

	.contentSide_btm .card .card-header {
		display: none;
	}

	.contentSide_btm .card .collapse {
		display: block;
	}
}

@media(max-width:767px) {
	.contentSide_btm .tab-pane {
		display: block !important;
		opacity: 1;
	}
}

.contentSide_btm .fade:not(.show) {
	opacity: 1;
}

.contentSide_btm .nav-pills .nav-link {
	border-radius: 0;
}

.contentSide_btm .nav-link {
	/*	display: block;*/
	display: flex;
	padding: 0.5rem !important;
	align-items: center;
	min-height: 65px;
}

.contentSide_btm .nav-pills .nav-link.active, .contentSide_btm .nav-pills .show > .nav-link {
	color: #fff !important;
	background-color: #131880;
}

.contentSide_btm .col-md-9 {
	-ms-flex: 0 0 75%;
	flex: 0 0 75%;
	max-width: 75%;
	border-left: 1px solid rgb(212, 212, 212);
	height: 100vh;
}

.contentSide_btm .nav-link {
	display: inherit;
	padding: inherit;
	font-size: 13px;
	font-weight: 500;
	text-align: left;
	color: #000;
}

.contentSide_right, .selectBodyType {
	width: 100%;
	padding: 20px 0px;
	display: inline-block;
}

	.contentSide_right .heading04, .selectBodyType .heading04 {
		font-size: 16px;
		margin-bottom: 20px;
	}

.car_type {
	width: 100%;
	display: inline-block;
}

/*.selectBodyType h6 {
    font-size: 12px;
    padding: 5px 0;
    font-weight: 500;
    text-align: center;
    color: #000;
    margin: 0;
}*/
.selectBodyType .menu input[type="checkbox"] {
	display: none;
}

	.selectBodyType .menu input[type="checkbox"] + label {
		display: inline-block;
		cursor: pointer;
		background-color: transparent;
		padding: 0;
		margin-bottom: 0;
		width: 100%;
		text-align: center;
		border: 1px solid #fff;
		font-size: 12px;
		font-weight: 400;
		text-align: center;
		color: #000;
	}

	.selectBodyType .menu input[type="checkbox"]:checked + label {
		border: 1px solid #ed1c24;
	}

		.selectBodyType .menu input[type="checkbox"]:checked + label span {
			color: #ed1c24;
		}

.mb_20 {
	margin-bottom: 20px;
}

.colorBox {
	width: 35px;
	height: 35px;
	margin: 10px auto;
	border-radius: 100%;
	border: 1px solid rgb(161, 161, 161);
}

/*.selectBodyType label { font-size: 0; }
.selectBodyType label[for="jquery"]:before { content: "jquery1"; font-size: 18px; }
.selectBodyType label[for="css3"]:before { content: "css3"; font-size: 18px; }
.selectBodyType label[for="html5"]:before { content: "html5"; font-size: 18px; }
.selectBodyType label[for="angularjs"]:before { content: "angularjs"; font-size: 18px; }*/

.rotate {
	-moz-transition: all .5s linear;
	-webkit-transition: all .5s linear;
	transition: all .5s linear;
}

	.rotate.down .fa-angle-down {
		-moz-transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
	}

#v-pills-tabContent a {
	color: #fff;
}

.card-header .fa-angle-down {
	float: right;
}

#v-pills-tabContent .card-header {
	padding: 0.75rem 1.25rem;
	margin-bottom: 0;
	background-color: #131880;
	position: relative;
	border-bottom: 1px solid rgba(0,0,0,.125);
}

/*#v-pills-tabContent .card {
    border: 1px solid #131880;
}*/

#v-pills-tabContent .tab-pane {
	margin-bottom: 2px;
}




/* side toggle end */

/* bottom to top start */
#scrollBtm {
	position: fixed;
	right: 25px;
	bottom: 100px;
	cursor: pointer;
	width: 40px;
	height: 40px;
	background-color: #121780;
	text-indent: -9999px;
	display: none;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	border-radius: 60px;
	box-shadow: rgba(33, 33, 33, 0.15) 0px 4px 15px;
	z-index: 22;
}

	#scrollBtm span {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-left: -8px;
		margin-top: -14px;
		height: 0;
		width: 0;
		border: 8px solid transparent;
		border-bottom-color: #ffffff;
	}

	#scrollBtm:hover {
		background-color: #ed1c24;
		opacity: 1;
		filter: "alpha(opacity=100)";
		-ms-filter: "alpha(opacity=100)";
	}
/* bottom to top end */



/* ============================================================================================ */

/* tooltip css start */

/* ============================================================================================ */

.used_car {
	width: 100%;
}

	.used_car img {
		width: 50%;
	}


/* ============================================================================================ */

/* anywhere css start */

/* ============================================================================================ */

.anywhere {
	width: 100%;
	padding: 25px;
	position: relative;
	background-image: linear-gradient(#ed1c24, #ed1c24, #ed1c24);
	/*background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: center center !important;
    display: flex;
	align-items: center;
	text-align: left;*/
	;
}

.getStarted {
	/*display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;*/
	width: 100%;
	padding: 20px;
	text-align: center;
	background: linear-gradient(201.92deg,#ed1c24d6 29.17%,#ed1c24 95.88%);
	z-index: 99;
	position: static;
}

	/*.menu {
    width: 100%;
    z-index: 99;
    position: static;
}*/

	.getStarted.sticky2 {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 999;
	}

	.getStarted h4 {
		font-size: 20px;
		color: #fff;
		font-weight: 600;
		text-shadow: 0px 4px 27.97px rgba(0,0,0,0.13);
		margin: 0 60px 0 0;
	}

	.getStarted .description {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.getStarted .downloadBtn {
	}

/* ============================================================================================ */

/* vdoSec css start */

/* ============================================================================================ */

.vdoSec {
	width: 100%;
	min-height: 600px;
	padding: 60px 0;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: center center !important;
	position: relative;
	/*    display: flex;*/
	align-items: center;
	text-align: center;
}

.vdoBox {
	width: 65%;
	margin: 0 auto;
	display: inline-block;
	line-height: 0;
}

.vdo_pic {
	width: 100%;
	height: 500px;
}

/* ============================================================================================ */

/* anywhereMap css start */

/* ============================================================================================ */

.anywhereMap {
	width: 100%;
	padding: 60px;
	display: inline-block;
}

	.anywhereMap .tab-container {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.anywhereMap .tab-navigation {
		margin-bottom: 40px;
		width: 35%;
	}

	.anywhereMap .tab-content {
		width: 60%;
		height: 502px;
		/*color: white;
    font-size: 30px;
    text-align: center;
    line-height: 26px;
    padding-top: 30px;*/
		;
	}

	.anywhereMap #tab-1 {
		background: none;
		border: 0.5px solid rgb(212, 212, 212);
	}

	.anywhereMap #tab-2 {
		background: none;
		border: 0.5px solid rgb(212, 212, 212);
	}

	.anywhereMap #tab-3 {
		background: gray;
	}

	.anywhereMap #tab-4 {
		background: none;
		border: 0.5px solid rgb(212, 212, 212);
		color: black;
	}

	.anywhereMap #tab-5 {
		background: none;
		border: 0.5px solid rgb(212, 212, 212);
	}

	.anywhereMap select {
		word-wrap: normal;
		width: 100%;
		background-color: var(--input-bg-color);
		border: 0.5px solid rgb(212, 212, 212);
		font-size: 15px;
		color: var(--black-color);
		padding: 5px 10px;
		height: 45px;
		font-weight: 400;
		margin-bottom: 15px;
		border-radius: 6px;
		position: relative;
	}

	.anywhereMap iframe {
		width: 100%;
		height: 500px;
		border: none;
		padding: 2px;
	}


/* ============================================================================================ */

/* adBanner start */

/* ============================================================================================ */

.adBanner {
	width: 100%;
	height: 100%;
	position: relative;
	display: inline-block;
	margin: 20px 0;
}

	.adBanner img {
		border-radius: 12px;
	}

/* ============================================================================================ */

/* Inspection Report start */

/* ============================================================================================ */

.inspection {
	width: 100%;
	display: block;
	position: relative;
	padding: 60px 0;
}

	.inspection .nav-pills {
		display: none;
	}

		.inspection .nav-pills .nav-link.active, .inspection .nav-pills .show > .nav-link {
			color: #fff !important;
			background-color: #131880;
		}

	.inspection .nav-link {
		display: block;
		padding: 12px 15px;
	}

	.inspection .card-header .fa-angle-down {
		float: right;
		font-size: 16px;
	}

	.inspection .nav-pills a {
		color: #000000 !important;
		font-weight: 500;
		text-decoration: none;
		background-color: rgb(247, 247, 247);
		margin-bottom: 10px;
	}

@media(min-width:768px) {
	.inspection .nav-pills {
		display: flex;
	}

	.inspection .card {
		border: none;
	}

	.inspection .card-body {
		padding: 0;
	}

	.inspection .card .card-header {
		display: none;
	}

	.inspection .card .collapse {
		display: block;
	}
}

@media(max-width:767px) {
	.inspection .tab-pane {
		display: block !important;
		opacity: 1;
	}
}

.inspectionBox {
	width: 100%;
	padding: 30px 25px;
}

.mt_04 {
	margin-top: 50px;
}

.inspection .tab-content {
	border: 0.5px solid rgb(212, 212, 212);
	border-radius: 0.25rem;
}

.inspectionBox h5 {
	font-size: 15px;
	color: #000;
	font-weight: 500;
	margin-bottom: 0;
	text-align: center;
}

.boxPack {
	width: 100%;
	margin: 25px 0 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 15px;
}

.pasBox {
	font-size: 15px;
	font-weight: 600;
	padding: 12px 20px;
	min-width: 200px;
	text-align: center;
	color: #000;
	background-color: transparent;
	border: 0.5px solid rgb(212, 212, 212);
	position: relative;
	display: inline-block;
	border-radius: 6px;
	transition: all .4s ease;
}

	.pasBox span {
		font-size: 13px;
		font-weight: 400;
		color: #000;
		background-color: transparent;
	}

	.pasBox i {
		color: rgb(89, 200, 37);
		font-size: 18px;
		padding-right: 10px;
		vertical-align: middle;
	}

.inspectionBox .small, .inspectionBox small {
	font-size: 80%;
	font-weight: 400;
	margin-bottom: 10px;
	color: rgb(100 100 100);
	display: block;
}

/*Vehicle Details*/
.vehicleDetails {
	width: 100%;
	margin-top: 25px;
}

#profile-description {
	width: 100%;
	margin-top: 15px;
	position: relative;
}

	#profile-description .text {
		/*   width: 660px;  */
		margin-bottom: 10px;
		color: #777;
		padding: 0;
		position: relative;
		font-family: Arial;
		font-size: 14px;
		display: block;
	}

	#profile-description .show-more {
		/* width: 690px; */
		color: #000;
		position: relative;
		font-size: 14px;
		padding-top: 5px;
		/* height: 20px; */
		text-align: center;
		background: #f1f1f1;
		cursor: pointer;
		padding: 8px;
		border-radius: 6px;
	}

		#profile-description .show-more:hover {
			color: #1779dd;
		}

	#profile-description .show-more-height {
		height: 100px;
		overflow: hidden;
	}

.descBox {
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
	margin-bottom: 10px;
}

.itemLabel {
	font-size: 14px;
	line-height: 20px;
	font-weight: 500 !important;
	color: rgb(54, 54, 54);
	text-align: left;
	font-weight: 400;
}

.itemValue {
	font-size: 14px;
	line-height: 20px;
	color: #000;
	text-align: right;
	font-weight: 500 !important;
}

/*Vehicle Details*/

.spaceItem {
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
	border-bottom: 0.5px solid rgb(212, 212, 212);
	margin-bottom: 15px;
	padding: 0 0 15px;
}

	.spaceItem i {
		color: rgb(89, 200, 37);
		font-size: 18px;
		vertical-align: middle;
	}

.spaceItemBox {
	background: rgb(247, 247, 247);
	padding: 12px;
	margin-top: 8px;
	border-radius: 0.2rem;
	width: 100%;
	display: block;
}

	.spaceItemBox .imageBox {
		min-width: 150px;
		width: 150px;
		height: 100%;
		position: relative;
		margin-bottom: 5px;
	}

	.spaceItemBox h6 {
		font-size: 13px;
		color: #575757;
		margin: 0;
	}

.firstPanel {
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
}

/*.rotate2 {
	-moz-transition: all .5s linear;
	-webkit-transition: all .5s linear;
	transition: all .5s linear;
}

.rotate2.down2 .fa-angle-down{
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}*/


/* ============================================================================================ */

/* points start */

/* ============================================================================================ */

.points {
	width: 100%;
	padding: 60px 0;
	position: relative;
	display: inline-block;
}

.points_panel {
	width: 100%;
	border-bottom: 1px solid #ed1c24;
	margin-top: 25px;
	padding: 0 0 15px 0;
}

.pointsBox {
	padding: 40px;
	background: rgb(248, 247, 247);
	box-shadow: rgba(0, 0, 0, 0.25) 0px 2px 9px;
	border-radius: 12px;
	margin-top: 35px;
}

	.pointsBox h3 {
		font-size: 20px;
		font-weight: 700;
		color: var(--title-color06);
		margin: 15px 0;
		padding-bottom: 10px;
		border-bottom: 1px solid red;
	}

.divider03 {
	width: 100%;
	height: 1px;
	background-color: #ed1c24;
	margin: 0;
}


/* multi tabs start */
.tabs_wrapper {
	margin-top: 20px;
}

	/*.tabs_wrapper ul.tabs {
	background: none!important;
	border: none!important;
	display: inline-block;
	width: 100%;
	padding-left: 0;
	-webkit-margin-before: 0;
	-webkit-padding-start: 0;
}*/

	.tabs_wrapper ul.tabs {
		background: none !important;
		border: none !important;
		display: flex;
		width: 100%;
		padding-left: 0;
		margin-bottom: 15px;
		-webkit-margin-before: 0;
		-webkit-padding-start: 0;
		overflow: auto;
		white-space: nowrap;
	}

		.tabs_wrapper ul.tabs li {
			list-style: none;
			cursor: pointer;
			margin-right: 15px;
			margin-bottom: 5px;
			display: inline-block;
			float: left;
			border: 1px solid rgba(0,0,0,0.1);
			padding: 0 10px;
			border-radius: 5px;
			background-color: #e5e5e5;
			color: #000;
			line-height: 35px;
			font-family: sans-serif;
		}

			.tabs_wrapper ul.tabs li.active {
				background-color: #121780;
				border: 1px solid #121780;
				color: #fff !important;
			}

	.tabs_wrapper .tabs_container {
		padding: 15px;
		border-top: 1px solid rgba(0,0,0,0.5);
		display: inline-block;
		width: 100%;
	}

		.tabs_wrapper .tabs_container .tab_content {
			display: none;
			width: 100%;
		}

			.tabs_wrapper .tabs_container .tab_content.active {
				display: inline-block;
			}
/* multi tabs end */

.pointsBox ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

	.pointsBox ul li {
		width: auto;
		font-size: 15px;
		color: rgb(103 99 97);
		line-height: 30px;
		list-style: disc;
	}

/*// custom scrollbar*/
.scrollmenu {
	background-color: #333;
	overflow: auto;
	white-space: nowrap;
}

	.scrollmenu a {
		display: inline-block;
		color: white;
		text-align: center;
		padding: 14px;
		text-decoration: none;
	}

		.scrollmenu a:hover {
			background-color: #777;
		}



	/* width */
	.scrollmenu::-webkit-scrollbar {
		height: 5px;
	}

	/* Track */
	.scrollmenu::-webkit-scrollbar-track {
		background: #dadada;
	}

	/* Handle */
	.scrollmenu::-webkit-scrollbar-thumb {
		background: #888;
	}

		/* Handle on hover */
		.scrollmenu::-webkit-scrollbar-thumb:hover {
			background: #555;
		}
/*// custom scrollbar*/


/* ============================================================================================ */

/* PDF start */

/* ============================================================================================ */

.pdf {
	width: 100%;
	background-color: #fff;
	padding: 50px;
	position: relative;
	display: inline-block;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

.pdf_top {
	width: 100%;
	padding-bottom: 25px;
	margin-bottom: 25px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid rgb(212, 212, 212);
}

.pdf_top2 {
	width: 100%;
	padding-bottom: 25px;
	margin-bottom: 25px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid rgb(212, 212, 212);
}

	.pdf_top2 a {
		font-size: 16px;
		font-weight: 600;
		color: var(--title-color);
		text-decoration: underline;
	}

.clientBox {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

	.clientBox ul {
		padding: 0;
		margin: 0;
		list-style: none;
	}

		.clientBox ul li {
			font-size: 16px;
			color: #000;
			font-weight: 600;
			margin: 0 0 10px;
		}

			.clientBox ul li span {
				font-weight: 400;
				text-align: right;
				color: #464646;
			}

.pdf_top3 {
	width: 100%;
	padding-bottom: 25px;
	margin-bottom: 25px;
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid rgb(212, 212, 212);
}

.pointDetails {
	width: 40%;
}

	.pointDetails h5 {
		font-size: 16px;
		color: #000;
		font-weight: 500;
		margin: 0 0 15px;
	}

		.pointDetails h5 span {
			font-weight: 400;
			color: #464646;
			float: right;
		}

.pdf_certified {
	width: 100%;
	text-align: center;
	background-color: #ED1C24;
	padding: 30px 20px;
	margin-bottom: 25px;
	border-radius: 12px;
	display: inline-block;
	box-shadow: rgb(37 20 124 / 29%) 0px 4px 10px;
	position: relative;
	z-index: 1;
}

	.pdf_certified h4 {
		font-size: 30px;
		color: #fff;
		font-weight: 600;
		margin: 0 0 35px;
	}

		.pdf_certified h4 span {
			font-weight: 400;
		}

	.pdf_certified h6 {
		font-size: 16px;
		color: #fff;
		font-weight: 500;
		margin-top: 15px;
	}

	.pdf_certified .col-lg-2 {
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}

.checkList {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

	.checkList span {
		font-size: 16px;
		color: rgb(54, 54, 54);
		font-weight: 500;
	}

.checkListBox {
	width: 100%;
	text-align: center;
	padding: 15px 0;
	margin-top: 25px;
	border-top: 1px solid rgb(212, 212, 212);
	border-bottom: 1px solid rgb(212, 212, 212);
}

	.checkListBox .columnSec {
		width: 24%;
		text-align: center;
		padding: 0 15px;
		display: inline-block;
		border-right: 1px solid rgb(212, 212, 212);
	}

		.checkListBox .columnSec:last-child {
			border-right: none !important;
		}

		.checkListBox .columnSec span {
			font-size: 16px;
			color: rgb(54, 54, 54);
			padding-left: 10px;
		}

.testTable {
	width: 100%;
	margin-top: 35px;
}

	.testTable .table .thead-dark th {
		color: #fff;
		background-color: #343a40;
		border-color: #454d55;
		font-weight: 600;
		font-size: 18px;
	}

	.testTable .table td {
		font-weight: 500;
		font-size: 15px;
	}

.cellWidth {
	width: 35%;
}


/* date 22.02.2024 */
.light_para {
	color: #8b8b8b;
}

.color_para {
	color: #007bff;
}



/* ============================================================================================ */

/* workshop start */

/* ============================================================================================ */

.workshop {
	width: 100%;
	height: auto;
	padding: 60px 0;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: center top !important;
	position: relative;
}

.expert_box {
	width: 45%;
	background-color: #ffffffb5;
	padding: 35px 25px;
	text-align: left;
}

	.expert_box h3 {
		font-size: 28px;
		color: #000;
		font-weight: 700;
		width: 100%;
		margin-bottom: 10px;
	}

.maintenance_cost {
	width: 100%;
	padding: 60px 0;
	position: relative;
}

	.maintenance_cost table {
		border-collapse: collapse;
		width: 100%;
		display: table;
		margin: 40px 0;
	}

	.maintenance_cost td, .maintenance_cost th {
		/*	border: 1px solid #dddddd;*/
		text-align: center;
		padding: 10px 15px;
		font-size: 15px;
	}

	.maintenance_cost th {
		font-weight: 500;
	}

	.maintenance_cost tr .maintenance_cost th {
		border: 1px solid #dddddd;
		text-align: center;
		padding: 6px 20px;
		background-color: #ad1e23;
		color: #fff;
	}

	/*.maintenance_cost tr:hover {
	background-color: #dddddd;
	cursor: pointer;
}*/

	.maintenance_cost .content td, .maintenance_cost .content th {
		border-top: 1px solid transparent;
		padding: 2px 10px 2px 15px;
	}

.cell02 {
	width: 16%;
}

.background_gray {
	background-color: #e5e5e5;
}

.td_color {
	color: var(--title-color02);
}


/* ============================================================================================ */

/* howitWork start */

/* ============================================================================================ */

.car_troubles {
	width: 100%;
	padding: 60px 0;
	position: relative;
}

.car_troubles_left {
	width: 100%;
}


/* -------------------------------- 

Main timeline 

-------------------------------- */
.howitWork {
	width: 100%;
	background-color: #f5f5f5;
	padding: 60px 0;
	position: relative;
}

.tl {
	position: relative;
	max-width: 100%;
	margin: 40px auto 0;
}

	.tl::after {
		content: "";
		position: absolute;
		width: 5px;
		background-color: #dedede;
		top: 0;
		bottom: 0;
		left: 50%;
		margin-left: -3px;
	}

.tl-container {
	padding: 10px 40px;
	position: relative;
	background-color: inherit;
	width: 50%;
}

	.tl-container::after {
		content: "";
		position: absolute;
		width: 25px;
		height: 25px;
		right: -13px;
		background-color: #fff;
		border: 4px solid #ed1c24;
		top: 15px;
		border-radius: 50%;
		z-index: 1;
	}

.tl-left {
	left: 0;
}

.tl-right {
	left: 50%;
}

.tl-left::before {
	content: " ";
	height: 0;
	position: absolute;
	top: 22px;
	width: 0;
	z-index: 1;
	right: 30px;
	border: medium solid #fff;
	border-width: 10px 0 10px 10px;
	border-color: transparent transparent transparent #fff;
}

.tl-right::before {
	content: " ";
	height: 0;
	position: absolute;
	top: 22px;
	width: 0;
	z-index: 1;
	left: 30px;
	border: medium solid #fff;
	border-width: 10px 10px 10px 0;
	border-color: transparent #fff transparent transparent;
}

.tl-right::after {
	left: -13px;
}

.tl-content {
	padding: 20px 30px;
	background-color: #fff;
	position: relative;
	border-radius: 6px;
	box-shadow: rgba(0, 0, 0, 0.25) 0px 2px 9px;
}

	.tl-content h3 {
		font-size: 26px;
		color: var(--title-color);
		font-weight: 700;
		width: 100%;
		margin-bottom: 10px;
	}

	.tl-content h4 {
		font-size: 20px;
		color: var(--title-color06);
		font-weight: 600;
		width: 100%;
		margin-bottom: 10px;
	}

@media screen and (max-width: 600px) {
	.tl::after {
		left: 31px;
	}

	.tl-container {
		width: 100%;
		padding-left: 70px;
		padding-right: 25px;
	}

		.tl-container::before {
			left: 60px;
			border: medium solid #fff;
			border-width: 10px 10px 10px 0;
			border-color: transparent #fff transparent transparent;
		}

	.tl-left::after,
	.tl-right::after {
		left: 15px;
	}

	.tl-right {
		left: 0%;
	}
}

/* ============================================================================================ */

/* information start */

/* ============================================================================================ */

.information {
	width: 100%;
	padding: 60px 0;
}

.information_card {
	width: 100%;
	box-shadow: 0 0 60px 0 rgba(0,0,0,0.1);
	padding: 35px;
	background: #fff;
	margin-bottom: 60px;
	border-radius: 8px;
}

#honestPricing img {
	width: auto !important;
}

.mechanics {
	width: 100%;
	padding: 60px 0;
	position: relative;
}

.mechanics_row {
	width: 100%;
	display: flex;
	align-items: center;
}

.mechanics_cont {
	width: auto;
}

	.mechanics_cont ul {
		padding: 0;
		margin: 0 0 25px;
		list-style: none;
	}

		.mechanics_cont ul li {
			font-size: 15px;
			color: var(--para-color);
			line-height: 1.5rem;
			margin-bottom: 6px;
			font-weight: 400;
			list-style-type: disc;
			list-style-position: inside;
		}

#guaranteed img {
	width: auto !important;
}

/* ============================================================================================ */

/* carSelect start */

/* ============================================================================================ */

.carSelect {
	width: 100%;
	padding: 60px 0 !important;
	display: block;
}

/*.gallery*/
.gallery {
	width: 100%;
	display: block;
	margin-top: 50px;
	/*min-height: 100vh;
	background-color: #2a2932;*/
	padding: 0;
}

	.gallery .gallery-filter {
		padding: 0 15px;
		width: 100%;
		text-align: center;
		margin-bottom: 20px;
	}

		.gallery .gallery-filter .filter-item {
			color: #555555;
			font-size: 20px;
			font-weight: 500;
			display: inline-block;
			margin: 0 2px;
			padding: 20px 15px 15px;
			border: 1px solid #e9e9e9;
			width: 24%;
			min-height: 180px;
			background-repeat: no-repeat !important;
			background-position: center bottom !important;
			background-size: 62% !important;
			position: relative;
			overflow: hidden;
			cursor: pointer;
			border-radius: 8px;
			line-height: 1.2;
			transition: all 0.3s ease;
		}

			.gallery .gallery-filter .filter-item.active {
				color: #fff !important;
				background-color: #ed1c24 !important;
				box-shadow: rgba(33, 33, 33, 0.15) 0px 4px 15px;
			}

	.gallery .gallery-item {
		width: calc(100% / 3);
		padding: 0 15px;
	}

		/*.gallery .gallery-item-inner img {
	width: 100%;
}*/

		.gallery .gallery-item.show {
			animation: fadeIn 0.5s ease;
		}

	.gallery sub, .gallery sup {
		position: relative;
		font-size: 60%;
		line-height: 0;
		vertical-align: baseline;
	}

.ownedBtn {
	font-size: 10px;
	font-weight: 500;
	padding: 2px 6px;
	text-align: center;
	color: #5e5e5e !important;
	margin-right: 5px;
	text-transform: uppercase;
	background-color: transparent;
	border: 1px solid #5e5e5e !important;
	position: relative;
	display: inline-block;
	border-radius: 4px;
	transition: all .4s ease;
}

	.ownedBtn:hover {
		color: #5e5e5e !important;
		border: 1px solid #5e5e5e !important;
	}

.colorBtn1 {
	font-size: 10px;
	font-weight: 500;
	padding: 2px 6px;
	text-align: center;
	color: #3fc401 !important;
	margin-right: 0;
	text-transform: uppercase;
	background-color: transparent;
	border: 1px solid #3fc401 !important;
	position: relative;
	display: inline-block;
	border-radius: 4px;
	transition: all .4s ease;
}

	.colorBtn1:hover {
		color: #3fc401 !important;
		border: 1px solid #3fc401 !important;
	}

.colorBtn2 {
	font-size: 10px;
	font-weight: 500;
	padding: 2px 6px;
	text-align: center;
	color: #1ea6d3 !important;
	margin-right: 0;
	text-transform: uppercase;
	background-color: transparent;
	border: 1px solid #1ea6d3 !important;
	position: relative;
	display: inline-block;
	border-radius: 4px;
	transition: all .4s ease;
}

	.colorBtn2:hover {
		color: #1ea6d3 !important;
		border: 1px solid #1ea6d3 !important;
	}

/*.galleryCar {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}*/

@keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.gallery .gallery-item.hide {
	display: none;
}

/*responsive*/
@media(max-width: 991px) {
	.gallery .gallery-item {
		width: 50%;
	}
}

@media(max-width: 767px) {
	.gallery .gallery-item {
		width: 50%;
	}

	.gallery .gallery-filter .filter-item {
		margin-bottom: 10px;
	}
}

#pagination {
	display: flex;
	justify-content: center;
	margin-top: 25px;
}

	#pagination i {
		font-size: 16px;
	}

.blocks {
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	border: 1px solid #DDDDDD;
	display: inline-block;
	text-decoration: none;
	color: black;
}

	.blocks:not(:first-child) {
		margin-left: 5px;
	}

	.blocks:first-child {
		border-radius: 10px 0 0 10px;
	}

	.blocks:last-child {
		border-radius: 0 10px 10px 0;
	}

	.blocks:hover {
		background-color: #DDDDDD;
	}

#pagination a.active {
	background-color: #e32f2e;
	color: #fff !important;
}



/* ============================================================================================ */

/* carSelect start */

/* ============================================================================================ */

.termsSec {
	background: #f7f7f7;
	padding: 50px 30px;
	margin-top: 50px;
}

.termsSecTop {
	width: 100%;
	margin: 40px 0 0;
}

.termsCard {
	width: 100%;
	height: 70px;
	background: rgb(255, 255, 255);
	box-shadow: rgba(33, 33, 33, 0.15) 0px 4px 15px;
	border-radius: 8px;
	display: flex;
	flex-direction: column;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	text-align: center;
	gap: 4px;
}

.termsCardin {
	display: inline-block;
	font-size: 13px;
	color: rgb(54 54 54 / 76%);
	font-weight: 500;
	margin-right: 10px;
}

	.termsCardin span {
		color: var(--para-color02);
		font-size: 14px;
	}

.termsCard .fs_03 {
	font-size: 15px;
	color: #000;
	font-weight: 600;
}

.component_style {
	width: 65px;
	height: 5px;
	background: #ed1c24;
	margin: 20px auto;
}

.mileageContent {
	width: 100%;
	padding: 16px;
	margin: 50px 0 25px;
	background: #f7f7f7;
	border-radius: 8px;
}

.mileageTitle {
	font-size: 18px;
	color: #343434;
	font-weight: 600;
	margin-bottom: 15px;
}

.mileageContent ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

	.mileageContent ul li {
		color: var(--para-color02);
		font-size: 14px;
		width: 100%;
		padding-bottom: 15px;
		font-weight: 500;
	}

		.mileageContent ul li span {
			float: right;
		}

.mileageSlide {
	margin-top: 15px;
	padding: 12px 12px 20px;
	background: #ffffff;
	border-radius: 8px;
}

	.mileageSlide .progress {
		background: linear-gradient(to right, #ff868a 0%, #ed1c24 40%, #fff 40%, #fff 100%);
		border: solid 2px #ffa8aa;
		border-radius: 8px;
		height: 8px;
		overflow: visible !important;
		width: 100%;
		outline: none;
		transition: background 450ms ease-in;
		-webkit-appearance: none;
	}

		.mileageSlide .progress::-webkit-slider-thumb {
			width: 20px !important;
			height: 20px !important;
			border-radius: 50%;
			-webkit-appearance: none;
			cursor: ew-resize;
			background: #131880;
		}

.calcalate_total {
	padding-top: 16px;
	border-top: 0.5px solid rgba(186,186,186,0.5);
	font-size: 14px;
	line-height: 20px;
	margin-top: 25px;
}

	.calcalate_total ul {
		padding: 0;
		margin: 0;
		list-style: none;
	}

		.calcalate_total ul li {
			color: var(--para-color02);
			font-size: 14px;
			width: 100%;
			padding-bottom: 15px;
			font-weight: 500;
		}

			.calcalate_total ul li span {
				float: right;
			}

.included_list {
	width: 100%;
}

	.included_list ul {
		padding: 0;
		margin: 0;
		list-style: none;
	}

		.included_list ul li {
			color: #4e4e4e;
			font-size: 14px;
			width: 100%;
			padding-bottom: 15px;
			font-weight: 500;
		}

			.included_list ul li img {
				margin-right: 10px;
			}

/* ============================================================================================ */

/* billing start */

/* ============================================================================================ */

.billing {
	width: 100%;
	background: #fff;
	padding: 40px 0 60px;
}

	.billing .table > thead > tr > th, .billing .table > tbody > tr > th {
		text-align: center;
	}

	.billing .table thead {
		background-color: #131880;
		color: #fff;
	}

	.billing .table th {
		color: #fff;
		font-size: 20px;
		font-weight: 500;
	}

	.billing .table-bordered td, .billing .table-bordered th {
		border: 1px solid #dee2e6;
		text-align: center;
	}

	.billing .table td, .billing .table th {
		vertical-align: middle;
	}

.table_fs {
	font-size: 20px;
	font-weight: 600;
}

.text_orange {
	color: #ed1c24;
}

.billing .quantity {
	position: relative;
	display: flex;
	justify-content: center;
}

.billing input[type=number]::-webkit-inner-spin-button,
.billing input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.billing input[type=number] {
	-moz-appearance: textfield;
}

.billing .quantity input {
	width: 85px;
	height: 42px;
	line-height: 1.65;
	float: left;
	display: block;
	padding: 0;
	margin: 0;
	padding-left: 10px;
	border: 1px solid #cbcbcb;
}

	.billing .quantity input:focus {
		outline: 0;
	}

.billing .quantity-nav {
	float: left;
	position: relative;
	height: 42px;
}

.billing .quantity-button {
	position: relative;
	cursor: pointer;
	border-left: 1px solid #cbcbcb;
	width: 20px;
	text-align: center;
	color: #333;
	font-size: 13px;
	font-family: "Trebuchet MS", Helvetica, sans-serif !important;
	line-height: 1.7;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

	.billing .quantity-button.quantity-up {
		position: absolute;
		height: 50%;
		top: 0;
		border-bottom: 1px solid #cbcbcb;
	}

	.billing .quantity-button.quantity-down {
		position: absolute;
		bottom: 0;
		height: 50%;
	}

.reservationSlide {
	width: 100%;
	padding: 60px 0;
	display: inline-block;
	background-color: #f7f7f7;
}

.lookingForCarsForm {
	width: 100%;
	padding: 60px 0;
}

.cancelBtn {
	font-size: 18px;
	font-weight: 600;
	padding: 10px 20px;
	min-width: 100%;
	text-align: center;
	color: #ed1c24;
	width: 100%;
	margin-top: 10px;
	background-color: transparent;
	border: 1px solid #ed1c24;
	position: relative;
	display: inline-block;
	border-radius: 6px;
	transition: all .4s ease;
	box-shadow: 0 3px 6px -4px rgba(0,0,0,.12), 0 6px 16px 0 rgba(0,0,0,.08), 0 9px 28px 8px rgba(0,0,0,.05);
}

.comeSoon {
	background-color: #ed1c24;
	padding: 8px 25px;
	font-size: 22px;
	color: #fff;
	font-weight: 600;
	margin: 25px auto 0;
	display: inline-block;
	text-align: center;
	border-radius: 8px;
	box-shadow: rgba(181, 65, 0, 0.5) 0px 4px 10px;
}

#wrap .gallery {
	margin-top: 0;
}

/* date 02.04.2024  */

.popup {
	width: 100%;
	height: 100%;
	/*display: none;*/
	position: fixed;
	top: 0px;
	left: 0px;
	background: rgba(0, 0, 0, 0.75);
	z-index: 999;
}

.popup-inner {
	max-width: 750px;
	width: 90%;
	padding: 40px 20px;
	position: absolute;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	box-shadow: 0px 2px 6px rgba(0, 0, 0, 1);
	border-radius: 8px;
	background: #fff;
}

	.popup-inner p {
		line-height: normal !important;
	}

	.popup-inner .common_btn02 {
		display: table !important;
		padding: 10px 15px !important;
		margin-top: 25px !important;
	}
.popup .scrll_br {
	/*    position: absolute;*/
	top: 10px;
	left: 20px;
	bottom: 10px;
	right: 0;
	padding: 0px 10px 0 0;
	overflow-y: scroll;
	overflow-x: hidden;
	height: 300px;
	width: 100%;
}

/*div { height: 1000px; }*/

/* Scrollbar Styling */
.popup ::-webkit-scrollbar {
	width: 5px;
}

.popup ::-webkit-scrollbar-track {
	background-color: #ebebeb;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.popup ::-webkit-scrollbar-thumb {
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: #6d6d6d;
}
