.btn-red-light,
.btn-red-review,
.contact-info a,
.simple-btn {
	text-decoration: none
}

@keyframes fadeIn {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes fadeUp {
	from {
		opacity: 0;

		.btn-red-light,
		.btn-red-review,
		.contact-info a,
		.simple-btn {
			text-decoration: none
		}

		@keyframes fadeIn {
			from {
				opacity: 0
			}

			to {
				opacity: 1
			}
		}

		@keyframes fadeUp {
			from {
				opacity: 0;
				transform: translateY(30px)
			}

			to {
				opacity: 1;
				transform: translateY(0)
			}
		}

		@keyframes slideDown {
			from {
				opacity: 0;
				transform: translateY(-30px)
			}

			to {
				opacity: 1;
				transform: translateY(0)
			}
		}

		.night-hero {
			position: relative;
			padding: 180px 0 200px;
			overflow: hidden
		}

		@media (max-width:768px) {
			.night-hero {
				padding: 100px 0 120px
			}

			.hero-text .main-title {
				font-size: 23px;
				font-weight: 500;
			}

			.hero-text .tagline {
				font-size: 18px;
				opacity: 1;
			}

			.hero-text .subtitle {
				font-size: 15px;
				margin-bottom: 25px
			}

			.night-search-box {
				padding: 15px 20px
			}
		}

		.night-overlay {
			position: absolute;
			inset: 0;
			background: rgb(0 0 0 / .65);
			backdrop-filter: blur(2px);
			z-index: 1
		}

		.hero-noise {
			position: absolute;
			inset: 0;
			opacity: .12;
			z-index: 2
		}

		.hero-text {
			position: relative;
			z-index: 10;
			text-align: center;
			color: #fff;
			animation: 1.2s fadeIn
		}

		.tagline {
			font-size: 24px;
			font-weight: 300;
			opacity: .85;
			animation: 1.2s fadeUp
		}

		.main-title {
			font-size: 58px;
			font-weight: 800;
			animation: 2s slideDown
		}

		.subtitle {
			font-size: 18px;
			opacity: .85;
			margin-bottom: 40px;
			animation: 1.4s fadeUp
		}

		.night-search-box {
			max-width: 900px;
			margin: 0 auto;
			padding: 25px 30px;
			border-radius: 16px;
			background: rgb(255 255 255 / .08);
			backdrop-filter: blur(15px);
			border: 1px solid rgb(255 255 255 / .25);
			box-shadow: 0 0 25px rgb(0 0 0 / .6);
			animation: 1.5s fadeUp
		}

		.night-btn {
			background: #c70b0bdb;
			border: none;
			color: #fff;
			font-weight: 500;
			font-size: 16px;
			height: 50px;
			border-radius: 10px;
			box-shadow: 0 0 15px #00000054;
			transition: .3s
		}

		.select2-container .select2-selection--single {
			background: rgb(255 255 255 / .1) !important;
			border: 1px solid rgb(255 255 255 / .3) !important;
			color: #fff !important;
			height: 50px !important;
			border-radius: 10px !important;
			backdrop-filter: blur(5px)
		}

		.select2-container--default .select2-selection--single .select2-selection__rendered {
			color: #fff !important;
			line-height: 48px !important;
			padding-left: 14px !important
		}

		.select2-container--default .select2-selection--single .select2-selection__arrow b {
			border-color: #fff #fff0 transparent !important
		}

		.select2-container .select2-dropdown {
			background: rgb(20 20 20 / .95) !important;
			color: #fff !important;
			border: 1px solid rgb(255 255 255 / .2);
			backdrop-filter: blur(6px)
		}

		.select2-results__option--highlighted {
			background: #e00303 !important
		}

		.crown-review-section,
		.crown-section-light {
			background: linear-gradient(to bottom, #000 0, #B80000 50%, #000 100%)
		}

		.crown-hero-light {
			padding: 80px 0
		}

		.hero-text .title {
			font-size: 30px;
			font-weight: 700;
			animation: 1s forwards fadeDown
		}

		.hero-text .subtitle {
			font-size: 22px;
			margin-top: 10px;
			animation: 1s .2s forwards fadeUp
		}

		.hero-text .description {
			font-size: 16px;
			margin-top: 15px;
			animation: 1s .4s forwards fadeUp
		}

		.hero-img {
			max-height: 400px;
			object-fit: cover;
			width: 100%;
			border-radius: 15px
		}

		.crown-cards-light {
			padding: 60px 0
		}

		.crown-card-light {
			background: #000;
			border-radius: 15px;
			overflow: hidden;
			transition: .4s;
			box-shadow: 0 10px 25px rgb(0 0 0 / .1);
			animation: 1s forwards fadeUp
		}

		.btn-red-light,
		.btn-red-light:hover {
			background-color: #0894f1;
			color: #fff
		}

		.crown-card-light:hover {
			transform: translateY(-8px);
			box-shadow: 0 15px 35px rgb(0 0 0 / .15)
		}

		.crown-card-light .card-img {
			width: 100%;
			height: 220px;
			object-fit: cover
		}

		.crown-card-light .card-body {
			padding: 20px;
			text-align: center
		}

		.author-box.social-list,
		.review-card .rating-list {
			list-style: none;
			padding: 0
		}

		.crown-card-light .card-body h4 {
			font-weight: 600;
			margin-bottom: 10px
		}

		.crown-card-light .card-body p {
			font-size: .95rem;
			margin-bottom: 15px;
			color: #fff
		}

		.btn-red-light {
			padding: 5px 20px;
			border-radius: 8px;
			display: inline-block;
			transition: .3s
		}

		.btn-red-light:hover {
			transform: translateY(-3px)
		}

		.review-title {
			font-weight: 700;
			font-size: 36px;
			color: #fff;
			animation: 1s forwards fadeDown
		}

		.crown-review-section p {
			font-size: 16px;
			color: #fff;
			animation: 1s .2s forwards fadeUp
		}

		.review-card {
			background: #000;
			border-radius: 15px;
			padding: 25px 20px;
			box-shadow: 0 10px 25px rgb(0 0 0 / .08);
			transition: .3s;
			position: relative;
			overflow: hidden;
			animation: 1s forwards fadeUp
		}

		.review-card:hover {
			transform: translateY(-6px);
			box-shadow: 0 15px 35px rgb(0 0 0 / .12)
		}

		.review-card .quote-icon {
			font-size: 36px;
			color: #00DBFF;
			margin-bottom: 15px
		}

		.review-card .review-text {
			font-size: 15px;
			color: #fff;
			line-height: 1.6;
			margin-bottom: 20px
		}

		.review-card .profile-flex {
			display: flex;
			align-items: center;
			justify-content: space-between
		}

		.review-card .profile-name h5 {
			margin: 0;
			font-weight: 600;
			color: #fff;
			font-size: 14px
		}

		.review-card .rating-list {
			display: flex;
			align-items: center;
			margin: 0
		}

		.review-card .rating-list li {
			color: #ffc107;
			margin-left: 2px;
			font-size: 14px
		}

		.review-card .rating-list li.ms-2 {
			color: #555;
			margin-left: 5px
		}

		.finance {
			background: #fff !important;
			color: #B80000;
			border: 3px solid #B80000 !important;
			border-radius: 5px
		}

		.btn-red-review {
			background-color: #B80000;
			color: #fff;
			padding: 8px 20px;
			border-radius: 8px;
			font-weight: 500;
			transition: .3s
		}

		.btn-red-review:hover {
			background-color: #B80000;
			transform: translateY(-2px);
			color: #fff
		}

		@keyframes fadeUp {
			from {
				opacity: 0;
				transform: translateY(20px)
			}

			to {
				opacity: 1;
				transform: translateY(0)
			}
		}

		@keyframes fadeDown {
			from {
				opacity: 0;
				transform: translateY(-20px)
			}

			to {
				opacity: 1;
				transform: translateY(0)
			}
		}

		.crown-footer-section {
			background: #000;
			color: #fff
		}

		.crown-footer-section .footer-title {
			font-weight: 600;
			margin-bottom: 15px;
			color: #fff
		}

		.crown-footer-section .footer-summary {
			font-size: 14px;
			color: #fff
		}

		.crown-footer-section .footer-links li {
			margin-bottom: 10px
		}

		.crown-footer-section .footer-links li a {
			color: #fff;
			text-decoration: none;
			transition: color .3s
		}

		.blog-details p,
		.crown-footer-section .footer-links li a:hover,
		h1,
		h2,
		h3,
		h4,
		h5 {
			color: #fff
		}

		.crown-footer-section .footer-social li a {
			font-size: 18px;
			color: #fff;
			transition: .3s
		}

		.crown-footer-section .footer-social li a:hover {
			color: #fff;
			transform: scale(1.2)
		}

		@media (max-width:768px) {
			.hero-text .title {
				font-size: 20px;
				font-weight: 400;
			}

			.hero-text .subtitle {
				font-size: 14px
			}

			.hero-text .description,
			.review-card .review-text {
				font-size: 14px
			}

			.crown-card-light .card-img {
				height: 180px
			}

			.crown-cards-light {
				padding: 40px 15px
			}

			.review-title {
				font-size: 25px;
				font-weight: 400;
			}

			.crown-footer-section .footer-title {
				text-align: center
			}

			.crown-footer-section .footer-links {
				text-align: center;
				padding: 0
			}

			.crown-footer-section .footer-social {
				justify-content: center
			}
		}

		.raida-it-title-block {
			font-size: 17px;
			line-height: 19px;
			overflow: hidden;
			margin: 0;
			font-weight: 500;
			color: #000
		}

		.raida-it-item .list-group-item ul {
			list-style-type: none;
			padding-inline-start: 0;
			display: inline-block;
			padding-right: 8px;
			min-width: 45%;
			max-width: 45%;
			height: 50px;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			font-weight: 300;
			font-size: 18px;
			color: #000
		}

		.raida-it-item .raida-it-price {
			font-weight: 600;
			font-size: 25px;
			display: block;
			margin-top: -6px
		}

		.raida-it-item .raida-it-price-tax {
			line-height: 12px;
			margin-top: 2px;
			display: block;
			font-size: 13px;
			font-weight: 400
		}

		.form-label {
			margin-bottom: 5px;
			font-size: 16px
		}

		input::placeholder {
			color: #999;
			font-size: 14px
		}

		textarea::placeholder {
			color: #999;
			font-size: 14px
		}

		.crown-contact-section .card,
		.hover-scale {
			transition: transform .3s, box-shadow .3s
		}

		.crown-contact-section .contact-icon,
		.simple-btn {
			transition: .3s
		}

		.crown-contact-section .card:hover {
			transform: translateY(-5px);
			box-shadow: 0 20px 40px rgb(0 0 0 / .5)
		}

		.crown-contact-section .contact-icon:hover {
			transform: scale(1.1);
			box-shadow: 0 5px 15px rgb(255 26 46 / .5)
		}

		.car-about-section.bg-light {
			background-color: #f9f9f9;
			color: #222
		}

		.car-about-section h2 {
			font-weight: 700;
			font-size: 2rem;
			margin-bottom: 1rem
		}

		.car-about-section p {
			font-weight: 400;
			line-height: 1.7
		}

		.simple-btn {
			display: inline-flex;
			align-items: center;
			gap: 8px;
			background: #c10000;
			color: #fff;
			padding: 10px 25px;
			border-radius: 50px;
			font-weight: 500
		}

		.author-box.social-icon,
		.chat-btn {
			display: flex;
			justify-content: center
		}

		.simple-btn:hover {
			background: #c10000;
			transform: translateY(-3px);
			box-shadow: 0 6px 15px rgb(0 0 0 / .2)
		}

		.about-bottom-img img,
		.about-top-img img {
			border-radius: 15px;
			box-shadow: 0 8px 20px rgb(0 0 0 / .1);
			transition: transform .3s
		}

		.about-bottom-img img:hover,
		.about-top-img img:hover {
			transform: scale(1.03)
		}

		.about-bottom-content,
		.about-top-content {
			padding: 1.5rem
		}

		.contact-section {
			background-color: #fff;
			padding: 100px 0;
			position: relative;
			overflow: hidden
		}

		.btn-hover,
		.btn-hover:hover {
			background-color: #c10000;
			color: #fff
		}

		.contact-title {
			font-size: 32px;
			font-weight: 700;
			color: #c10000;
			margin-bottom: 15px;
			transition: color .3s
		}

		.hover-scale:hover {
			transform: translateY(-5px);
			box-shadow: 0 20px 25px rgb(0 0 0 / .1)
		}

		.btn-hover {
			transition: .3s;
			border-radius: 8px;
			padding: 10px 25px;
			font-weight: 500
		}

		.btn-hover:hover {
			transform: translateY(-2px);
			box-shadow: 0 6px 12px rgb(0 0 0 / .1)
		}

		.contact-form input:focus,
		.contact-form textarea:focus {
			border-color: #c10000;
			box-shadow: 0 0 8px #c10000;
			outline: 0;
			transition: .3s
		}

		.contact-form input,
		.contact-form textarea {
			border: 1px solid #000;
			border-radius: 8px;
			padding: 5px 10px;
			width: 100%;
			transition: .3s
		}

		.contact-section p {
			font-size: 16px;
			color: #fff;
			line-height: 1.6;
			transition: .3s
		}

		.sell-form-wrapper {
			background-color: #fff;
			border-radius: 16px;
			box-shadow: 0 8px 25px rgb(0 0 0 / .1);
			padding: 40px 30px;
			transition: transform .3s, box-shadow .3s
		}

		.chat-btn,
		.icon-btn {
			cursor: pointer;
			box-shadow: 0 6px 18px rgb(0 0 0 / .25)
		}

		.sell-form-wrapper:hover {
			transform: translateY(-5px);
			box-shadow: 0 20px 35px rgb(0 0 0 / .12)
		}

		.sell-form-wrapper h3 {
			color: #c10000;
			font-size: 28px;
			font-weight: 700;
			margin-bottom: 10px
		}

		.sell-form-wrapper p {
			color: #6c757d;
			font-size: 15px;
			margin-bottom: 25px
		}

		.fade-in {
			opacity: 0;
			transform: translateY(20px);
			animation: .8s forwards fadeInUp
		}

		@keyframes fadeInUp {
			to {
				opacity: 1;
				transform: translateY(0)
			}
		}

		.about-author-main {
			margin-top: 3rem
		}

		.author-title {
			font-size: 1.8rem;
			font-weight: 700
		}

		.author-box {
			background: #fff;
			border: 1px solid #e9e9e9;
			transition: .3s
		}

		.author-box:hover {
			transform: translateY(-4px);
			box-shadow: 0 8px 25px rgb(0 0 0 / .08)
		}

		.author-avatar {
			width: 95px;
			height: 95px;
			object-fit: cover;
			border: 3px solid #f1f1f1
		}

		.author-info h4 {
			font-size: 1.3rem
		}

		.author-info h6 {
			font-size: .95rem;
			font-weight: 600
		}

		.contact-info a {
			font-size: .95rem
		}

		.chat-btn,
		.icon-btn a {
			color: #fff;
			font-size: 30px
		}

		.author-box.social-icon {
			width: 40px;
			height: 40px;
			background: #f4f4f4;
			border-radius: 50%;
			align-items: center;
			color: #333;
			font-size: 1.2rem;
			transition: .3s
		}

		.author-box.social-icon:hover {
			background: #c10000;
			color: #fff
		}

		#chatWidget {
			position: fixed;
			bottom: 20px;
			right: 20px;
			z-index: 99999
		}

		.chat-btn {
			background: #1A4174;
			width: 55px;
			height: 55px;
			border-radius: 50%;
			align-items: center;
			transition: .2s
		}

		.chat-btn:hover {
			transform: scale(1.08)
		}

		.chat-box {
			position: absolute;
			bottom: 70px;
			right: 5px;
			display: none
		}

		.icon-btn {
			width: 50px;
			height: 50px;
			margin-bottom: 12px;
			border-radius: 50%;
			display: flex;
			justify-content: center;
			align-items: center;
			font-size: 24px;
			color: #fff
		}

		.whatsapp {
			background: #25d366
		}

		.facebook {
			background: #1877f2
		}

		.call {
			background: #ff4800
		}

		.close {
			background: #c10000
		}

		#sidebar {
			padding-left: 0 !important;
			background: linear-gradient(to bottom, #000 0, #1A4174 50%, 100%) !important
		}

		.sold-overlay {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			width: 110px;
			height: auto;
			z-index: 10;
			pointer-events: none
		}

		.bg-custom {
			color: #B80000
		}

		transform: translateY(30px)
	}

	to {
		opacity: 1;
		transform: translateY(0)
	}
}

@keyframes slideDown {
	from {
		opacity: 0;
		transform: translateY(-30px)
	}

	to {
		opacity: 1;
		transform: translateY(0)
	}
}

.night-hero {
	position: relative;
	padding: 180px 0 200px;
	overflow: hidden
}

@media (max-width:768px) {
	.night-hero {
		padding: 100px 0 120px
	}

	.hero-text .main-title {
		font-size: 20px
	}

	.hero-text .tagline {
		font-size: 18px
	}

	.hero-text .subtitle {
		font-size: 15px;
		margin-bottom: 25px
	}

	.night-search-box {
		padding: 15px 20px
	}
}

.night-overlay {
	position: absolute;
	inset: 0;
	background: rgb(0 0 0 / .65);
	backdrop-filter: blur(2px);
	z-index: 1
}

.hero-noise {
	position: absolute;
	inset: 0;
	background: url(https://www.transparenttextures.com/patterns/asfalt-dark.png);
	opacity: .12;
	z-index: 2
}

.hero-text {
	position: relative;
	z-index: 10;
	text-align: center;
	color: #fff;
	animation: 1.2s fadeIn
}

.tagline {
	font-size: 24px;
	font-weight: 300;
	opacity: .85;
	animation: 1.2s fadeUp
}

.main-title {
	font-size: 50px;
	font-weight: 500;
	animation: 2s slideDown
}

.subtitle {
	font-size: 18px;
	opacity: .85;
	margin-bottom: 40px;
	animation: 1.4s fadeUp
}

.night-search-box {
	max-width: 900px;
	margin: 0 auto;
	padding: 25px 30px;
	border-radius: 16px;
	background: rgb(255 255 255 / .08);
	backdrop-filter: blur(15px);
	border: 1px solid rgb(255 255 255 / .25);
	box-shadow: 0 0 25px rgb(0 0 0 / .6);
	animation: 1.5s fadeUp
}

.night-btn {
	background: #0b7c8f;
	border: none;
	color: #fff;
	font-weight: 500;
	font-size: 16px;
	height: 50px;
	border-radius: 10px;
	box-shadow: 0 0 15px #00000054;
	transition: .3s
}

.select2-container .select2-selection--single {
	background: rgb(255 255 255 / .1) !important;
	border: 1px solid rgb(255 255 255 / .3) !important;
	color: #fff !important;
	height: 50px !important;
	border-radius: 10px !important;
	backdrop-filter: blur(5px)
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #fff !important;
	line-height: 48px !important;
	padding-left: 14px !important
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-color: #fff #fff0 transparent !important
}

.select2-container .select2-dropdown {
	background: rgb(20 20 20 / .95) !important;
	color: #fff !important;
	border: 1px solid rgb(255 255 255 / .2);
	backdrop-filter: blur(6px)
}

.select2-results__option--highlighted {
	background: #0b7c8f !important
}

.crown-review-section,
.crown-section-light {
	background: linear-gradient(to bottom, #000 0, #1A4174 50%, #000 100%)
}

.crown-hero-light {
	padding: 80px 0
}

.hero-text .title {
	font-size: 30px;
	font-weight: 700;
	animation: 1s forwards fadeDown
}

.hero-text .subtitle {
	font-size: 22px;
	margin-top: 10px;
	animation: 1s .2s forwards fadeUp
}

.hero-text .description {
	font-size: 16px;
	margin-top: 15px;
	animation: 1s .4s forwards fadeUp
}

.hero-img {
	max-height: 400px;
	object-fit: cover;
	width: 100%;
	border-radius: 15px
}

.crown-cards-light {
	padding: 60px 0
}

.crown-card-light {
	background: #000;
	border-radius: 15px;
	overflow: hidden;
	transition: .4s;
	box-shadow: 0 10px 25px rgb(0 0 0 / .1);
	animation: 1s forwards fadeUp
}

.btn-red-light,
.btn-red-light:hover {
	background-color: #1B9FCB;
	color: #fff
}

.crown-card-light:hover {
	transform: translateY(-8px);
	box-shadow: 0 15px 35px rgb(0 0 0 / .15)
}

.crown-card-light .card-img {
	width: 100%;
	height: 220px;
	object-fit: cover
}

.crown-card-light .card-body {
	padding: 20px;
	text-align: center
}

.author-box.social-list,
.review-card .rating-list {
	list-style: none;
	padding: 0
}

.crown-card-light .card-body h4 {
	font-weight: 600;
	margin-bottom: 10px
}

.crown-card-light .card-body p {
	font-size: .95rem;
	margin-bottom: 15px;
	color: #fff
}

.btn-red-light {
	padding: 5px 10px;
	border-radius: 5px;
	display: inline-block;
	transition: .3s;
	font-size: 13px;
	text-transform: uppercase;
}

.btn-red-light:hover {
	transform: translateY(-3px)
}

.review-title {
	font-weight: 700;
	font-size: 36px;
	color: #fff;
	animation: 1s forwards fadeDown
}

.crown-review-section p {
	font-size: 16px;
	color: #fff;
	animation: 1s .2s forwards fadeUp
}

.review-card {
	background: #000;
	border-radius: 15px;
	padding: 25px 20px;
	box-shadow: 0 10px 25px rgb(0 0 0 / .08);
	transition: .3s;
	position: relative;
	overflow: hidden;
	animation: 1s forwards fadeUp
}

.review-card:hover {
	transform: translateY(-6px);
	box-shadow: 0 15px 35px rgb(0 0 0 / .12)
}

.review-card .quote-icon {
	font-size: 36px;
	color: #00DBFF;
	margin-bottom: 15px
}

.review-card .review-text {
	font-size: 15px;
	color: #fff;
	line-height: 1.6;
	margin-bottom: 20px
}

.review-card .profile-flex {
	display: flex;
	align-items: center;
	justify-content: space-between
}

.review-card .profile-name h5 {
	margin: 0;
	font-weight: 600;
	color: #fff;
	font-size: 14px
}

.review-card .rating-list {
	display: flex;
	align-items: center;
	margin: 0
}

.review-card .rating-list li {
	color: #ffc107;
	margin-left: 2px;
	font-size: 14px
}

.review-card .rating-list li.ms-2 {
	color: #555;
	margin-left: 5px
}

.finance {
	background: #fff !important;
	color: #1B9FCB;
	border: 3px solid #1B9FCB !important;
	border-radius: 5px
}

.btn-red-review {
	background-color: #1B9FCB;
	color: #fff;
	padding: 8px 20px;
	border-radius: 8px;
	font-weight: 500;
	transition: .3s
}

.btn-red-review:hover {
	background-color: #1B9FCB;
	transform: translateY(-2px);
	color: #fff
}

@keyframes fadeUp {
	from {
		opacity: 0;
		transform: translateY(20px)
	}

	to {
		opacity: 1;
		transform: translateY(0)
	}
}

@keyframes fadeDown {
	from {
		opacity: 0;
		transform: translateY(-20px)
	}

	to {
		opacity: 1;
		transform: translateY(0)
	}
}

.crown-footer-section {
	background: #000;
	color: #fff
}

.crown-footer-section .footer-title {
	font-weight: 600;
	margin-bottom: 15px;
	color: #fff
}

.crown-footer-section .footer-summary {
	font-size: 14px;
	color: #fff
}

.crown-footer-section .footer-links li {
	margin-bottom: 10px
}

.crown-footer-section .footer-links li a {
	color: #fff;
	text-decoration: none;
	transition: color .3s;
	font-size: 14px;
}

.blog-details p,
.crown-footer-section .footer-links li a:hover,
h1,
h2,
h3,
h4,
h5 {
	color: #fff
}

.crown-footer-section .footer-social li a {
	font-size: 18px;
	color: #fff;
	transition: .3s
}

.crown-footer-section .footer-social li a:hover {
	color: #fff;
	transform: scale(1.2)
}

@media (max-width:768px) {
	.hero-text .title {
		font-size: 20px;
		font-weight: 400;
	}

	.hero-text .subtitle {
		font-size: 18px
	}

	.hero-text .description,
	.review-card .review-text {
		font-size: 14px
	}

	.crown-card-light .card-img {
		height: 180px
	}

	.crown-cards-light {
		padding: 40px 15px
	}

	.review-title {
		font-size: 25px;
		font-weight: 400;
	}

	.crown-footer-section .footer-title {
		text-align: center
	}

	.crown-footer-section .footer-links {
		text-align: center;
		padding: 0
	}

	.crown-footer-section .footer-social {
		justify-content: center
	}
}

.raida-it-title-block {
	height: 20px;
	font-size: 15px;
	line-height: 20px;
	overflow: hidden;
	margin: 0;
	font-weight: 400;
	color: #000
}

.raida-it-item .list-group-item ul {
	list-style-type: none;
	padding-inline-start: 0;
	display: inline-block;
	padding-right: 8px;
	min-width: 45%;
	max-width: 45%;
	height: 50px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: 300;
	font-size: 18px;
	color: #000
}

.raida-it-item .raida-it-price {
	font-weight: 600;
	font-size: 25px;
	display: block;
	margin-top: -6px
}

.raida-it-item .raida-it-price-tax {
	line-height: 12px;
	margin-top: 2px;
	display: block;
	font-size: 13px;
	font-weight: 400
}

.form-label {
	margin-bottom: 5px;
	font-size: 16px
}

input::placeholder {
	color: #999;
	font-size: 14px
}

textarea::placeholder {
	color: #999;
	font-size: 14px
}

.crown-contact-section .card,
.hover-scale {
	transition: transform .3s, box-shadow .3s
}

.crown-contact-section .contact-icon,
.simple-btn {
	transition: .3s
}

.crown-contact-section .card:hover {
	transform: translateY(-5px);
	box-shadow: 0 20px 40px rgb(0 0 0 / .5)
}

.crown-contact-section .contact-icon:hover {
	transform: scale(1.1);
	box-shadow: 0 5px 15px rgb(255 26 46 / .5)
}

.car-about-section.bg-light {
	background-color: #f9f9f9;
	color: #222
}

.car-about-section h2 {
	font-weight: 700;
	font-size: 2rem;
	margin-bottom: 1rem
}

.car-about-section p {
	font-weight: 400;
	line-height: 1.7
}

.simple-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: #c10000;
	color: #fff;
	padding: 10px 25px;
	border-radius: 50px;
	font-weight: 500
}

.author-box.social-icon,
.chat-btn {
	display: flex;
	justify-content: center
}

.simple-btn:hover {
	background: #c10000;
	transform: translateY(-3px);
	box-shadow: 0 6px 15px rgb(0 0 0 / .2)
}

.about-bottom-img img,
.about-top-img img {
	border-radius: 15px;
	box-shadow: 0 8px 20px rgb(0 0 0 / .1);
	transition: transform .3s
}

.about-bottom-img img:hover,
.about-top-img img:hover {
	transform: scale(1.03)
}

.about-bottom-content,
.about-top-content {
	padding: 1.5rem
}

.contact-section {
	background-color: #fff;
	padding: 100px 0;
	position: relative;
	overflow: hidden
}

.btn-hover,
.btn-hover:hover {
	background-color: #c10000;
	color: #fff
}

.contact-title {
	font-size: 32px;
	font-weight: 700;
	color: #c10000;
	margin-bottom: 15px;
	transition: color .3s
}

.hover-scale:hover {
	transform: translateY(-5px);
	box-shadow: 0 20px 25px rgb(0 0 0 / .1)
}

.btn-hover {
	transition: .3s;
	border-radius: 8px;
	padding: 10px 25px;
	font-weight: 500
}

.btn-hover:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 12px rgb(0 0 0 / .1)
}

.contact-form input:focus,
.contact-form textarea:focus {
	border-color: #c10000;
	box-shadow: 0 0 8px #c10000;
	outline: 0;
	transition: .3s
}

.contact-form input,
.contact-form textarea {
	border: 1px solid #000;
	border-radius: 8px;
	padding: 12px 15px;
	width: 100%;
	transition: .3s
}

.contact-section p {
	font-size: 16px;
	color: #fff;
	line-height: 1.6;
	transition: .3s
}

.sell-form-wrapper {
	background-color: #fff;
	border-radius: 16px;
	box-shadow: 0 8px 25px rgb(0 0 0 / .1);
	padding: 40px 30px;
	transition: transform .3s, box-shadow .3s
}

.chat-btn,
.icon-btn {
	cursor: pointer;
	box-shadow: 0 6px 18px rgb(0 0 0 / .25)
}

.sell-form-wrapper:hover {
	transform: translateY(-5px);
	box-shadow: 0 20px 35px rgb(0 0 0 / .12)
}

.sell-form-wrapper h3 {
	color: #c10000;
	font-size: 28px;
	font-weight: 700;
	margin-bottom: 10px
}

.sell-form-wrapper p {
	color: #6c757d;
	font-size: 15px;
	margin-bottom: 25px
}

.fade-in {
	opacity: 0;
	transform: translateY(20px);
	animation: .8s forwards fadeInUp
}

@keyframes fadeInUp {
	to {
		opacity: 1;
		transform: translateY(0)
	}
}

.about-author-main {
	margin-top: 3rem
}

.author-title {
	font-size: 1.8rem;
	font-weight: 700
}

.author-box {
	background: #fff;
	border: 1px solid #e9e9e9;
	transition: .3s
}

.author-box:hover {
	transform: translateY(-4px);
	box-shadow: 0 8px 25px rgb(0 0 0 / .08)
}

.author-avatar {
	width: 95px;
	height: 95px;
	object-fit: cover;
	border: 3px solid #f1f1f1
}

.author-info h4 {
	font-size: 1.3rem
}

.author-info h6 {
	font-size: .95rem;
	font-weight: 600
}

.contact-info a {
	font-size: .95rem
}

.chat-btn,
.icon-btn a {
	color: #fff;
	font-size: 30px
}

.author-box.social-icon {
	width: 40px;
	height: 40px;
	background: #f4f4f4;
	border-radius: 50%;
	align-items: center;
	color: #333;
	font-size: 1.2rem;
	transition: .3s
}

.author-box.social-icon:hover {
	background: #c10000;
	color: #fff
}

#chatWidget {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 99999
}

.chat-btn {
	background: #1A4174;
	width: 55px;
	height: 55px;
	border-radius: 50%;
	align-items: center;
	transition: .2s
}

.chat-btn:hover {
	transform: scale(1.08)
}

.chat-box {
	position: absolute;
	bottom: 70px;
	right: 5px;
	display: none
}

.icon-btn {
	width: 50px;
	height: 50px;
	margin-bottom: 12px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 24px;
	color: #fff
}

.whatsapp {
	background: #25d366
}

.facebook {
	background: #1877f2
}

.call {
	background: #ff4800
}

.close {
	background: #c10000
}

#sidebar {
	padding-left: 0 !important;
	background: linear-gradient(to bottom, #000 0, #1A4174 50%, 100%) !important
}

.sold-overlay {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 110px;
	height: auto;
	z-index: 10;
	pointer-events: none
}

.bg-custom {
	color: #1B9FCB
}