@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Google+Sans+Flex:opsz,wght@6..144,1..1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root {
	--primary: #d4af37;
	--primary-dark: #c9a429;
	--primary-light: #f8e8d4;
	--secondry: #82BB84;
	--secondry-dark: #619f63;
	--secondry-light: #b9e9bb;
	--second-primary-light: #c1d0ed;
	--light-green: #45c73e;
	--dark-green: #21831b;
	--color-black: #000;
	--color-white: #fff;
	--light-gray: #c6c6c6;
	--text-gray: #828282;
	--bg-light: #f7f7f7;
	--gray: #e0e0e0;
	--how-bg-1: #f7f7f7;
	--how-bg-2: #efefef;
	--how-bg-3: #e8e8e8;
	--how-bg-4: #e1e1e1;
	--how-bg-5: #dadada;
	--font-main: "Poppins", sans-serif;
	/* --font-main: "Montserrat", sans-serif; */
	--font-sub: "Google Sans Flex", sans-serif;
	--font-des: "Dancing Script", cursive;
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body,
p,
span,
li,
td,
th {
	font-family: var(--font-sub);
	font-weight: 400;
	color: var(--color-black);
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--font-main);
	font-weight: 600;
}

button,
a {
	font-family: var(--font-main) !important;
	font-weight: 500;
}

body {
	line-height: 1.7 !important;
}

.custom-navbar {
	background: #011234;
	backdrop-filter: blur(5px);
	transition: .4s;
	padding: 0 0;
	/* position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  width: 100%; */
}

.top-header {
	background: #171717;
	padding: 5px 0;
}

.top-social ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 15px;
}

.top-social ul li a {
	color: var(--primary);
	font-size: 14px;
}

.top-contact ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 10px;
}

.top-contact ul li {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 10px;
}

.top-contact ul li a {
	color: #ccc;
	font-size: 14px;
	text-decoration: none;
}

.top-contact ul li i {
	color: var(--primary);
}

.fluid-padding {
	padding: 0 40px !important;
}

.custom-navbar nav {
	padding: 0;
}

.navbar-brand {
	color: #000 !important;
	font-size: 28px;
}

.navbar-brand img {
	width: 90px;
}

.nav-link {
	color: #fff !important;
	margin: 0 10px;
	font-weight: 500;
	position: relative;
}

.nav-link::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -5px;
	width: 0;
	height: 2px;
	background: #d4af37;
	transition: .3s;
}
/* .nav-link.active::after */
.nav-link:hover::after {
	width: 100%;
}
.nav-link:hover{
	color: #d4af37 !important;
}
.dropdown-menu {
	border: none;
	border-radius: 12px;
	overflow: hidden;
	padding: 10px 0;
}

.dropdown-item {
	padding: 12px 22px;
}

.dropdown-item:hover {
	background: #d4af37;
	color: #111;
}

.btn-warning {
	background: #d4af37;
	border: none;
	color: #111;
	font-weight: 600;
}

.btn-warning:hover {
	background: #fff;
}

.baner-main-img {
	position: relative;
	min-height: 70vh;
	background-size: cover;
	background-position: center;
	display: flex;
	align-items: center;
	padding-top: 80px;
	border-radius: 20px;
	overflow: hidden;
	padding: 20px;
}

.baner-main-img::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(90deg,
			rgba(0, 0, 0, .88) 0%,
			rgba(0, 0, 0, .72) 35%,
			rgba(0, 0, 0, .40) 65%,
			rgba(0, 0, 0, .25) 100%);
}

.baner-caption-card {
	position: relative;
	z-index: 2;
	color: #fff;
}

.baner-caption-card h6 {
	color: #d4af37;
	text-transform: uppercase;
	letter-spacing: 3px;
	font-size: 15px;
	margin-bottom: 20px;
}

.baner-caption-card h1 {
	font-size: 45px;
	font-weight: 600;
	line-height: 1.15;
	margin-bottom: 25px;
}

.baner-caption-card p {
	color: #d9d9d9;
	font-size: 16px;
	line-height: 30px;
}

.banner-btns {
	margin-top: 40px;
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}

.banner-btns a {
	text-decoration: none;
	padding: 14px 32px;
	border-radius: 50px;
	transition: .4s;
	font-weight: 600;
}

.banner-btns a:first-child {
	background: #d4af37;
	color: #111;
}

.banner-btns a:first-child:hover {
	background: #fff;
}

.banner-btns a:nth-child(2),
.banner-btns a:nth-child(3) {
	border: 1px solid rgba(255, 255, 255, .5);
	color: #fff;
}

.banner-btns a:nth-child(2):hover,
.banner-btns a:nth-child(3):hover {
	background: #d4af37;
	border-color: #d4af37;
	color: #111;
}

.banner-second-image {
	width: 100%;
	height: 34vh;
	overflow: hidden;
	position: relative;
	border-radius: 20px;
	margin-bottom: 10px;
}

.banner-second-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.overlay-second {
	background-color: #00000033;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
}

.overlay-secnd-inner {
	width: 100%;
}

.animation-carousel h3 {
	font-size: 45px;
	font-weight: 500;
	color: transparent;
	-webkit-text-stroke: 1px #fff;
	white-space: nowrap;
}

/* Hide dropdown initially */
.nav-item.dropdown {
	position: relative;
}

.nav-item .dropdown-menu {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	min-width: 220px;
	background: #fff;
	border: 1px solid #ddd;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
	z-index: 999;
	padding: 8px 0;
}

/* Show on hover */
.nav-item.dropdown:hover .dropdown-menu {
	display: block;
}

/* Menu items */
.dropdown-menu .dropdown-item {
	display: block;
	padding: 10px 20px;
	color: #333;
	text-decoration: none;
}

.dropdown-menu .dropdown-item:hover {
	background: #f5f5f5;
	color: #000;
}

.section-padding {
	padding: 50px 0;
}

.section-title {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.section-title h2 {
	font-size: 35px;
	font-weight: 600;
}

.section-title p {
	font-size: 16px;
	text-align: center;
}

.vehicle-category-widget {
	background: #fff;
	border: 1px solid #e9e9e9;
	border-radius: 12px;
	padding: 20px 15px;
	text-align: center;
	transition: all 0.3s ease;
	height: 100%;
	cursor: pointer;
}

.vehicle-category-widget:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
	border-color: #d1d1d1;
}

.vehicle-category-widget img {
	width: 70px;
	height: 70px;
	object-fit: contain;
	margin-bottom: 15px;
}

.vehicle-category-widget p {
	margin: 0;
	font-size: 16px;
	font-weight: 600;
	color: #333;
	transition: color 0.3s ease;
}

.vehicle-category-widget:hover p {
	color: var(--primary);
}

.vehicle-category-widget a {
	text-decoration: none;
}

a.a-custom {
	text-decoration: none;
}

.minus-section {
	background-color: #fff;
	/* margin-top: -50px; */
	position: relative;
	z-index: 5;
	border-radius: 50px 50px 0 0;
}

.cv-card {
	width: 100%;
	background: #fff;
	border-radius: 22px;
	overflow: hidden;
	/* box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; */
	transition: .35s;
	border: 1px solid #ccc;
}

.cv-card:hover {
	transform: translateY(-6px);
	box-shadow: 0 18px 45px rgba(0, 0, 0, .15);
}

.cv-image-wrap {
	position: relative;
	height: 200px;
	overflow: hidden;
}

.cv-image-wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: .5s;
}

.cv-card:hover .cv-image-wrap img {
	transform: scale(1.08);
}

.cv-badge {
	position: absolute;
	top: 18px;
	left: 18px;
	background:
		linear-gradient(135deg,
			#e5da46,
			#c8b74e);
	color: #fff;
	padding: 7px 15px;
	border-radius: 30px;
	font-size: 13px;
	font-weight: 600;
	display: flex;
	align-items: center;
	gap: 8px;
}

.cv-favorite {
	position: absolute;
	top: 18px;
	right: 18px;
	width: 35px;
	height: 35px;
	border: none;
	border-radius: 50%;
	background: #fff;
	cursor: pointer;
	font-size: 17px;
	box-shadow: 0 8px 20px rgba(0, 0, 0, .12);
	transition: .3s;
}

.cv-favorite:hover {
	background: #ff4b6e;
	color: #fff;
}

.cv-body {
	padding: 12px;
}

.cv-title {
	font-size: 20px;
	font-weight: 600;
	color: #222;
	margin-bottom: 5px;
}

.cv-year {
	color: #6b7280;
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 5px;
	font-family: var(--font-main);
}

.cv-year i {
	color: var(--primary);
}

.cv-specs {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 5px;
	margin-bottom: 25px;
}

.cv-spec-item {
	background: #f8f9fc;
	border-radius: 16px;
	padding: 10px;
	text-align: center;
	transition: .3s;
}

.cv-spec-item:hover {
	background: #eef4ff;
}

.cv-spec-item i {
	display: block;
	font-size: 22px;
	color: var(--primary);
	margin-bottom: 0px;
}

.cv-spec-item span {
	font-size: 13px;
	color: #555;
	font-weight: 500;
}

.cv-footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-top: 1px solid #ececec;
	padding-top: 12px;
}

.cv-price small {
	color: #888;
	display: block;
	margin-bottom: 4px;
}

.cv-price h2 {
	font-size: 22px;
	color: #111;
	margin: 0;
	font-weight: 600;
}

.cv-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 15px;
	text-decoration: none;
	color: #fff;
	font-weight: 500;
	border-radius: 14px;
	background: var(--primary);
	transition: .3s;
	font-size: 15px;
}

.cv-btn:hover {
	color: #fff;
	border-radius: 40px;
}

.img-boxes {
	position: relative;
	width: 100%;
	min-height: 500px;
}

.img-boxes img {
	border-radius: 18px;
	object-fit: cover;
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
	transition: 0.4s ease;
}

/* Main Image */
.img-boxes .img-1 {
	width: 70%;
	height: 420px;
	position: relative;
	z-index: 2;
}

/* Top Right Image */
.img-boxes .img-2 {
	width: 45%;
	height: 220px;
	position: absolute;
	top: 20px;
	right: 0;
	border: 6px solid #fff;
	z-index: 3;
}

/* Bottom Right Image */
.img-boxes .img-3 {
	width: 50%;
	height: 230px;
	position: absolute;
	bottom: 0;
	right: 20px;
	border: 6px solid #fff;
	z-index: 3;
}

/* Right Content */
.why-choose-right {
	padding-left: 40px;
}

.why-choose-right h3 {
	font-size: 40px;
	font-weight: 600;
	margin-bottom: 10px;
	color: #222;
}

.why-choose-right h3 span {
	font-size: 40px;
	font-weight: 600;
	margin-bottom: 10px;
}

.why-choose-right h6 {
	font-size: 18px;
	color: #66560c;
	margin-bottom: 20px;
	font-weight: 500;
}

.why-choose-right p {
	color: #666;
	line-height: 1.8;
	margin-bottom: 5px;
	font-size: 16px;
}

.logo-color {
	color: var(--primary);
}

/* Feature List */
.why-choose-right ul {
	list-style: none;
	padding: 0;
	margin-top: 25px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 15px;
}

.why-choose-right ul li {
	position: relative;
	padding-left: 30px;
	font-size: 16px;
	color: #333;
	font-weight: 500;
}

.why-choose-right ul li::before {
	content: "✔";
	position: absolute;
	left: 0;
	top: 0;
	color: #c89b3c;
	font-weight: bold;
	font-size: 18px;
}

.container-sell-buy {
	position: relative;
	width: 100%;
	height: 400px;
	border-radius: 30px;
	overflow: hidden;
}

.container-sell-buy img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* Dark overlay */
.container-sell-buy::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(90deg,
			rgba(0, 0, 0, .55) 0%,
			rgba(0, 0, 0, .35) 35%,
			rgba(0, 0, 0, .1) 70%,
			rgba(0, 0, 0, 0) 100%);
	z-index: 1;
}

.container-sell-buy-info {
	position: absolute;
	top: 50%;
	left: 50px;
	transform: translateY(-50%);
	max-width: 420px;
	color: #fff;
	z-index: 2;
}

.container-sell-buy-info h3 {
	font-size: 25px;
	line-height: 1.5;
	font-weight: 600;
	margin-bottom: 15px;
}

.container-sell-buy-info p {
	font-size: 18px;
	line-height: 1.8;
	color: rgba(255, 255, 255, .9);
	margin-bottom: 35px;
}

.container-sell-buy-info a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 180px;
	height: 50px;
	background: #fff;
	color: #111;
	text-decoration: none;
	border-radius: 18px;
	font-size: 18px;
	font-weight: 500;
	transition: .3s ease;
}

.container-sell-buy-info a:hover {
	background: #d6a354;
	color: #fff;
	transform: translateY(-4px);
}

.row-col-5 .col-lg-3 {
	width: 20%;
}

.process-step {
	position: relative;
	padding: 25px;
	background: #fff;
	border-radius: 12px;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	overflow: hidden;
	transition: 0.3s ease;
	height: 100%;
}

.process-step span {
	display: block;
	font-size: 60px;
	font-weight: 800;
	line-height: 1;
	margin-bottom: 10px;
	/* Outline Text */
	color: transparent;
	-webkit-text-stroke: 2px #c5b06b;
	/* Gold stroke */
	text-stroke: 2px #c5b06b;
	user-select: none;
}

.process-step h3 {
	font-size: 20px;
	font-weight: 600;
	color: #222;
	margin-bottom: 7px;
}

.process-step p {
	font-size: 16px;
	line-height: 1.8;
	color: #666;
	margin: 0;
}

.row-col-5 .col-lg-3 {
	padding: 0 5px;
}

.services-container {
	position: relative;
	padding: 25px;
	background: #fff;
	border-radius: 16px;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	transition: 0.35s ease;
	overflow: hidden;
	min-height: 380px;
}

.services-container span {
	width: 70px;
	height: 70px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 25px;
	font-size: 22px;
	font-weight: 700;
	color: #d4af37;
	border: 2px solid #d4af37;
	border-radius: 50%;
	background: rgba(212, 175, 55, 0.08);
	transition: .3s ease;
}

.services-container:hover span {
	background: #d4af37;
	color: #fff;
	transform: rotate(10deg);
}

.services-container h3 {
	font-size: 20px;
	font-weight: 600;
	color: #222;
	margin-bottom: 8px;
}

.services-container h6 {
	font-size: 16px;
	font-weight: 600;
	color: #d4af37;
	margin-bottom: 10px;
}

.services-container p {
	color: #666;
	font-size: 15px;
	line-height: 1.8;
	margin: 0;
}

.service-icon {
	width: 80px;
	height: 80px;
	background: #f8f1dc;
	border: 1px solid #d4af37;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 25px;
	transition: all 0.3s ease;
}

.service-icon i {
	font-size: 36px;
	color: #d4af37;
	transition: all 0.3s ease;
}

.services-container:hover .service-icon {
	background: #d4af37;
	transform: rotate(10deg);
}

.services-container:hover .service-icon i {
	color: #fff;
}

.service-carousel .item {
	padding: 2px;
}

.why-our-service-img {
	position: relative;
	min-height: 520px;
}

.why-our-service-img img {
	width: 100%;
	border-radius: 18px;
	object-fit: cover;
	transition: .4s ease;
}

.why-our-service-img .img-1 {
	width: 80%;
	height: 420px;
}

.why-our-service-img .img-2 {
	width: 55%;
	height: 280px;
	position: absolute;
	right: 0;
	bottom: 0;
	border: 8px solid #fff;
}

.why-our-service {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-left: 40px;
}

.why-our-service h3 {
	font-size: 35px;
	font-weight: 600;
	margin-bottom: 10px;
	color: #222;
	position: relative;
}

.why-our-service h3::after {
	content: "";
	width: 80px;
	height: 4px;
	background: #d4af37;
	display: block;
	margin-top: 15px;
	border-radius: 20px;
}

.why-our-service ul {
	list-style: none;
	padding: 0;
	margin: 15px 0 0;
}

.why-our-service ul li {
	display: flex;
	align-items: center;
	gap: 15px;
	margin-bottom: 18px;
	font-size: 18px;
	color: #555;
	font-weight: 500;
}

.why-our-service ul li::before {
	content: "\F26A";
	font-family: "bootstrap-icons";
	color: #d4af37;
	font-size: 22px;
	font-weight: bold;
	flex-shrink: 0;
}

.sell-info-widget {
	padding: 25px;
	background: #fff;
	border-radius: 16px;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	transition: all 0.3s ease;
}

.sell-info-widget img {
	width: 180px;
	height: 180px;
	border-radius: 14px;
	object-fit: cover;
	flex-shrink: 0;
}

.sell-info-widget h3 {
	font-size: 25px;
	font-weight: 600;
	color: #222;
	margin-bottom: 8px;
	margin-top: 10px;
}

.sell-info-widget h6 {
	font-size: 15px;
	font-weight: 600;
	color: #d4af37;
	letter-spacing: 1px;
	margin-bottom: 5px;
}

.sell-info-widget p {
	margin: 0;
	color: #666;
	line-height: 1.7;
	font-size: 16px;
}

.testimonial-widget {
	display: flex;
	gap: 20px;
	align-items: flex-start;
	padding: 25px;
	background: #fff;
	border-radius: 16px;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	transition: .3s ease;
	margin-bottom: 25px;
}

.testimonial-widget img {
	width: 80px !important;
	height: 80px;
	border-radius: 50%;
	object-fit: cover;
	border: 3px solid #d4af37;
	flex-shrink: 0;
}

.testimonial-content {
	flex: 1;
}

.testimonial-stars {
	margin-bottom: 12px;
}

.testimonial-stars i {
	color: #ffc107;
	font-size: 16px;
	margin-right: 2px;
}

.testimonial-content p {
	font-size: 16px;
	line-height: 1.8;
	color: #555;
	font-style: italic;
	margin-bottom: 18px;
}

.testimonial-content h4 {
	margin: 0;
	font-size: 18px;
	font-weight: 700;
	color: #222;
}

.testimonial-carousel .item {
	padding: 2px;
}

.footer {
	padding: 50px 0;
	padding-bottom: 20px;
	background: #000f2b;
}

.footer-logo img {
	width: 160px;
}

.footer-top-contact ul {
	display: flex;
	justify-content: flex-start;
	flex-direction: column;
	align-items: flex-start;
	gap: 7px;
	padding: 0;
	margin-top: 10px;
}

.footer-top-contact ul li {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 10px;
}

.footer-top-contact ul li i {
	width: 40px;
	height: 40px;
	background-color: var(--color-white);
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	color: #071d48;
}

.footer-top-contact-box p {
	font-size: 12px;
	font-weight: 600;
	margin: 0;
	color: var(--color-white);
}

.footer-top-contact-box a {
	font-size: 15px;
	color: var(--color-white);
	font-weight: 500;
	text-decoration: none;
}

.border-bottom-cs {
	border-bottom: 1px solid #ccc;
	padding-bottom: 20px;
}

.footer-about h3 {
	font-size: 22px;
	color: var(--color-white);
	font-weight: 600;
	margin-bottom: 10px;
}

.footer-about p {
	font-size: 14px;
	margin: 0;
	color: var(--color-white);
}

.footer-widget,
.footer-about {
	padding: 10px;
}

.footer-widget {
	padding-left: 40px;
}

.footer-widget h3 {
	font-size: 20px;
	color: var(--color-white);
	font-weight: 600;

}

.footer-widget ul {
	list-style: none;
	padding: 0;
	margin: 0;
	padding-left: 30px;
}

.footer-widget ul li {
	margin: 12px 0;
}

.footer-widget ul li a {
	text-decoration: none;
	color: var(--bg-light);
	font-size: 14px;
	line-height: 14px;
	font-weight: 400;
}

.footer-widget ul li a:hover {
	color: var(--primary);
}

.footer-bottom {
	background: #010e25;
	padding: 20px 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.footer-bottom p {
	font-size: 14px;
	color: var(--bg-light);
	margin: 0;
}

.footer-social-icons h3 {
	font-size: 18px;
	color: #fff;
	margin-bottom: 10px;
	font-weight: 600;
	margin-top: 20px;
}

.footer-social-icons ul {
	display: flex;
	align-items: center;
	gap: 15px;
	padding: 0;
	margin: 0;
	list-style: none;
}

.footer-social-icons ul li a {
	width: 48px;
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.15);
	border-radius: 50%;
	color: #fff;
	font-size: 20px;
	text-decoration: none;
	transition: all .3s ease;
}

.footer-social-icons ul li a:hover {
	background: #d4af37;
	border-color: #d4af37;
	color: #fff;
	transform: translateY(-5px);
	box-shadow: 0 10px 25px rgba(212, 175, 55, .35);
}

.footer-bottom ul li a {
	color: var(--bg-light);
	font-size: 14px;
	text-decoration: none;
	font-weight: 400;
}
.footer-bottom ul li a:hover{
	color: var(--primary);
}

.footer-bottom ul {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 13px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.services-container-cs {
	position: relative;
	overflow: hidden;
	border-radius: 20px;
	height: 450px;
	cursor: pointer;
	background: #000;
}

.services-container-cs img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: .8s ease;
}

/* Dark Overlay */
.svc-overlay {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: flex-end;
	padding: 35px;
	background:
		linear-gradient(to top,
			rgba(0, 0, 0, .85),
			rgba(0, 0, 0, .25),
			rgba(0, 0, 0, .1));
	transition: .6s;
}

/* Glass Box */
.svc-content {
	width: 100%;
	color: #fff;
	transition: .5s;
	position: relative;
	z-index: 5;
}

.svc-content::before {
	content: "";
	width: 60px;
	height: 4px;
	background: #ffb400;
	border-radius: 30px;
	display: block;
	margin-bottom: 18px;
	transition: .5s;
}

.services-container-cs:hover .svc-content::before {
	width: 120px;
}

/* Title */
.svc-content h3 {
	font-size: 25px;
	font-weight: 600;
	margin: 0;
	letter-spacing: .5px;
	transition: .4s;
}

/* Hidden Content */
.svc-hover-content {
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	transform: translateY(25px);
	transition:
		opacity .45s ease,
		transform .45s ease,
		max-height .55s ease;
}

.svc-hover-content h6 {
	margin-top: 5px;
	font-size: 18px;
	color: #f5b942;
	font-weight: 600;
}

.svc-hover-content p {
	margin-top: 12px;
	line-height: 1.8;
	color: #e6e6e6;
	font-size: 15px;
}

/* Blur Layer */
.services-container-cs::after {
	content: "";
	position: absolute;
	inset: 0;
	backdrop-filter: blur(0px);
	-webkit-backdrop-filter: blur(0px);
	background: rgba(0, 0, 0, 0);
	transition: .5s;
	pointer-events: none;
}

/* Hover Effects */
.services-container-cs:hover img {
	transform: scale(1.08);
}

.services-container-cs:hover::after {
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	background: rgba(0, 0, 0, .25);
}

.services-container-cs:hover .svc-content h3 {
	margin-bottom: 15px;
}

.services-container-cs:hover .svc-hover-content {
	opacity: 1;
	max-height: 300px;
	transform: translateY(0);
}

/* Premium Glow */
.services-container-cs::before {
	content: '';
	position: absolute;
	inset: 0;
	background:
		linear-gradient(135deg,
			rgba(255, 255, 255, .12),
			transparent 45%,
			rgba(255, 255, 255, .08));
	opacity: 0;
	transition: .5s;
	z-index: 1;
}

.services-container-cs:hover::before {
	opacity: 1;
}

.svc-overlay {
	z-index: 2;
}

.vehicle-category-widget-cs {
	position: relative;
	overflow: hidden;
	height: 180px;
	border-radius: 24px;
	padding: 25px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	transition: .45s ease;
	border: 1px solid rgba(255, 255, 255, .12);
	backdrop-filter: blur(18px);
	cursor: pointer;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

/* Glass Highlight */
.vehicle-category-widget-cs::before {
	content: "";
	position: absolute;
	width: 180px;
	height: 180px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .15);
	top: -90px;
	right: -90px;
	transition: .6s;
}

.vehicle-category-widget-cs::after {
	content: "";
	position: absolute;
	width: 90px;
	height: 90px;
	border-radius: 25px;
	background: rgba(255, 255, 255, .08);
	bottom: -35px;
	left: -35px;
	transform: rotate(35deg);
	transition: .6s;
}

.vehicle-category-widget-cs img {
	width: 100px;
	margin-bottom: 18px;
	transition: .45s;
	position: relative;
	z-index: 2;
	filter: drop-shadow(0 10px 15px rgba(0, 0, 0, .25));
}

.vehicle-category-widget-cs p {
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	margin: 0;
	position: relative;
	z-index: 2;
}

.vehicle-category-widget-cs:hover {
	transform: translateY(-12px);
	box-shadow: 0 30px 60px rgba(0, 0, 0, .35);
}

.vehicle-category-widget-cs:hover img {
	transform: scale(1.15) rotate(-6deg);
}

.vehicle-category-widget-cs:hover::before {
	transform: scale(1.5);
}

.vehicle-category-widget-cs:hover::after {
	transform: rotate(60deg) scale(1.4);
}

.classic {
	background:
		linear-gradient(135deg,
			#232526,
			#414345);
}

.vintage {
	background:
		linear-gradient(135deg,
			#8E6B3A,
			#D4AF37);
}

.luxury {
	background:
		linear-gradient(135deg,
			#0F2027,
			#203A43,
			#2C5364);
}

.sports {
	background:
		linear-gradient(135deg,
			#C31432,
			#240B36);
}

.bikes {
	background:
		linear-gradient(135deg,
			#1D4350,
			#A43931);
}

.collector {
	background:
		linear-gradient(135deg,
			#42275A,
			#734B6D);
}

.bg-color-sec {
	background-color: #011234;
}

.bg-color-sec h2 {
	color: #fff;
}

/*==================================================
SELL SECTION
==================================================*/
.sell-section {
	position: relative;
	background: #010e28;
	overflow: hidden;
}

.sell-section::before {
	content: "";
	position: absolute;
	width: 450px;
	height: 450px;
	border-radius: 50%;
	background: rgba(201, 169, 97, .08);
	top: -180px;
	left: -180px;
	filter: blur(50px);
}

.sell-section::after {
	content: "";
	position: absolute;
	width: 400px;
	height: 400px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .03);
	right: -150px;
	bottom: -150px;
	filter: blur(60px);
}

/*==================================
SECTION TITLE
==================================*/
.sell-section-title {
	margin-bottom: 30px;
}

.section-badge {
	display: inline-block;
	padding: 8px 22px;
	border-radius: 50px;
	background: rgba(201, 169, 97, .15);
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 1px;
	margin-bottom: 18px;
	/* border:1px solid rgba(201,169,97,.25); */
}

.sell-section-title h2 {
	font-size: 35px;
	color: #fff;
	font-weight: 600;
	margin-bottom: 8px;
}

.sell-section-title .sub-title {
	color: #c9a961;
	font-size: 18px;
	font-weight: 500;
}

.sell-section-title p {
	color: #bfbfbf;
	line-height: 1.9;
	max-width: 1050px;
	margin: auto;
}

/*==================================
CARD
==================================*/
.sell-premium-card {
	position: relative;
	overflow: hidden;
	padding: 45px 35px;
	border-radius: 24px;
	height: 100%;
	background: rgba(255, 255, 255, .04);
	/* background:rgba(255,255,255,.04); */
	backdrop-filter: blur(18px);
	border: 1px solid rgba(255, 255, 255, .08);
	transition: .45s;
	box-shadow: 0 20px 60px rgba(0, 0, 0, .25);
}

/* Gradient Border */
/* .sell-premium-card::before {
	content: "";
	position: absolute;
	inset: 0;
	padding: 1px;
	border-radius: 24px;
	background:
		linear-gradient(135deg,
			rgba(201, 169, 97, .8),
			rgba(255, 255, 255, .08),
			transparent);
	-webkit-mask:
		linear-gradient(#fff 0 0) content-box,
		linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
} */

/* Floating Shape */
/* .sell-premium-card::after {
	content: "";
	position: absolute;
	width: 180px;
	height: 180px;
	border-radius: 50%;
	background: rgba(201, 169, 97, .08);
	top: -80px;
	right: -80px;
	transition: .5s;
} */

/*==================================
CARD NUMBER
==================================*/
.sell-card-number {
	position: absolute;
	top: 20px;
	right: 25px;
	font-size: 80px;
	font-weight: 800;
	color: rgba(255, 255, 255, .05);
	line-height: 1;
	user-select: none;
}

/*==================================
ICON
==================================*/
.sell-card-icon {
	width: 90px;
	height: 90px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .06);
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 30px;
	border: 1px solid rgba(255, 255, 255, .08);
	transition: .45s;
}

.sell-card-icon img {
	width: 50px;
	transition: .45s;
}

/*==================================
CONTENT
==================================*/
.sell-label {
	display: inline-block;
	font-size: 13px;
	color: #c9a961;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-bottom: 15px;
}

.sell-card-content h3 {
	color: #fff;
	font-size: 28px;
	margin-bottom: 12px;
}

.sell-card-content h6 {
	color: #c9a961;
	font-size: 17px;
	margin-bottom: 15px;
}

.sell-card-content p {
	color: #bdbdbd;
	line-height: 1.9;
	margin-bottom: 30px;
}

/*==================================
BUTTON
==================================*/
.sell-card-btn {
	width: 52px;
	height: 52px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #c9a961;
	color: #111;
	text-decoration: none;
	transition: .4s;
}

.sell-card-btn i {
	font-size: 22px;
}

.sell-card-btn:hover {
	transform: rotate(45deg);
	color: #111;
}

/*==================================
HOVER
==================================*/
.sell-premium-card:hover {
	transform: translateY(-12px);
	box-shadow: 0 30px 80px rgba(0, 0, 0, .45);
}

.sell-premium-card:hover::after {
	transform: scale(1.4);
}

.sell-premium-card:hover .sell-card-icon {
	background: #c9a961;
}

.sell-premium-card:hover .sell-card-icon img {
	transform: scale(1.12) rotate(-8deg);
}

/*==================================
DIFFERENT ACCENT COLORS
==================================*/
.sell-card-primary {
	background:
		linear-gradient(180deg,
			#020e26,
			#011234);
}

.sell-card-secondary {
	background:
		linear-gradient(180deg,
			#020e26,
			#011234);
}

.sell-card-accent {
	background:
		linear-gradient(180deg,
			#020e26,
			#011234);
}

/*==============================
PROCESS SECTION
===============================*/
.process-section {
	background: #011234;
	position: relative;
	overflow: hidden;
}

.process-section .section-title h2 {
	color: #fff;
	font-size: 35px;
}

.process-section::before {
	content: "";
	position: absolute;
	width: 500px;
	height: 500px;
	background:
		radial-gradient(circle,
			#c9a96125,
			transparent 70%);
	top: -220px;
	left: -150px;
}

.process-section::after {
	content: "";
	position: absolute;
	width: 450px;
	height: 450px;
	background:
		radial-gradient(circle,
			#ffffff08,
			transparent 70%);
	bottom: -220px;
	right: -120px;
}

/* Timeline */
.process-wrapper {
	position: relative;
	margin-top: 80px;
}

.process-wrapper::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 70px;
	height: 2px;
	background:
		linear-gradient(to right,
			transparent,
			#c9a961,
			#ffffff30,
			#c9a961,
			transparent);
}

/* Card */
.process-step {
	position: relative;
	background: rgba(66, 64, 64, 0.207);
	backdrop-filter: blur(20px);
	border: 1px solid rgba(255, 255, 255, .08);
	border-radius: 24px;
	padding: 80px 30px 35px;
	transition: .45s;
	overflow: hidden;
	height: 100%;
}

/* Gradient Border */
.process-step::before {
	content: "";
	position: absolute;
	inset: 0;
	padding: 1px;
	border-radius: 24px;
	background:
		linear-gradient(135deg,
			#c9a961,
			#ffffff10,
			transparent);
	-webkit-mask:
		linear-gradient(#fff 0 0) content-box,
		linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
}

/* Floating Circle */
.process-step::after {
	content: "";
	position: absolute;
	width: 160px;
	height: 160px;
	background: #c9a96112;
	border-radius: 50%;
	right: -70px;
	top: -70px;
	transition: .5s;
}

/* Step Number */
.process-step span {
	position: absolute;
	top: -18px;
	left: 30px;
	width: 72px;
	height: 72px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	background:
		linear-gradient(135deg,
			#d4af37,
			#b88b2b);
	color: #fff;
	font-size: 24px;
	font-weight: 700;
	box-shadow: 0 15px 30px rgba(212, 175, 55, .35);
}

/* Large Number */
.process-step span::before {
	content: attr(data-step);
	position: absolute;
	top: 45px;
	left: 120px;
	font-size: 90px;
	color: rgba(255, 255, 255, .04);
	font-weight: 800;
}

/* Heading */
.process-step h3 {
	color: #fff;
	font-size: 20px;
	margin-bottom: 15px;
	line-height: 1.4;
}

/* Description */
.process-step p {
	color: #bdbdbd;
	line-height: 1.9;
	margin: 0;
}

/* Hover */
.process-step:hover {
	transform: translateY(-15px);
	box-shadow: 0 30px 70px rgba(0, 0, 0, .35);
}

.process-step:hover::after {
	transform: scale(1.4);
}

.process-step:hover span {
	transform: rotate(360deg);
}

.process-step span {
	transition: .7s;
}

/* Connector Dot */
.process-dot {
	width: 18px;
	height: 18px;
	background: #c9a961;
	border-radius: 50%;
	margin: auto;
	margin-bottom: 25px;
	box-shadow: 0 0 0 10px rgba(201, 169, 97, .08);
}

/*==========================
Premium Testimonials
===========================*/
.testimonial-carousel .item {
	padding-top: 50px;
}

.testimonial-premium {
	position: relative;
	background: #fff;
	border-radius: 30px;
	overflow: visible;
	padding: 70px 35px 35px;
	border: 1px solid #ececec;
	transition: .45s;
	box-shadow: 0 20px 60px rgba(0, 0, 0, .08);
	height: 100%;
}

/* Gradient Border */
.testimonial-premium::before {
	content: "";
	position: absolute;
	inset: 0;
	padding: 1px;
	border-radius: 30px;
	background:
		linear-gradient(135deg,
			#d4af37,
			transparent 45%,
			#f8f8f8);
	-webkit-mask:
		linear-gradient(#fff 0 0) content-box,
		linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
}

/* Decorative Shape */
.testimonial-premium::after {
	content: "";
	position: absolute;
	width: 180px;
	height: 180px;
	border-radius: 50%;
	background: #d4af3712;
	top: -90px;
	right: -70px;
}

/* Customer Image */
.customer-image {
	position: absolute;
	top: -45px;
	left: 35px;
}

.customer-image img {
	width: 90px;
	height: 90px;
	border-radius: 50%;
	object-fit: cover;
	border: 5px solid #fff;
	box-shadow: 0 15px 35px rgba(0, 0, 0, .15);
	transition: .4s;
}

/* Quote */
.quote-icon {
	position: absolute;
	top: 20px;
	right: 25px;
	font-size: 70px;
	color: #d4af3725;
}

/* Stars */
.rating {
	margin-bottom: 20px;
}

.rating i {
	color: #d4af37;
	margin-right: 3px;
	font-size: 17px;
}

/* Text */
.testimonial-body p {
	font-size: 16px;
	line-height: 1.9;
	color: #666;
	font-style: italic;
	margin-bottom: 30px;
}

/* Customer */
.customer-info {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-top: 1px solid #eee;
	padding-top: 22px;
}

.customer-info h4 {
	margin: 0;
	font-size: 22px;
	color: #222;
}

.customer-info span {
	color: #888;
	font-size: 14px;
}

.verified {
	width: 45px;
	height: 45px;
	border-radius: 50%;
	background: #d4af37;
	display: flex;
	align-items: center;
	justify-content: center;
}

.verified i {
	color: #fff;
	font-size: 18px;
}

/* Hover */
/* .testimonial-premium:hover{

transform:translateY(-12px);

box-shadow:
0 30px 70px rgba(0,0,0,.12);

} */
.testimonial-premium:hover img {
	transform: scale(1.08);
}

.testimonial-premium:hover::after {
	transform: scale(1.4);
	transition: .6s;
}

/* Owl */
.testimonial-carousel .owl-stage {
	display: flex;
}

.testimonial-carousel .owl-item {
	display: flex;
}

.testimonial-carousel .item {
	width: 100%;
}

/* Dots */
.testimonial-carousel .owl-dots {
	margin-top: 45px;
}

.testimonial-carousel .owl-dot span {
	width: 12px;
	height: 12px;
	background: #d8d8d8 !important;
	transition: .35s;
}

.testimonial-carousel .owl-dot.active span {
	width: 42px;
	border-radius: 20px;
	background: #d4af37 !important;
}

.btns-top-container {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 10px;
}

.btns-top-container a {
	padding: 7px 15px;
	background-color: var(--primary);
	color: #fff;
	font-size: 16px;
	border-radius: 6px;
	text-decoration: none;
	font-weight: 500;
	font-size: 15px;
	transition: 0.5s;
}
.btns-top-container a:hover{
	border-radius: 40px;
}
.page-baner {
	height: 40vh;
	display: flex;
	justify-content: center;
	align-items: center;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.page-baner h1 {
	text-align: center;
	color: #fff;
	font-size: 35px;
	font-weight: 600;
}

.page-baner p {
	font-size: 16px;
	text-align: center;
	color: #fff;
	margin: 0;
}

.rrl-about-section {
	position: relative;
	overflow: hidden;
	padding: 50px 0;
	background: #fff;
	color: #ffffff;
}

/* Background Glow */
.rrl-about-section::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 45%;
	height: 100%;
	background:
		linear-gradient(135deg,
			rgba(174, 134, 55, 0.08),
			transparent 70%);
	pointer-events: none;
}

/* Section Tag */
.rrl-section-tag {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 22px;
	color: #c9a45c;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 3px;
	text-transform: uppercase;
}

.rrl-tag-line {
	width: 45px;
	height: 1px;
	display: inline-block;
	background: #c9a45c;
}

/* Heading */
.rrl-about-title {
	margin: 0 0 10px;
	color: #000;
	font-size: clamp(42px, 5vw, 45px);
	line-height: 1.05;
	font-weight: 600;
	letter-spacing: -2px;
}

.rrl-about-title span {
	/* display: block; */
	color: transparent;
	color: #000;
}

/* Paragraph */
.rrl-about-description {
	margin-bottom: 5px;
	color: #222;
	font-size: 16px;
	line-height: 1.9;
	font-weight: 400;
}

/* Divider */
.rrl-about-divider {
	width: 100%;
	height: 1px;
	margin: 35px 0;
	background:
		linear-gradient(90deg,
			rgba(201, 164, 92, 0.8),
			rgba(201, 164, 92, 0.05),
			transparent);
}

/* Mission & Vision Cards */
.rrl-info-card {
	position: relative;
	display: flex;
	gap: 22px;
	padding: 24px 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	transition: all 0.4s ease;
}

.rrl-info-card:hover {
	padding-left: 10px;
}

.rrl-info-icon {
	flex: 0 0 52px;
	width: 52px;
	height: 52px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(201, 164, 92, 0.5);
	color: #c9a45c;
	font-size: 20px;
	transition: all 0.4s ease;
}

.rrl-info-card:hover .rrl-info-icon {
	color: #0a0a0a;
	background: #c9a45c;
	transform: rotate(45deg);
}

.rrl-info-card:hover .rrl-info-icon i {
	transform: rotate(-45deg);
}

.rrl-info-icon i {
	transition: transform 0.4s ease;
}

.rrl-info-text h4 {
	margin: 0 0 8px;
	color: #000;
	font-size: 20px;
	font-weight: 600;
}

.rrl-info-text p {
	max-width: 620px;
	margin: 0;
	color: #222;
	font-size: 14px;
	line-height: 1.8;
}

/* =========================================
RIGHT VISUAL
========================================= */
.rrl-about-visual {
	position: relative;
	min-height: 650px;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* Main Frame */
.rrl-visual-frame {
	position: relative;
	z-index: 2;
	width: 82%;
	height: 560px;
	overflow: hidden;
	border: 1px solid rgba(201, 164, 92, 0.5);
	background:
		linear-gradient(135deg,
			rgba(201, 164, 92, 0.15),
			rgba(0, 0, 0, 0.9));
}

.rrl-visual-frame img {
	width: 100%;
	object-fit: cover;
	height: 100%;
}

/* Decorative Inner Border */
.rrl-visual-frame::before {
	content: "";
	position: absolute;
	inset: 15px;
	z-index: 3;
	border: 1px solid rgba(255, 255, 255, 0.12);
	pointer-events: none;
}

/* Visual Overlay */
.rrl-visual-overlay {
	position: absolute;
	inset: 0;
	background:
		radial-gradient(circle at 70% 20%,
			rgba(201, 164, 92, 0.35),
			transparent 35%), linear-gradient(145deg,
			#171717,
			#050505 60%,
			#17120a);
}

/* Abstract Automotive Light */
.rrl-visual-overlay::before {
	content: "";
	position: absolute;
	top: 15%;
	right: -20%;
	width: 80%;
	height: 2px;
	background: #c9a45c;
	transform: rotate(-35deg);
	box-shadow:
		0 20px 0 rgba(201, 164, 92, 0.25),
		0 40px 0 rgba(201, 164, 92, 0.12);
}

/* Visual Content */
.rrl-visual-content {
	position: absolute;
	z-index: 4;
	left: 40px;
	bottom: 45px;
	display: flex;
	flex-direction: column;
}

.rrl-visual-content span {
	color: var(--primary);
	font-size: 13px;
	letter-spacing: 8px;
}

.rrl-visual-content strong {
	color: var(--primary-dark);
	font-size: 52px;
	line-height: 1;
	letter-spacing: 4px;
}

.rrl-visual-content small {
	margin-top: 8px;
	color: #c9a45c;
	font-size: 12px;
	letter-spacing: 9px;
}

/* Decorative Shapes */
.rrl-visual-shape {
	position: absolute;
	z-index: 1;
	border: 1px solid rgba(201, 164, 92, 0.35);
}

.rrl-shape-one {
	top: 20px;
	right: 0;
	width: 180px;
	height: 180px;
	transform: rotate(45deg);
}

.rrl-shape-two {
	bottom: 35px;
	left: 0;
	width: 120px;
	height: 120px;
	border-radius: 50%;
}

/* Floating Badge */
.rrl-floating-badge {
	position: absolute;
	z-index: 5;
	right: 0;
	bottom: 80px;
	width: 150px;
	height: 150px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: #c9a45c;
	color: #0a0a0a;
	box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
}

.rrl-badge-number {
	font-size: 36px;
	font-weight: 700;
	line-height: 1;
}

.rrl-badge-text {
	margin-top: 8px;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 1px;
	line-height: 1.4;
	text-align: center;
	text-transform: uppercase;
}

/* =========================================
BACKGROUND CIRCLES
========================================= */
.rrl-bg-circle {
	position: absolute;
	border-radius: 50%;
	border: 1px solid rgba(201, 164, 92, 0.06);
	pointer-events: none;
}

.rrl-bg-circle-one {
	top: -250px;
	right: -250px;
	width: 600px;
	height: 600px;
}

.rrl-bg-circle-two {
	bottom: -300px;
	left: -300px;
	width: 700px;
	height: 700px;
}

/* =========================================
RESPONSIVE
========================================= */
@media (max-width: 991px) {
	.rrl-about-section {
		padding: 80px 0;
	}

	.rrl-about-visual {
		min-height: 550px;
		margin-top: 30px;
	}

	.rrl-visual-frame {
		width: 85%;
		height: 500px;
	}

	.rrl-floating-badge {
		right: 2%;
		bottom: 50px;
	}
}

@media (max-width: 575px) {
	.rrl-about-section {
		padding: 65px 0;
	}

	.rrl-about-title {
		font-size: 42px;
		letter-spacing: -1px;
	}

	.rrl-about-description {
		font-size: 15px;
		line-height: 1.8;
	}

	.rrl-about-visual {
		min-height: 480px;
	}

	.rrl-visual-frame {
		width: 90%;
		height: 430px;
	}

	.rrl-visual-content {
		left: 30px;
		bottom: 35px;
	}

	.rrl-visual-content strong {
		font-size: 38px;
	}

	.rrl-floating-badge {
		width: 110px;
		height: 110px;
		right: 0;
		bottom: 30px;
	}

	.rrl-badge-number {
		font-size: 27px;
	}

	.rrl-badge-text {
		font-size: 9px;
	}

	.rrl-shape-one {
		width: 120px;
		height: 120px;
	}

	.rrl-shape-two {
		width: 80px;
		height: 80px;
	}
}

.rrl-cv-card {
	position: relative;
	height: 100%;
	height: 100%;
	padding: 25px;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.08);
	background:
		linear-gradient(145deg,
			rgba(255, 255, 255, 0.045),
			rgba(255, 255, 255, 0.01));
	transition:
		transform 0.5s ease,
		border-color 0.5s ease,
		box-shadow 0.5s ease;
	border-radius: 12px;
}

/* Gold Corner */
.rrl-cv-card::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 55px;
	height: 2px;
	background: #c9a45c;
	transition: width 0.5s ease;
}

/* Hover Glow */
.rrl-cv-card::after {
	content: "";
	position: absolute;
	right: -100px;
	bottom: -100px;
	width: 220px;
	height: 220px;
	border-radius: 50%;
	background: rgba(201, 164, 92, 0.08);
	filter: blur(50px);
	opacity: 0;
	transition: opacity 0.5s ease;
}

.rrl-cv-card:hover {
	transform: translateY(-10px);
	border-color: rgba(201, 164, 92, 0.45);
	box-shadow:
		0 25px 60px rgba(0, 0, 0, 0.4),
		0 0 30px rgba(201, 164, 92, 0.04);
}

.rrl-cv-card:hover::before {
	width: 100%;
}

.rrl-cv-card:hover::after {
	opacity: 1;
}

/* =========================================
NUMBER
========================================= */
.rrl-cv-number {
	position: absolute;
	top: 25px;
	right: 30px;
	color: rgba(201, 164, 92, 0.2);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 2px;
}

/* =========================================
ICON
========================================= */
.rrl-cv-icon {
	position: relative;
	z-index: 2;
	width: 62px;
	height: 62px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 30px;
	border: 1px solid rgba(201, 164, 92, 0.35);
	color: #c9a45c;
	font-size: 23px;
	transition: all 0.5s ease;
}

.rrl-cv-card:hover .rrl-cv-icon {
	color: #0a0a0a;
	background: #c9a45c;
	border-color: #c9a45c;
	transform: rotate(45deg);
}

.rrl-cv-card:hover .rrl-cv-icon i {
	transform: rotate(-45deg);
}

.rrl-cv-icon i {
	transition: transform 0.5s ease;
}

/* =========================================
CARD CONTENT
========================================= */
.rrl-cv-card h3 {
	position: relative;
	z-index: 2;
	margin: 0 0 18px;
	color: #ffffff;
	font-size: 24px;
	font-weight: 600;
}

.rrl-cv-line {
	position: relative;
	z-index: 2;
	width: 35px;
	height: 1px;
	margin-bottom: 20px;
	background: #c9a45c;
	transition: width 0.4s ease;
}

.rrl-cv-card:hover .rrl-cv-line {
	width: 70px;
}

.rrl-cv-card p {
	position: relative;
	z-index: 2;
	margin: 0;
	color: #ababab;
	font-size: 15px;
	line-height: 1.9;
}

/* =========================================
DECORATIVE ORBITS
========================================= */
.rrl-cv-orbit {
	position: absolute;
	z-index: 1;
	border: 1px solid rgba(201, 164, 92, 0.08);
	border-radius: 50%;
	pointer-events: none;
}

.rrl-cv-orbit-one {
	top: -250px;
	right: -180px;
	width: 550px;
	height: 550px;
}

.rrl-cv-orbit-two {
	bottom: -350px;
	left: -250px;
	width: 700px;
	height: 700px;
}

.rrl-filter-section {
	position: relative;
	overflow: hidden;
	padding: 50px 0;
	background: #ffffff;
	color: #111111;
}

.rrl-filter-sidebar {
	position: relative;
	z-index: 2;
	padding: 20px;
	border: 1px solid #e5e5e5;
	background: #fff;
}

/* Gold Top Line */
.rrl-filter-sidebar::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 70px;
	height: 2px;
	background: #c9a45c;
	transition: width 0.5s ease;
}

.rrl-filter-sidebar:hover::before {
	width: 100%;
}

.rrl-filter-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.rrl-filter-eyebrow {
	display: block;
	margin-bottom: 6px;
	color: var(--primary);
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 3px;
	text-transform: uppercase;
}

.rrl-filter-header h3 {
	margin: 0;
	color: #000;
	font-size: 28px;
	font-weight: 600;
	letter-spacing: -0.5px;
}

.rrl-filter-icon {
	width: 45px;
	height: 45px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(201, 164, 92, 0.35);
	color: #c9a45c;
	font-size: 18px;
	transition: all 0.3s ease;
	color: #fff;
	background: var(--primary);
	border-radius: 5px;
}

/* =========================================
FILTER DIVIDER
========================================= */
.rrl-filter-divider {
	width: 100%;
	height: 1px;
	margin: 8px 0;
	background: rgba(255, 255, 255, 0.1);
}

/* =========================================
FILTER GROUP
========================================= */
.rrl-filter-group {
	margin-bottom: 12px;
}

.rrl-filter-group label {
	display: block;
	margin-bottom: 3px;
	color: #222;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.5px;
	font-family: var(--font-main);
}

/* =========================================
SELECT DROPDOWN
========================================= */
.rrl-filter-select {
	width: 100%;
	height: 48px;
	padding: 0 40px 0 15px;
	border: 1px solid rgba(60, 59, 59, 0.586);
	outline: none;
	appearance: none;
	color: #222;
	font-size: 15px;
	border-radius: 6px;
	font-family: var(--font-main);
	transition: all 0.3s ease;
}

/* =========================================
TEXT / NUMBER INPUT
========================================= */
.rrl-filter-input {
	width: 100%;
	height: 48px;
	padding: 0 10px 0 10px;
	border: 1px solid rgba(60, 59, 59, 0.586);
	outline: none;
	appearance: none;
	color: #222;
	font-size: 15px;
	border-radius: 6px;
	font-family: var(--font-main);
	transition: all 0.3s ease;
}

.rrl-filter-input::placeholder {
	color: #666666;
	font-size: 13px;
}

.rrl-price-inputs {
	display: flex;
	align-items: center;
	gap: 8px;
}

.rrl-price-inputs span {
	flex: 0 0 auto;
	color: #c9a45c;
	font-size: 12px;
}

.rrl-year-inputs {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 8px;
}

.rrl-filter-search {
	width: 100%;
	height: 55px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 8px;
	padding: 0 20px;
	border: 1px solid #c9a45c;
	color: #0b0b0b;
	background: var(--primary);
	border-radius: 7px;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 1px;
	text-transform: uppercase;
	cursor: pointer;
	transition: all 0.4s ease;
}

.rrl-filter-search i {
	font-size: 18px;
	transition: transform 0.4s ease;
}

.rrl-filter-search:hover {
	color: #ffffff !important;
	background: var(--primary-dark);
	border-radius: 40px;
}

.rrl-filter-search:hover i {
	transform: translateX(6px);
}

.rrl-filter-search:hover span {
	transform: translateX(6px);
	color: #ffffff !important;
}

/* =========================================
RESET BUTTON
========================================= */
.rrl-filter-reset {
	width: 100%;
	margin-top: 18px;
	padding: 0;
	border: none;
	color: #777777;
	background: transparent;
	font-size: 11px;
	letter-spacing: 1px;
	cursor: pointer;
	transition: color 0.3s ease;
}

.rrl-filter-reset i {
	margin-right: 5px;
}

.rrl-filter-reset:hover {
	color: #c9a45c;
}

.rrl-filter-results {
	position: relative;
	z-index: 2;
	min-height: 100%;
	padding-left: 25px;
	background: #ffffff;
}

.rrl-results-header {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	padding-bottom: 25px;
	border-bottom: 1px solid #e8e8e8;
}

.rrl-results-eyebrow {
	display: block;
	margin-bottom: 8px;
	color: var(--primary);
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 3px;
	text-transform: uppercase;
}

.rrl-results-header h2 {
	margin: 0;
	color: #111111;
	font-size: 38px;
	font-weight: 600;
	letter-spacing: -1px;
}

.rrl-results-header h2 span {
	color: var(--primary);
}

.rrl-results-count {
	color: #777777;
	font-size: 12px;
	letter-spacing: 1px;
}

@media screen and (min-width:1200px) {
	.max-container {
		max-width: 2100px !important;
		padding: 0 40px !important;
	}
}

.rrl-service-card {
	position: relative;
	display: flex;
	flex-direction: column;
	border-radius: 12px;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: #ffffff;
	border: 1px solid #e7e7e7;
	transition:
		transform 0.5s ease,
		box-shadow 0.5s ease,
		border-color 0.5s ease;
	padding-bottom: 40px;
}

.rrl-service-image {
	position: relative;
	width: 100%;
	height: 300px;
	overflow: hidden;
	flex-shrink: 0;
	background: #eeeeee;
}

.rrl-service-image img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	transition:
		transform 0.8s ease,
		filter 0.6s ease;
}

/* Image Hover Effect */
.rrl-service-card:hover .rrl-service-image img {
	transform: scale(1.08);
	filter: brightness(0.35);
}

.rrl-service-hover {
	position: absolute;
	inset: 0;
	z-index: 5;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 35px 30px;
	background:
		rgba(7, 21, 83, 0.374);
	transform: translateX(-100%);
	transition: transform 0.65s cubic-bezier(0.77, 0, 0.18, 1);
}

/* Slide Panel On Hover */
.rrl-service-card:hover .rrl-service-hover {
	transform: translateX(0);
}

.rrl-service-hover-title {
	display: block;
	margin-bottom: 25px;
	color: #c9a45c;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 3px;
	text-transform: uppercase;
}

.rrl-service-hover-title::after {
	content: "";
	display: block;
	width: 40px;
	height: 1px;
	margin-top: 12px;
	background: #c9a45c;
	transition: width 0.4s ease;
}

.rrl-service-card:hover .rrl-service-hover-title::after {
	width: 75px;
}

.rrl-service-hover ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.rrl-service-hover li {
	position: relative;
	margin-bottom: 10px;
	padding-left: 22px;
	color: #dddddd;
	font-size: 15px;
	line-height: 1.5;
	opacity: 0;
	transform: translateX(-25px);
	transition:
		opacity 0.4s ease,
		transform 0.4s ease;
}

/* List Animation */
.rrl-service-card:hover .rrl-service-hover li {
	opacity: 1;
	transform: translateX(0);
}

/* Staggered List Animation */
.rrl-service-card:hover .rrl-service-hover li:nth-child(1) {
	transition-delay: 0.15s;
}

.rrl-service-card:hover .rrl-service-hover li:nth-child(2) {
	transition-delay: 0.20s;
}

.rrl-service-card:hover .rrl-service-hover li:nth-child(3) {
	transition-delay: 0.25s;
}

.rrl-service-card:hover .rrl-service-hover li:nth-child(4) {
	transition-delay: 0.30s;
}

.rrl-service-card:hover .rrl-service-hover li:nth-child(5) {
	transition-delay: 0.35s;
}

/* Gold Bullet */
.rrl-service-hover li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 8px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #c9a45c;
}

.rrl-service-content {
	width:100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 15px;
	background: #ffffff;
}

.rrl-service-number {
	position: absolute;
	top: 25px;
	right: 30px;
	color: rgba(201, 164, 92, 0.35);
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 2px;
}

.rrl-service-label {
	display: inline-block;
	margin-bottom: 8px;
	color: #b38a3d;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 3px;
	text-transform: uppercase;
}

.rrl-service-content h3 {
	margin: 0 0 7px;
	color: #111111;
	font-size: 22px;
	line-height: 1.25;
	font-weight: 600;
	letter-spacing: -0.5px;
}

.rrl-service-content h4 {
	margin: 0 0 10px;
	color: #b38a3d;
	font-size: 15px;
	font-weight: 500;
	font-style: italic;
}

.rrl-service-content p {
	margin: 0 0 10px;
	color: #464545;
	font-size: 15px;
	line-height: 1.7;
}

.rrl-service-button {
	width: fit-content;
	display: inline-flex;
	align-items: center;
	gap: 25px;
	padding: 13px 0;
	border: none;
	border-bottom: 1px solid #b38a3d;
	color: #111111;
	background: transparent;
	font-size: 15px;
	font-weight: 600;
	cursor: pointer;
	transition:
		color 0.4s ease,
		border-color 0.4s ease;
	background-color: var(--primary);
	padding: 7px 15px;
	border-radius:7px;
	position: absolute;
	bottom: 15px;
	left: 15px;
	text-decoration: none;
}
.rrl-service-button span{
	color: #fff;
}

.rrl-service-button i {
	color: #fff;
	font-size: 17px;
	transition: transform 0.4s ease;
}

.rrl-service-button:hover {
	color: #fff;
	background-color: #b88b2b;
}

.rrl-service-button:hover i {
	transform: translateX(7px);
}

.rrl-service-content::before {
	content: "";
	position: absolute;
	left: 0;
	top: 15%;
	width: 2px;
	height: 70%;
	background:
		linear-gradient(to bottom,
			transparent,
			#c9a45c,
			transparent);
}

.rrl-service-content::after {
	content: "";
	position: absolute;
	right: 25px;
	bottom: 25px;
	width: 35px;
	height: 35px;
	border-right: 1px solid rgba(201, 164, 92, 0.4);
	border-bottom: 1px solid rgba(201, 164, 92, 0.4);
	pointer-events: none;
}

body {
	overflow-x: hidden;
}

.investment-img-box {
	height: 400px;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	position: relative;
	border-radius: 15px;
}

.investment-img-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.investment-box-overlay {
	position: absolute;
}

.investment-box-overlay {
	position: absolute;
	background: #000;
	background:
		linear-gradient(360deg,
			rgba(0, 0, 0, 0.9) 0%,
			rgba(0, 0, 0, 0.09) 100%);
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-direction: column;
	padding: 40px;
	gap: 15px;
}

.investment-box-overlay h5 {
	margin: 0;
	color: var(--primary);
	font-weight: 500;
	font-size: 25px;
}

.investment-box-overlay h4 {
	margin: 0;
	color: #fff;
	font-weight: 500;
	font-size: 45px;
}

.investment-box-overlay p {
	font-size: 16px;
	color: #ccc;
	margin: 0;
}

.custom-service-btns {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 10px;
}

.investment-box-overlay a {
	width: fit-content;
	background-color: var(--primary);
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 55px;
	border-radius: 5px;
	font-size: 16px;
	transition: 0.5s;
	padding: 0 15px;
	text-decoration: none;
}

.investment-box-overlay a:hover {
	border-radius: 40px;
}

.investment-box-overlay span {
	position: absolute;
	top: 15px;
	right: 15px;
	width: 10px;
	height: 10px;
	background-color: #fff;
	border-radius: 50%;
	opacity: 0;
}

.investment-img-box:hover img {
	transform: scale(1.1);
	transition: 0.5s;
	-webkit-filter: grayscale(100%);
	/* Safari 6.0 - 9.0 */
	filter: grayscale(100%);
}

.investment-img-box:hover .investment-box-overlay span {
	opacity: 1;
}

.rrl-category-section {
	position: relative;
	overflow: hidden;
	padding: 100px 0;
	background: #ffffff;
}

/* =========================================
CATEGORY CARD WRAPPER
========================================= */
.rrl-category-card {
	position: relative;
	width: 100%;
}

/* =========================================
CATEGORY LINK
========================================= */
.rrl-category-card a {
	display: block;
	text-decoration: none;
}

.category-img {
	position: relative;
	width: 100%;
	height: 220px;
	overflow: hidden;
	background: #ffffff;
	border: 1px solid #e5e5e5;
	border-radius: 10px;
	transition:
		transform 0.5s ease,
		box-shadow 0.5s ease,
		border-color 0.5s ease;
}

.category-img img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	transition:
		transform 0.8s ease,
		filter 0.6s ease;
}

.category-img::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	background:
		linear-gradient(to top,
			rgba(0, 0, 0, 0.85) 0%,
			rgba(0, 0, 0, 0.35) 45%,
			rgba(0, 0, 0, 0.05) 75%,
			rgba(0, 0, 0, 0) 100%);
	transition: background 0.5s ease;
}

.category-img::after {
	content: "";
	position: absolute;
	inset: 15px;
	z-index: 2;
	border:
		1px solid rgba(201, 164, 92, 0);
	pointer-events: none;
	transition:
		inset 0.5s ease,
		border-color 0.5s ease;
}

.category-img p {
	position: absolute;
	left: 25px;
	bottom: 20px;
	z-index: 3;
	margin: 0;
	color: #ffffff;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.3;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	transition:
		color 0.4s ease,
		transform 0.4s ease;
}

.category-img p::before {
	content: "";
	display: block;
	width: 35px;
	height: 2px;
	margin-bottom: 10px;
	background: #c9a45c;
	transition: width 0.4s ease;
}

.category-img p::after {
	content: "→";
	display: inline-block;
	margin-left: 10px;
	color: #c9a45c;
	opacity: 0;
	transform: translateX(-10px);
	transition:
		opacity 0.4s ease,
		transform 0.4s ease;
}

.category-img:hover {
	transform: translateY(-8px);
	border-color:
		rgba(201,
			164,
			92,
			0.5);
	box-shadow:
		0 25px 60px rgba(0, 0, 0, 0.12);
}

.category-img:hover img {
	transform: scale(1.08);
	filter: brightness(0.65);
}

.category-img:hover::after {
	inset: 10px;
	border-color:
		rgba(201,
			164,
			92,
			0.75);
}

.category-img:hover p {
	color: #c9a45c;
	transform: translateX(5px);
}

.category-img:hover p::before {
	width: 60px;
}

.category-img:hover p::after {
	opacity: 1;
	transform: translateX(0);
}

.rrl-category-heading {
	margin-bottom: 50px;
	text-align: center;
}

.rrl-category-heading span {
	display: block;
	margin-bottom: 10px;
	color: #b38a3d;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 3px;
	text-transform: uppercase;
}

.rrl-category-heading h2 {
	margin: 0;
	color: #111111;
	font-size: 42px;
	font-weight: 600;
	letter-spacing: -1px;
}

.rrl-category-heading h2 strong {
	color: #b38a3d;
	font-weight: 600;
}

.contact-left {
	padding: 25px;
	border-radius: 10px;
	background: #ffffff;
	border: 1px solid #e7e7e7;
}

.contact-item {
	position: relative;
	display: flex;
	gap: 20px;
	padding: 20px 0;
	border-bottom: 1px solid #eeeeee;
}

.contact-item:first-child {
	padding-top: 0;
}

.contact-item:last-child {
	padding-bottom: 0;
	border-bottom: none;
}

.contact-icon {
	flex-shrink: 0;
	width: 52px;
	height: 52px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #b38a3d;
	background: #faf9f6;
	border:
		1px solid rgba(179, 138, 61, 0.25);
	font-size: 20px;
	transition:
		color 0.4s ease,
		background 0.4s ease,
		transform 0.4s ease;
	color: #ffffff;
	background: #b38a3d;
	border-radius: 10px;
}

.contact-info {
	padding-top: 2px;
}

.contact-info>span {
	display: block;
	margin-bottom: 7px;
	color: #b38a3d;
	font-size: 12px;
}

.contact-info h4 {
	margin: 0 0 5px;
	color: #222222;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.5;
	word-break: break-word;
}

.contact-info p {
	margin: 0;
	color: #4e4e4e;
	font-size: 14px;
	line-height: 1.6;
}

.contact-info .rrl-sunday {
	margin-top: 10px;
}

.contact-right {
	position: relative;
	height: 100%;
	padding: 25px;
	background: #ffffff;
	border: 1px solid #e7e7e7;
	border-radius: 15px;
}

/* Gold Top Accent */
.contact-right::before {
	content: "";
	position: absolute;
	top: -1px;
	left: 40px;
	width: 80px;
	height: 2px;
	background: #b38a3d;
	transition: width 0.5s ease;
}

.contact-right:hover::before {
	width: 150px;
}

.rrl-form-label {
	display: block;
	margin-bottom: 10px;
	color: #b38a3d;
	font-size: 13px;
}

.contact-right h3 {
	margin: 0 0 5px;
	color: #111111;
	font-size: 25px;
	font-weight: 600;
	line-height: 1.3;
}

.contact-right>p {
	margin: 0 0 25px;
	color: #505050;
	font-size: 15px;
	line-height: 1.8;
}

.rrl-form-group {
	position: relative;
}

.rrl-form-group label {
	display: block;
	margin-bottom: 8px;
	color: #333333;
	font-size: 13px;
	font-family: var(--font-main);
	font-weight: 500;
	letter-spacing: 0.5px;
}

.rrl-form-group input,
.rrl-form-group select,
.rrl-form-group textarea {
	width: 100%;
	height: 48px;
	padding: 0 10px 0 10px;
	border: 1px solid rgba(60, 59, 59, 0.586);
	outline: none;
	appearance: none;
	color: #222;
	font-size: 15px;
	border-radius: 6px;
	font-family: var(--font-main);
	transition: all 0.3s ease;
}

.rrl-form-group textarea {
	min-height: 120px;
	resize: vertical;
	padding-top: 10px;
}

.rrl-form-group input::placeholder,
.rrl-form-group textarea::placeholder {
	color: #4e4e4e;
	font-size: 14px;
}

.rrl-form-group select {
	width: 100%;
	height: 48px;
	padding: 0 10px 0 10px;
	border: 1px solid rgba(60, 59, 59, 0.586);
	outline: none;
	appearance: none;
	color: #222;
	font-size: 15px;
	border-radius: 6px;
	font-family: var(--font-main);
	transition: all 0.3s ease;
	font-size: 14px;
}

.rrl-contact-button {
	width: 250px;
	height: 55px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 20px;
	color: #ffffff;
	background: var(--primary);
	border: 1px solid var(--primary);
	font-size: 15px;
	font-weight: 600;
	cursor: pointer;
	transition:
		color 0.4s ease,
		background 0.4s ease,
		border-color 0.4s ease;
	border-radius: 10px;
}

.rrl-contact-button span {
	color: #fff;
	font-weight: 500;
}

.rrl-contact-button i {
	color: #fff;
	font-size: 18px;
	transition: transform 0.4s ease;
}

.rrl-contact-button:hover {
	color: #111111;
	background: #815f1d;
	border-color: #815f1d;
}

.rrl-contact-button:hover i {
	color: #fff;
	transform: translateX(6px);
}

.map-frame iframe {
	width: 100%;
	height: 450px;
}

.rrl-sell-vehicle-section {
	position: relative;
	overflow: hidden;
	padding: 50px 0;
	background: #ffffff;
}

.rrl-sell-heading {
	margin: 0 auto 0;
	text-align: center;
}

.rrl-sell-heading>span {
	display: block;
	margin-bottom: 12px;
	color: #b38a3d;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 3px;
	text-transform: uppercase;
}

.rrl-sell-heading h2 {
	margin: 0 0 15px;
	color: #fff;
	font-size: 42px;
	font-weight: 600;
	line-height: 1.25;
	letter-spacing: -1px;
}

.rrl-sell-heading h2 strong {
	color: #b38a3d;
	font-weight: 600;
}

.rrl-sell-heading p {
	max-width: 700px;
	margin: 0 auto;
	color: #ccc;
	font-size: 16px;
	line-height: 1.8;
}

.rrl-benefits-box {
	position: relative;
	padding: 30px;
	background: #ffffff;
	border: 1px solid #e5e5e5;
	border-radius: 12px;
}

/* Gold Top Line */
.rrl-benefits-box::before {
	content: "";
	position: absolute;
	top: -1px;
	left: 40px;
	width: 80px;
	height: 2px;
	background: #b38a3d;
	transition: width 0.5s ease;
}

.rrl-benefits-box:hover::before {
	width: 150px;
}

.rrl-benefits-label {
	display: block;
	margin-bottom: 5px;
	color: #b38a3d;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.rrl-benefits-box h3 {
	margin: 0 0 12px;
	color: #111111;
	font-size: 35px;
	font-weight: 600;
}

.rrl-benefits-description {
	margin: 0 0 10px;
	color: #777777;
	font-size: 15px;
	line-height: 1.8;
}

.rrl-benefits-list {
	display: flex;
	flex-direction: column;
}

.rrl-benefit-item {
	display: flex;
	align-items: center;
	gap: 18px;
	padding: 17px 0;
	border-bottom: 1px solid #eeeeee;
	transition: transform 0.4s ease;
}

.rrl-benefit-item:last-child {
	border-bottom: none;
}

.rrl-benefit-item:hover {
	transform: translateX(6px);
}

.rrl-benefit-icon {
	flex-shrink: 0;
	width: 48px;
	height: 48px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #b38a3d;
	background: #faf9f6;
	border:
		1px solid rgba(179, 138, 61, 0.2);
	font-size: 18px;
	transition:
		color 0.4s ease,
		background 0.4s ease;
	color: #ffffff;
	background: #b38a3d;
}

.rrl-benefit-item h4 {
	margin: 0 0 4px;
	color: #222222;
	font-size: 16px;
	font-weight: 600;
}

.rrl-benefit-item p {
	margin: 0;
	color: #5b5b5b;
	font-size: 15px;
	line-height: 1.5;
}

.rrl-vehicle-form-box {
	position: relative;
	height: 100%;
	border-radius: 12px;
	padding: 25px;
	background: #ffffff;
	border: 1px solid #e5e5e5;
}

/* Gold Top Accent */
.rrl-vehicle-form-box::before {
	content: "";
	position: absolute;
	top: -1px;
	left: 40px;
	width: 80px;
	height: 2px;
	background: #b38a3d;
	transition: width 0.5s ease;
}

.rrl-vehicle-form-box:hover::before {
	width: 150px;
}

.rrl-form-header {
	margin-bottom: 35px;
}

.rrl-form-header>span {
	display: block;
	margin-bottom: 10px;
	color: #b38a3d;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 3px;
	text-transform: uppercase;
}

.rrl-form-header h3 {
	margin: 0 0 5px;
	color: #111111;
	font-size: 30px;
	font-weight: 600;
	line-height: 1.3;
}

.rrl-form-header p {
	margin: 0;
	color: #777777;
	font-size: 15px;
	line-height: 1.8;
}

.rrl-vehicle-form-group {
	position: relative;
}

.rrl-vehicle-form-group label {
	display: block;
	margin-bottom: 8px;
	color: #333333;
	font-size: 13px;
	font-family: var(--font-main);
	font-weight: 500;
	letter-spacing: 0.5px;
}

.rrl-vehicle-form-group input,
.rrl-vehicle-form-group select {
	width: 100%;
	height: 48px;
	padding: 0 10px 0 10px;
	border: 1px solid rgba(60, 59, 59, 0.586);
	outline: none;
	appearance: none;
	color: #222;
	font-size: 15px;
	border-radius: 6px;
	font-family: var(--font-main);
	transition: all 0.3s ease;
}

.rrl-vehicle-form-group input::placeholder {
	color: #4e4e4e;
	font-size: 14px;
}

.rrl-vehicle-form-group select {
	width: 100%;
	height: 48px;
	padding: 0 10px 0 10px;
	border: 1px solid rgba(60, 59, 59, 0.586);
	outline: none;
	appearance: none;
	color: #222;
	font-size: 15px;
	border-radius: 6px;
	font-family: var(--font-main);
	transition: all 0.3s ease;
}

.rrl-upload-box {
	position: relative;
	min-height: 120px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 5px;
	padding: 20px;
	text-align: center;
	background: #fafafa;
	border: 1px dashed #cccccc;
	border-radius: 10px;
	cursor: pointer;
	transition:
		border-color 0.4s ease,
		background 0.4s ease;
}

.rrl-upload-box:hover {
	background: #fffdf8;
	border-color: #b38a3d;
}

.rrl-upload-box i {
	margin-bottom: 5px;
	color: #b38a3d;
	font-size: 28px;
}

.rrl-upload-box span {
	color: #333333;
	font-size: 14px;
	font-weight: 600;
}

.rrl-upload-box small {
	color: #999999;
	font-size: 10px;
}

.rrl-upload-box input[type="file"] {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
}

.rrl-submit-vehicle {
	width: 250px;
	height: 55px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 20px;
	color: #ffffff;
	background: var(--primary);
	border: 1px solid var(--primary);
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	transition:
		color 0.4s ease,
		background 0.4s ease,
		border-color 0.4s ease;
	border-radius: 10px;
}

.rrl-submit-vehicle i {
	color: #fff;
	font-size: 18px;
	transition: transform 0.4s ease;
}

.rrl-submit-vehicle span {
	color: #fff;
}

.rrl-submit-vehicle:hover {
	color: #fff;
	background: #835f18;
	border-color: #835f18;
}

.rrl-submit-vehicle:hover i {
	color: #fff;
	transform: translateX(6px);
}




.rrl-login-section {
	position: relative;

	display: flex;

	align-items: center;

	padding: 50px 0;

	overflow: hidden;

	background: #ffffff;
}




.rrl-login-form-wrapper {
	position: relative;
	border: 1px solid #ccc;

	height: 100%;

	display: flex;

	flex-direction: column;

	justify-content: center;

	padding: 30px;

	background: #ffffff;
	border-radius: 12px;
}


.rrl-login-form-wrapper::before {
	content: "";

	position: absolute;

	top: 0;
	left: 70px;

	width: 70px;
	height: 2px;

	background: #b38a3d;

	transition:
		width 0.5s ease;
}


.rrl-login-form-wrapper:hover::before {
	width: 130px;
}



.rrl-login-form-header {
	margin-bottom: 10px;
}


.rrl-login-form-header>span {
	display: block;

	margin-bottom: 7px;

	color: #b38a3d;

	font-size: 10px;

	font-weight: 600;

	letter-spacing: 1px;

	text-transform: uppercase;
	text-align: center;
}


.rrl-login-form-header h2 {
	margin: 0 0 7px;

	color: #111111;

	font-size: 35px;

	font-weight: 600;

	line-height: 1.2;
	text-align: center;
}


.rrl-login-form-header p {

	margin: 0;

	color: #4e4e4e;

	font-size: 15px;

	line-height: 1.8;
	text-align: center;
}



.rrl-login-form-group {
	margin-bottom: 25px;
}


.rrl-login-form-group label {
	display: block;
	margin-bottom: 5px;
	color: #333333;
	font-size: 13px;
	font-family: var(--font-main);
	font-weight: 500;
	letter-spacing: 0.5px;
}



.rrl-password-label {
	display: flex;

	align-items: center;

	justify-content: space-between;
}


.rrl-password-label a {
	color: #b38a3d;

	font-size: 14px;

	text-decoration: none;

	transition:
		color 0.3s ease;
}


.rrl-password-label a:hover {
	color: #111111;
}



.rrl-login-input-wrapper {
	position: relative;

	display: flex;

	align-items: center;
}


.rrl-login-input-wrapper>i {
	position: absolute;

	left: 15px;

	z-index: 2;

	color: #b38a3d;

	font-size: 16px;

	pointer-events: none;
}


/* =========================================
   INPUT
========================================= */

.rrl-login-input-wrapper input {
	width: 100%;
	height: 48px;
	padding: 0 10px 0 40px;
	border: 1px solid rgba(60, 59, 59, 0.586);
	outline: none;
	appearance: none;
	color: #222;
	font-size: 15px;
	border-radius: 6px;
	font-family: var(--font-main);
	transition: all 0.3s ease;
}


.rrl-login-input-wrapper input::placeholder {
	color: #4e4e4e;
}


.rrl-login-input-wrapper input:hover {
	border-color: #c9a45c;
}


.rrl-login-input-wrapper input:focus {
	border-color: #b38a3d;

	box-shadow:
		0 0 0 3px rgba(179, 138, 61, 0.08);
}



.rrl-password-toggle {
	position: absolute;

	right: 10px;

	width: 38px;
	height: 38px;

	display: flex;

	align-items: center;

	justify-content: center;

	color: #999999;

	background: transparent;

	border: none;

	cursor: pointer;

	transition:
		color 0.3s ease;
}


.rrl-password-toggle:hover {
	color: #b38a3d;
}


.rrl-login-button {
	width: 250px;
	height: 55px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 20px;
	color: #ffffff;
	background: var(--primary);
	border: 1px solid var(--primary);
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	transition:
		color 0.4s ease,
		background 0.4s ease,
		border-color 0.4s ease;
	border-radius: 10px;
	margin: 0 auto;
	text-decoration: none;
}

.rrl-login-button span {
	color: #fff;
}

.rrl-login-button i {
	color: #fff;

	font-size: 18px;

	transition:
		transform 0.4s ease;
}


.rrl-login-button:hover {
	color: #111111;

	background: #835f18;

	border-color: #835f18;
}


.rrl-login-button:hover i {
	color: #fff;

	transform: translateX(6px);
}


.rrl-signup-link {
	display: flex;

	align-items: center;

	justify-content: center;

	gap: 5px;

	margin-top: 20px;

	padding-top: 15px;

	border-top: 1px solid #eeeeee;

	font-size: 12px;
}


.rrl-signup-link span {
	color: #888888;
	font-size: 15px;
}


.rrl-signup-link a {
	color: #b38a3d;

	font-weight: 600;

	text-decoration: none;

	transition:
		color 0.3s ease;
	font-size: 15px;
}


.rrl-signup-link a:hover {
	color: #111111;
}

.rrl-signup-terms span {
	font-size: 15px;
}

.rrl-signup-terms a {
	font-size: 14px;
	color: var(--primary);
}

.rrl-signup-terms input {
	width: 18px;
	height: 18px;
	margin-bottom: -10px;
}

.filter-baner form {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 15px;
	margin: 0;
}

.filter-baner form button {
	width: 130px;
	margin: 0 !important;
	height: 48px;
	border-radius: 10px;
}

.filter-baner {
	background: rgba(255, 255, 255, 0.2);
	border-radius: 16px;
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	border: 1px solid rgba(255, 255, 255, 0.3);
	padding: 15px;
	margin-top: 20px;
}

.filter-baner .row {
	width: 100%;

}

.filter-baner .row .col-lg-3 {
	padding: 0 5px;
}

.filter-baner .rrl-filter-group{
	margin: 0;
}
.filter-baner form select{
	font-size: 14px;
	border-radius: 10px;
}


/* Product Details */
.gallery-label {
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 10px;
}

.gallery-label img {
    width: 100%;
    height: 100px;
    border-radius: 4px;
    object-fit: cover;
    cursor: pointer;
}

.gallery-main-img {
    border: 1px solid #ccc;
    position: relative;
    /* height: 100%; */
    border-radius: 10px;
}

.gallery-main-img img {
    width: 100%;
    height: 430px;
    object-fit: cover;
    border-radius: 4px;
}

#expandedImg {
    display: none;
}

/* =========================================
   VEHICLE DETAILS RIGHT
========================================= */

.vehicle-details-right {
    position: relative;

    height: 100%;

    padding: 20px;

    background: #ffffff;

    border: 1px solid #e7e7e7;
	border-radius: 10px;
}



.vehicle-info-heading {
    margin-bottom: 15px;
}


.vehicle-info-label {
    display: inline-block;

    margin-bottom: 12px;

    color: #b38a3d;

    font-size: 10px;

    font-weight: 600;

    letter-spacing: 2.5px;

    text-transform: uppercase;
}


.vehicle-info-heading h1 {
    margin: 0 0 5px;

    color: #111111;

    font-size: 25px;

    font-weight: 600;

    line-height: 1.25;
}


.vehicle-info-heading p {
    margin: 0;

    color: #888888;

    font-size: 15px;

    line-height: 1.7;
}



.vehicle-price-box {
    display: flex;

    align-items: center;

    justify-content: space-between;

    padding:15px 20px;
	border-radius: 10px;

    margin-bottom: 15px;

    background: #faf9f6;

    border: 1px solid #eee8dc;

    border-left: 3px solid #b38a3d;
}


.vehicle-price-label {
    display: block;

    margin-bottom: 5px;

    color: #888888;

    font-size: 10px;

    letter-spacing: 1px;

    text-transform: uppercase;
}


.vehicle-price-box h2 {
    margin: 0;

    color: #111111;

    font-size: 28px;

    font-weight: 700;
}


.vehicle-price-tag {
    display: inline-flex;

    align-items: center;

    gap: 6px;

    padding: 7px 10px;

    color: #fff;

    background: green;
border-radius: 40px;

    font-size: 10px;

    font-weight: 600;

    text-transform: uppercase;

    letter-spacing: 0.5px;
}



.vehicle-info-grid {
    display: grid;

    grid-template-columns:
        repeat(2, 1fr);

    gap: 0;

    margin-bottom: 30px;

    border-top: 1px solid #eeeeee;

    border-left: 1px solid #eeeeee;
	border-radius: 10px ;
	overflow: hidden;
}



.vehicle-info-item {
    display: flex;

    align-items: center;

    gap: 13px;

    min-height: 85px;

    padding: 15px;

    background: #ffffff;

    border-right: 1px solid #eeeeee;

    border-bottom: 1px solid #eeeeee;

    transition:
        background 0.3s ease;
}


.vehicle-info-item:hover {
    background: #faf9f6;
}



.vehicle-info-icon {
    width: 42px;
    height: 42px;

    flex-shrink: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #b38a3d;

    background: #faf9f6;

    border: 1px solid #eee8dc;

    font-size: 17px;

    transition:
        color 0.3s ease,
        background 0.3s ease;
		color: #ffffff;

    background: var(--primary);
	border-radius: 10px;
}





.vehicle-info-item span {
    display: block;

    margin-bottom: 2px;

    color: #999999;

    font-size: 13px;

    letter-spacing: 0.8px;
	font-family: var(--font-main);
}


.vehicle-info-item strong {
    display: block;

    color: #222222;

    font-size: 15px;

    font-weight: 600;
	font-family: var(--font-main);
}



.vehicle-action-buttons {
    display: flex;

    justify-content: center;
	align-items: center;
	gap: 10px;

    margin-bottom: 25px;
}


.vehicle-enquiry-btn,
.vehicle-whatsapp-btn {
    height: 52px;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 10px;

    color: #ffffff;

    background: var(--primary);

    border-color: var(--primary);

    border: 1px solid var(--primary);

    font-size: 14px;

    font-weight: 600;

    text-decoration: none;
	width: 50%;

    transition:
        color 0.4s ease,
        background 0.4s ease,
        border-color 0.4s ease;
		border-radius: 7px;
		transition: 0.5s;
}


.vehicle-enquiry-btn i,
.vehicle-whatsapp-btn i {
    font-size: 16px;
	color: #fff;
}
.vehicle-enquiry-btn span,
.vehspancle-whatsapp-btn span {
	color: #fff !important;
}


.vehicle-enquiry-btn:hover {
    color: #111111;

    background: #b38a3d;
  border-radius: 40px;
    border-color: #b38a3d;
}


.vehicle-whatsapp-btn {
    color: #b38a3d;
 
    background: green;

    border-color: green;
}


.vehicle-whatsapp-btn:hover {
	border-radius: 40px;
    color: #ffffff;
}



.vehicle-secure-note {
    display: flex;

    align-items: flex-start;

    gap: 12px;

    padding-top: 20px;

    border-top: 1px solid #eeeeee;
}


.vehicle-secure-note > i {
    color: #b38a3d;

    font-size: 30px;
}


.vehicle-secure-note strong {
    display: block;

    margin-bottom: 4px;

    color: #333333;

    font-size: 16px;
	font-family: var(--font-main);
}


.vehicle-secure-note p {
    margin: 0;

    color: #222;

    font-size: 14px;

    line-height: 1.6;
}
.vehicle-desc {
	padding-top: 20px;
}
.vehicle-desc p{
	font-size: 15px;
	line-height: 25px;
	margin-bottom: 10px;
}

.pages-bg-baner{
	background-color: #f7f7f7;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100px;
}
.pages-bg-baner h1{
	font-size: 35px;
	font-weight: 600;
	margin: 0;
	text-align: center;
}
.cms-container{
	background-color: #f7f7f7;
	padding: 45px;
	border-radius: 10px;
}
.cms-container h5{
	color: var(--primary);
}
.cms-container h3{
	font-size: 20px;
	font-weight: 600;
	margin: 10px 0;
}
.cms-container p{
	margin: 7px 0;
	font-size: 16px;
}

.cms-container ul li{
	font-size: 16px;
	margin: 7px 0;
}







.rrl-vehicle-details-page {
    padding: 50px 0 100px;
    background: #ffffff;
    color: #222;
    overflow: hidden;
}


.rrl-vehicle-breadcrumb {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 15px;
    color: #999;
    font-size: 14px;
}

.rrl-vehicle-breadcrumb a {
    color: #777;
    transition: .3s;
	text-decoration: none;
}

.rrl-vehicle-breadcrumb a:hover {
    color: var(--primary);
}

.rrl-vehicle-breadcrumb i {
    font-size: 15px;
    color: var(--primary);
}
.rrl-vehicle-breadcrumb i.bi-chevron-right{
	font-size: 13px;
}

.rrl-vehicle-breadcrumb span {
    color: #222;
    font-weight: 600;
}



.rrl-vehicle-title-area {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 30px;
    margin-bottom: 10px;
}

.rrl-vehicle-label {
    display: inline-block;
    margin-bottom: 10px;
    color: #b28a45;
    font-size: 13px;
    font-weight: 600;
}

.rrl-vehicle-title-area h1 {
    margin: 0;
    color: #111;
    font-family: var(--font-main);
    font-size: 32px;
    line-height: 1.2;
}

.rrl-vehicle-title-area p {
    margin: 10px 0 0;
    color: #888;
    font-size: 14px;
}

.rrl-vehicle-share {
    display: flex;
    gap: 10px;
}

.rrl-vehicle-share button {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-black);
    background: #fff;
    border: 1px solid var(--color-black);
    transition: .3s;
	border-radius: 7px;
}

.rrl-vehicle-share button:hover {
    color: #fff;
    background: var(--primary);
	border-color: var(--primary);
}


/* =========================================================
   GALLERY
========================================================= */

.rrl-vehicle-gallery {
    display: grid;
    grid-template-columns: 1.8fr 1fr;
    gap: 12px;
    height: 600px;
}

.rrl-gallery-featured,
.rrl-gallery-image {
    position: relative;
    overflow: hidden;
    background: #f5f5f5;
}

.rrl-gallery-featured img,
.rrl-gallery-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .6s;
	border-radius: 3px;
}

.rrl-gallery-featured:hover img,
.rrl-gallery-image:hover img {
    transform: scale(1.05);
}

.rrl-gallery-featured-badge {
    position: absolute;
    top: 20px;
    left: 20px;
    padding: 10px 15px;
    color: #fff;
    background: green;
    font-size: 13px;
	border-radius: 20px;
	font-family: var(--font-main);
}

.rrl-gallery-count {
    position: absolute;
    right: 20px;
    bottom: 20px;
    padding: 10px 15px;
    color: #fff;
    background: rgba(0,0,0,.8);
    font-size: 11px;
}

.rrl-gallery-grid {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 12px;
}

.rrl-gallery-image span {
    position: absolute;
    left: 12px;
    bottom: 12px;
    padding: 6px 10px;
    color: #fff;
    background: rgba(0,0,0,.75);
    font-size: 10px;
}

.rrl-gallery-more > div {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: rgba(0,0,0,.7);
}

.rrl-gallery-more i {
    margin-bottom: 10px;
    color: #c9a45c;
    font-size: 28px;
}

.rrl-gallery-more strong {
    font-size: 13px;
}

.rrl-gallery-more small {
    margin-top: 5px;
    color: #ccc;
}


/* =========================================================
   GALLERY ACTIONS
========================================================= */

.rrl-gallery-actions {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 12px;
    margin-top: 15px;
}

.rrl-gallery-actions a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 17px;
    color: #333;
    background: #fff;
    border: 1px solid #ccc;
    font-size: 15px;
    transition: .3s;
	text-decoration: none;
	border-radius: 7px;
}

.rrl-gallery-actions a i {
    color: #b28a45;
    font-size: 20px;
}

.rrl-gallery-actions a:hover {
    color: #fff;
    background: var(--primary);
    border-color: var(--primary);
}
.rrl-gallery-actions a:hover span{
	color: #fff;
}
.rrl-gallery-actions a:hover i{
	color: #fff;
}

.rrl-details-section {
    margin-top: 30px;
}

.rrl-section-heading {
    margin-bottom: 10px;
}

.rrl-section-heading span {
    display: block;
    margin-bottom: 8px;
    color: #b28a45;
    font-size: 14px;
    font-weight: 500;
}

.rrl-section-heading h2 {
    margin: 0;
    color: #111;
    font-family:var(--font-main);
    font-size: 28px;
	font-weight: 600;
}


/* =========================================================
   SUMMARY
========================================================= */

.rrl-content-card {
    height: 100%;
    padding: 25px;
    border: 1px solid #ccc;
    background: #fff;
	border-radius: 10px;
}

.rrl-summary-grid {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 10px;
}

.rrl-summary-item {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 18px;
    background: #fafafa;
}

.rrl-summary-item > i {
    color: #b28a45;
    font-size: 25px;
}

.rrl-summary-item small,
.rrl-spec-item small,
.rrl-owner-info-item span {
    display: block;
    margin-bottom: 5px;
    color: #222;
    font-size: 13px;
	font-family: var(--font-main);
}

.rrl-summary-item strong,
.rrl-spec-item strong,
.rrl-owner-info-item strong {
    display: block;
    color: #222;
    font-size: 15px;
	font-family: var(--font-main);
	font-weight:600 ;
}


/* =========================================================
   PRICE
========================================================= */

.rrl-price-card {
    height: 100%;
    padding: 25px;
    color: #fff;
    background: #011234;
	border-radius: 10px;
}

.rrl-price-card > span {
    color: #c9a45c;
    font-size: 15px;
}

.rrl-price-card h2 {
    margin: 8px 0;
    color: #fff;
    font-family: var(--font-main);
    font-size: 30px;
}

.rrl-available-status {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #6bd49c;
    font-size: 15px;
}

.rrl-price-card p {
    margin: 12px 0;
    color: #999;
    font-size: 14px;
}

.rrl-price-card a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px;
    color: #fff;
    background: var(--primary);
    font-size: 15px;
    font-weight: 500;
	text-decoration: none;
	border-radius: 5px;
	margin-top: 40px;
	transition: 0.5s;
}
.rrl-price-card a:hover{
	border-radius: 40px;
}


.rrl-specification-card {
    overflow: hidden;
    border: 1px solid #ccc;
    background: #fff;
	border-radius: 10px;
}

.rrl-spec-item {
    min-height: 110px;
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 25px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.rrl-spec-item > i {
    color: #b28a45;
    font-size: 22px;
}


/* =========================================================
   FEATURES
========================================================= */

.rrl-features-grid {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 12px;
}

.rrl-feature-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 17px;
    color: #000;
    border: 1px solid #ccc;
    background: #fff;
    font-size: 15px;
    transition: .3s;
	font-family: var(--font-main);
	border-radius: 8px;
	font-weight: 400;
}

.rrl-feature-item i {
    color: green;
	font-size: 20px;
}

/* .rrl-feature-item:hover {
    border-color: #c9a45c;
    transform: translateY(-3px);
    box-shadow: 0 10px 30px rgba(0,0,0,.05);
} */


/* =========================================================
   DESCRIPTION
========================================================= */

.rrl-description-box {
    padding: 25px;
    border-left: 3px solid #c9a45c;
    background: #fafafa;
}

.rrl-description-box p {
    margin: 0 0 10px;
    color: #666;
    font-size: 15px;
    line-height: 1.9;
}

.rrl-description-box p:last-child {
    margin-bottom: 0;
}


/* =========================================================
   CONDITION REPORT
========================================================= */

.rrl-condition-grid {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 15px;
}

.rrl-condition-item {
    padding: 15px;
    /* border: 1px solid #ccc; */
    background: #f7f7f7;
	border-radius: 7px;
}

.rrl-condition-item > span {
    color: #000;
    font-size: 18px;
	font-weight: 600;
}

.rrl-stars {
    margin: 0px;
    color: #e09616;
    letter-spacing: 3px;
	font-size: 20px;
}

.rrl-condition-item small {
    color: #999;
    font-size: 13px;
	font-family: var(--font-sub);
}


/* =========================================================
   OWNERSHIP
========================================================= */

.rrl-owner-info-card {
    padding: 20px;
    border: 1px solid #ccc;
    background: #fff;
	border-radius: 10px;
}

.rrl-owner-info-item {
    height: 100%;
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 20px;
    background: #fafafa;
}

.rrl-owner-info-item > i {
    color: #b28a45;
    font-size: 23px;
}


/* =========================================================
   DOCUMENTS
========================================================= */

.rrl-document-grid {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 12px;
}

.rrl-document-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 18px;
    border: 1px solid #ccc;
	border-radius: 7px;
    background: #fff;
    color: #222;
    font-size: 15px;
}

.rrl-document-item i {
    color: green;
    font-size: 20px;
}


/* =========================================================
   FORMS
========================================================= */

.rrl-form-card {
    padding: 20px;
    border: 1px solid #ccc;
    background: #fff;
	border-radius: 10px;
}

.rrl-form-intro {
    margin-bottom: 25px;
    color: #222;
    font-size: 15px;
    line-height: 1.7;
}

.rrl-form-group {
    margin-bottom: 18px;
}

.rrl-form-group label {
    display: block;
    margin-bottom: 7px;
    color: #444;
    font-size: 13px;
}

.rrl-form-group input,
.rrl-form-group textarea {
    width: 100%;
    padding: 14px 15px;
    color: #222;
    background: #fff;
    border: 1px solid #ddd;
    outline: none;
    font-size: 12px;
    transition: .3s;
}

.rrl-form-group textarea {
    min-height: 110px;
    resize: vertical;
}

.rrl-form-group input:focus,
.rrl-form-group textarea:focus {
    border-color: #b28a45;
    box-shadow: 0 0 0 3px rgba(178,138,69,.08);
}

.rrl-input-wrapper {
    position: relative;
}

.rrl-input-wrapper i {
    position: absolute;
    top: 50%;
    left: 15px;
    color: #b28a45;
    transform: translateY(-50%);
}

.rrl-input-wrapper input {
    padding-left: 43px;
}

.rrl-submit-button {
    width: 180px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 15px;
    color: #fff;
    background: var(--primary);
    border: 1px solid var(--primary);
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    transition: .3s;
	border-radius: 7px;
}

.rrl-submit-button:hover {
    color: #fff;
    background: #ba982b;
    border-color: #ba982b;
	border-radius: 40px;
}


/* =========================================================
   ENQUIRY CARD
========================================================= */

.rrl-enquiry-card {
    padding: 30px;
    color: #fff;
    background: #011234;
	border-radius: 10px;
}

.rrl-enquiry-label {
    display: block;
    margin-bottom: 10px;
    color: var(--primary);
    font-size: 13px;
}

.rrl-enquiry-card h2 {
    margin-bottom: 15px;
    color: #fff;
    font-family:var(--font-main);
    font-size:25px;
}

.rrl-enquiry-card > p {
    margin-bottom: 20px;
    color: #ccc;
    font-size: 15px;
    line-height: 1.7;
}

.rrl-enquiry-card .rrl-form-group input,
.rrl-enquiry-card .rrl-form-group textarea {
    color: #000;
    background: #fff;
    border-color: #333;
	font-size: 15px;
}

.rrl-enquiry-card .rrl-form-group label {
    color: #ccc;
}


/* 
@media (max-width: 991px) {

    .rrl-vehicle-gallery {
        height: 500px;
    }

    .rrl-vehicle-title-area h1 {
        font-size: 34px;
    }

    .rrl-gallery-actions {
        grid-template-columns: repeat(2,1fr);
    }

    .rrl-features-grid {
        grid-template-columns: repeat(2,1fr);
    }

    .rrl-condition-grid {
        grid-template-columns: repeat(2,1fr);
    }

    .rrl-document-grid {
        grid-template-columns: repeat(2,1fr);
    }

}


@media (max-width: 767px) {

    .rrl-vehicle-details-page {
        padding: 30px 0 60px;
    }

    .rrl-vehicle-title-area {
        align-items: flex-start;
        flex-direction: column;
    }

    .rrl-vehicle-title-area h1 {
        font-size: 28px;
    }

    .rrl-vehicle-gallery {
        display: block;
        height: auto;
    }

    .rrl-gallery-featured {
        height: 350px;
    }

    .rrl-gallery-grid {
        height: 350px;
        margin-top: 12px;
    }

    .rrl-summary-grid {
        grid-template-columns: 1fr;
    }

    .rrl-features-grid {
        grid-template-columns: 1fr;
    }

    .rrl-condition-grid {
        grid-template-columns: 1fr;
    }

    .rrl-document-grid {
        grid-template-columns: 1fr;
    }

    .rrl-form-card,
    .rrl-enquiry-card {
        padding: 25px 20px;
    }

}


@media (max-width: 575px) {

    .rrl-gallery-actions {
        grid-template-columns: 1fr;
    }

    .rrl-gallery-grid {
        grid-template-columns: 1fr 1fr;
    }

    .rrl-spec-item {
        border-right: 0;
    }

} */



/* =========================================================
   RRL SERVICE BOOKING PAGE
   PREMIUM WHITE AUTOMOTIVE DESIGN
========================================================= */

.rrl-service-booking-page {
    position: relative;
    padding:50px 0 110px;
    background: #ffffff;
    color: #222;
}


/* =========================================================
   HEADER
========================================================= */

.rrl-service-header {
    max-width: 750px;
    margin: 0 auto 60px;
    text-align: center;
}

.rrl-service-eyebrow {
    display: inline-block;
    margin-bottom: 15px;
    color: #b28a45;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.rrl-service-header h1 {
    margin: 0 0 15px;
    color: #111;
    font-family: var(--font-main);
    font-size: 52px;
    line-height: 1.15;
}

.rrl-service-header p {
    max-width: 600px;
    margin: auto;
    color: #888;
    font-size: 15px;
    line-height: 1.8;
}


/* =========================================================
   PROGRESS
========================================================= */

.rrl-booking-progress {
    position: relative;
    display: flex;
    justify-content: space-between;
    max-width: 900px;
    margin: 0 auto 60px;
}

.rrl-progress-line {
    position: absolute;
    top: 22px;
    left: 8%;
    right: 8%;
    height: 1px;
    background: #e5e5e5;
}

.rrl-progress-step {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.rrl-progress-step span {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #999;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 50%;
    font-size: 11px;
    font-weight: 700;
}

.rrl-progress-step.active span {
    color: #fff;
    background: #111;
    border-color: #111;
    box-shadow: 0 8px 25px rgba(0,0,0,.15);
}

.rrl-progress-step small {
    color: #999;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.rrl-progress-step.active small {
    color: #b28a45;
    font-weight: 700;
}


/* =========================================================
   FORM CARD
========================================================= */

.rrl-service-form-card {
    position: relative;
    margin-bottom: 15px;
    padding: 20px;
    border: 1px solid #ccc;
    background: #fff;
    transition: .3s;
	border-radius: 10px;
}

.rrl-service-form-card:hover {
    border-color: #d8c19a;
    box-shadow: 0 20px 50px rgba(0,0,0,.04);
}


/* =========================================================
   STEP HEADING
========================================================= */

.rrl-step-heading {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 15px;
}

.rrl-step-number {
    flex: 0 0 55px;
    width: 55px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: var(--primary);
    font-size: 18px;
	border-radius: 5px;
}

.rrl-step-heading span {
    display: block;
    margin-bottom: 5px;
    color: var(--primary);
    font-size: 13px;
}

.rrl-step-heading h2 {
    margin: 0;
    color: #111;
    font-family:var(--font-main);
    font-size: 25px;
}

.rrl-step-heading p {
    margin: 4px 0 0;
    color: #222;
    font-size: 14px;
}


/* =========================================================
   SERVICE OPTIONS
========================================================= */

.rrl-service-options {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}

.rrl-service-option {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 60px;
    padding: 15px;
    color: #555;
    border: 1px solid #e8e8e8;
    cursor: pointer;
    font-size: 15px;
    transition: .3s;
	border-radius: 5px;
}

.rrl-service-option input {
    position: absolute;
    opacity: 0;
}

.rrl-service-check {
    width: 19px;
    height: 19px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border: 1px solid #ccc;
    transition: .3s;
}

.rrl-service-check i {
    display: none;
    color: #fff;
    font-size: 11px;
}

.rrl-service-option:hover {
    border-color: #c9a45c;
}

.rrl-service-option input:checked ~ .rrl-service-check {
    background: var(--primary);
    border-color: var(--primary);
}

.rrl-service-option input:checked ~ .rrl-service-check i {
    display: block;
}


/* =========================================================
   INPUTS
========================================================= */

.rrl-service-field {
    margin-bottom: 5px;
}

.rrl-service-field label {
    display: block;
    margin-bottom:5px;
    color: #444;
    font-size: 13.5px;
    font-weight: 500;
	font-family: var(--font-main);
}

.rrl-service-field input,
.rrl-service-field select,
.rrl-service-field textarea {
    width: 100%;
    padding: 15px 16px;
    color: #222;
    background: #fff;
    border: 1px solid #ddd;
    outline: none;
    font-size: 12px;
    transition: .3s;
	font-family: var(--font-main);
	font-size: 14px;
	border-radius: 10px;
}

.rrl-service-field input:focus,
.rrl-service-field select:focus,
.rrl-service-field textarea:focus {
    border-color: #b28a45;
}

.rrl-service-field textarea {
    min-height: 160px;
    resize: vertical;
}


/* =========================================================
   TOGGLE
========================================================= */

.rrl-toggle-field {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    min-height: 65px;
    padding: 15px;
    border: 1px solid #eee;
    background: #fafafa;
	border-radius: 10px;
}

.rrl-toggle-field > span {
    color: #555;
    font-size: 14px;
    font-weight: 600;
}

.rrl-toggle-field > div {
    display: flex;
    gap: 15px;
}

.rrl-toggle-field label {
    color: #222;
    font-size: 11px;
    cursor: pointer;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 5px;
	font-size: 14px;
	font-family: var(--font-main);
}

.rrl-toggle-field input {
    accent-color: #b28a45;
	width: 20px;
	height: 20px;
}


/* =========================================================
   UPLOAD
========================================================= */

.rrl-upload-box {
    min-height: 190px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 30px;
    border: 1px dashed #c9a45c;
    background: #fffdf9;
    text-align: center;
    cursor: pointer;
    transition: .3s;
}

.rrl-upload-box:hover {
    background: #fffaf1;
}

.rrl-upload-box input {
    display: none;
}

.rrl-upload-box i {
    color: #b28a45;
    font-size: 40px;
}

.rrl-upload-box strong {
    color: #333;
    font-size: 15px;
	font-family: var(--font-main);
}

.rrl-upload-box span {
    color: #999;
    font-size: 12px;
}

.rrl-upload-types {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 15px;
}

.rrl-upload-types span {
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 9px 12px;
    color: #777;
    background: #f8f8f8;
    font-size: 13px;
}

.rrl-upload-types i {
    color: #b28a45;
}


/* =========================================================
   ADDONS
========================================================= */

.rrl-addon-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}

.rrl-addon-option {
    position: relative;
    cursor: pointer;
}

.rrl-addon-option input {
    position: absolute;
    opacity: 0;
}

.rrl-addon-option span {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 18px;
    color: #222;
    border: 1px solid #ccc;
    font-size: 14px;
    transition: .3s;
	border-radius: 10px;
	font-weight: 500;
}

.rrl-addon-option i {
    color: #b28a45;
    font-size: 18px;
}

.rrl-addon-option span:hover {
    color: #111;
    border-color: #b28a45;
    background: #fffaf2;
}
.rrl-addon-option input:checked + span{
    color: #111;
    border-color: #b28a45;
    background: #f1e7d7;
}


/* =========================================================
   CONSENT
========================================================= */

.rrl-consent-box {
    padding: 15px;
    margin-bottom: 25px;
    border: 1px solid #eee;
    background: #fafafa;
	border-radius: 10px;
}

.rrl-consent-box label {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 12px;
    color: #777;
    font-size: 15px;
    cursor: pointer;
}

.rrl-consent-box label:last-child {
    margin-bottom: 0;
}

.rrl-consent-box input {
    margin-top: 2px;
    accent-color: #b28a45;
	width: 18px;
	height: 18px;
}


/* =========================================================
   ACTION BUTTONS
========================================================= */

.rrl-booking-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.rrl-confirm-booking,
.rrl-callback-button,
.rrl-save-button {
    min-height: 55px;
    padding: 0 25px;
    border: 1px solid #111;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    transition: .3s;
	border-radius: 7px;
}

.rrl-confirm-booking {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff;
    background: var(--primary);
	border-color: var(--primary);
}

.rrl-confirm-booking:hover {
    color: #fff;
    background: #ad8d24;
    border-color: #ad8d24;
}

.rrl-callback-button {
    color: #111;
    background: #fff;
}

.rrl-callback-button:hover {
    color: #fff;
    background: #ad8d24;
	border-color: #ad8d24;
}

.rrl-save-button {
    color: #111;
    background: #fff;
    border-color: #111;
}

.rrl-save-button:hover {
    color: #fff;
    background: #ad8d24;
	border-color: #ad8d24;

}


/* =========================================================
   SIDEBAR
========================================================= */

.rrl-sidebar-sticky {
    position: sticky;
    top: 30px;
}

.rrl-summary-card {
    padding: 20px;
    color: #fff;
    background: #011234;
	border-radius: 10px;
}

.rrl-summary-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding-bottom: 25px;
    margin-bottom: 10px;
    border-bottom: 1px solid #333;
}

.rrl-summary-header span {
    color: #c9a45c;
    font-size: 13px;
}

.rrl-summary-header h3 {
    margin: 8px 0 0;
    color: #fff;
    font-family: var(--font-main);
    font-size: 22px;
}

.rrl-summary-header > i {
    color: #c9a45c;
    font-size: 30px;
}

.rrl-summary-row {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding: 18px 0;
    border-bottom: 1px solid #292929;
}

.rrl-summary-row span {
    color: #ccc;
    font-size: 13.5px;
}

.rrl-summary-row strong {
    max-width: 160px;
    color: #fff;
    font-size: 13.5px;
    text-align: right;
	font-weight: 500;
	font-family: var(--font-main);
}

.rrl-summary-total {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 15px;
    padding-top: 20px;
}

.rrl-summary-total span {
    color: #ccc;
    font-size: 13.5px;
}

.rrl-summary-total strong {
    color: #c9a45c;
    font-size: 13.5px;
	font-weight: 500;
	font-family: var(--font-main);
}


/* =========================================================
   HELP
========================================================= */

.rrl-booking-help {
    display: flex;
    gap: 15px;
    margin-top: 15px;
    padding: 20px;
    border: 1px solid #ccc;
    background: #fff;
	border-radius: 10px;
}

.rrl-help-icon {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #fff;
    background: var(--primary);
	border-radius: 10px;
}

.rrl-booking-help strong {
    color: #222;
    font-size: 15px;
	font-family: var(--font-main);
	font-weight: 600;
}

.rrl-booking-help p {
    margin: 5px 0;
    color: #222;
    font-size: 15px;
    line-height: 1.6;
}

.rrl-booking-help a {
    color: var(--primary);
    font-size: 15px;
    font-weight: 500;
}


/* =========================================================
   TRUST
========================================================= */

.rrl-trust-list {
    margin-top: 15px;
    padding: 10px 25px;
    border: 1px solid #ccc;
	border-radius: 10px;
}

.rrl-trust-list div {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 15px 0;
    border-bottom: 1px solid #eee;
}

.rrl-trust-list div:last-child {
    border-bottom: 0;
}

.rrl-trust-list i {
    color: var(--primary);
	font-size: 20px;
}

.rrl-trust-list span {
    color: #000;
    font-size: 13.5px;
}


/* =========================================================
   SUCCESS MODAL
========================================================= */

.rrl-success-modal .modal-dialog {
    max-width: 580px;
}

.rrl-success-modal .modal-content {
    position: relative;
    overflow: hidden;
    border: 0;
    border-radius: 0;
    background: #fff;
}

.rrl-success-modal .modal-content::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 5px;
    background: #c9a45c;
}

.rrl-modal-close {
    position: absolute;
    top: 18px;
    right: 18px;
    z-index: 5;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #555;
    background: #f5f5f5;
    border: 0;
    cursor: pointer;
}

.rrl-success-content {
    padding: 35px;
    text-align: center;
}

.rrl-success-icon {
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 25px;
    color: #fff;
    background: #299b62;
    border-radius: 50%;
}

.rrl-success-icon i {
    font-size: 40px;
}

.rrl-success-label {
    color: #b28a45;
    font-size: 13px;
}

.rrl-success-content h2 {
    margin: 7px auto;
    color: #111;
    font-family:var(--font-main);
    font-size: 25px;
    line-height: 1.5;
}

.rrl-success-content > p {
    max-width: 450px;
    margin: 0 auto 15px;
    color: #222;
    font-size: 14px;
    line-height: 1.8;
}

.rrl-booking-reference {
    display: inline-flex;
    flex-direction: column;
    gap: 7px;
    min-width: 320px;
    padding: 15px 25px;
    margin-bottom: 25px;
    background: #fafafa;
	border: 1px solid #ccc;
	border-radius: 10px;
}

.rrl-booking-reference span {
    color: var(--color-black);
    font-size: 13px;
}

.rrl-booking-reference strong {
    color: var(--primary);
    font-size: 14px;
    letter-spacing: 1px;
	font-family: var(--font-main);
}

.rrl-success-actions {
    display: flex;
	justify-content: center;
	align-items: center;
    gap: 5px;
}

.rrl-modal-primary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 15px;
    color: #fff;
    background: var(--primary);
    font-size: 13px;
	text-decoration: none;
	border-radius: 7px;
	transition: 0.5s;
}

.rrl-modal-primary:hover {
    color: #fff;
    background: #ad8d24;
	border-radius: 40px;
}

.rrl-modal-secondary {
   padding: 10px 15px;
    color: #222;
    border: 1px solid #222;
    font-size: 13px;
	text-decoration: none;
	border-radius: 7px;
	text-decoration: none;
	transition: 0.5s;
}

.rrl-modal-secondary:hover {
    color: #fff;
    border-color: #ad8d24;
	background-color: #ad8d24;
	border-radius: 40px;
}

.rrl-modal-home {
  padding: 10px 15px;
    color: #222;
    border: 1px solid #222;
    font-size: 13px;
	text-decoration: none;
	border-radius: 7px;
	text-decoration: none;
	transition: 0.5s;
}
.rrl-modal-home:hover{
	color: #fff;
    border-color: #ad8d24;
	background-color: #ad8d24;
	border-radius: 40px;
}


/* 
@media (max-width: 991px) {

    .rrl-service-header h1 {
        font-size: 42px;
    }

    .rrl-service-options {
        grid-template-columns: repeat(2, 1fr);
    }

    .rrl-sidebar-sticky {
        position: static;
    }

}


@media (max-width: 767px) {

    .rrl-service-booking-page {
        padding: 60px 0 80px;
    }

    .rrl-service-header {
        margin-bottom: 40px;
    }

    .rrl-service-header h1 {
        font-size: 34px;
    }

    .rrl-booking-progress {
        display: none;
    }

    .rrl-service-form-card {
        padding: 25px 20px;
    }

    .rrl-step-heading h2 {
        font-size: 23px;
    }

    .rrl-service-options {
        grid-template-columns: 1fr;
    }

    .rrl-addon-grid {
        grid-template-columns: 1fr;
    }

    .rrl-toggle-field {
        align-items: flex-start;
        flex-direction: column;
    }

    .rrl-booking-actions {
        flex-direction: column;
    }

    .rrl-confirm-booking {
        flex: auto;
    }

    .rrl-success-content {
        padding: 50px 25px 30px;
    }

}


@media (max-width: 480px) {

    .rrl-step-heading {
        gap: 12px;
    }

    .rrl-step-number {
        flex: 0 0 45px;
        width: 45px;
        height: 45px;
        font-size: 15px;
    }

    .rrl-success-content h2 {
        font-size: 25px;
    }

} */


/* =========================================================
   VEHICLE CONDITION REPORT
========================================================= */

.rrl-condition-list {
    margin: 0;
    padding: 0;
    list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}


.rrl-condition-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    padding: 20px 20px;
    border-bottom: 1px solid #e9e9e9;
    transition: all .3s ease;
	margin-bottom: 10px;
	width: 49.5%;
}



.rrl-condition-info {
    min-width: 150px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.rrl-condition-name {
    color: #222;
    font-size: 15px;
    font-weight: 600;
	font-family: var(--font-main);
}

.rrl-condition-status {
    color: #999;
    font-size: 14px;
	font-family: var(--font-sub);
}


.rrl-condition-rating {
    width: 230px;
	margin-left: auto;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.rrl-condition-stars {
    margin-bottom: 0;
    color: #e9af00;
    font-size: 20px;
    letter-spacing: 3px;
    line-height: 1;
}



.rrl-condition-bar {
    position: relative;
    width: 100%;
    height: 4px;
    overflow: hidden;
    background: #ededed;
}

.rrl-condition-bar span {
    display: block;
    height: 100%;
    background: #c49a52;
    transition: width .8s ease;
}

/* 

@media (max-width: 575px) {

    .rrl-condition-item {
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
    }

    .rrl-condition-info {
        width: 100%;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }

    .rrl-condition-rating {
        width: 100%;
    }

    .rrl-condition-item:hover {
        padding-left: 5px;
        padding-right: 5px;
    }

} */

.left-ft-padding{
	padding-left: 35px !important;
}