.home-hero{
	background-image: url('/wp-content/uploads/2026/06/rider-d-hero-scaled.webp');
}

.impact-card {
	background-color: #E42A2C0D;
}

.stat-number {
	color: #E42A2C;
	font-weight: 800;
	margin-bottom: 0.5rem;
}

/* Label text styling */
.stat-label {
	font-weight: 600;
	color: #333;
	margin-bottom: 0;
}

/* how it work section */

.step-card {
	height: 500px;
	background-size: cover;
	background-position: center;
	border-radius: 20px;
	display: flex;
	align-items: flex-end;
	overflow: hidden;
	border: none;
}

@media (min-width: 1600px) {
	.step-card{
		height: 600px;
	}
	
	.services-accordion{
		gap: 50px !important;
	}
	
	.insight-left-img{
		height: 100% !important;
		width: 365px !important;
		object-fit: cover;
	}
}

/* Background images for cards */
.step-1 { background-image: url('/wp-content/uploads/2026/04/how-1.webp'); }
.step-2 { background-image: url('/wp-content/uploads/2026/04/how-2.webp'); }
.step-3 { background-image: url('/wp-content/uploads/2026/04/how-3.webp'); }

.step-card .card-content {
	position: relative;
	z-index: 2;
    background: linear-gradient(180deg, rgb(0 0 0 / 1%) 0%, #000000ed 100%);
    backdrop-filter: blur(2px);
}

/* service section start */

.services-accordion {
	display: flex;
	height: 500px;
	gap: 15px;
	overflow: hidden;
}


@media (min-width: 1600px) {
	.services-accordion{
		height: 600px;
	}
}

.service-box {
	flex: 1;
	background-size: cover;
	background-position: center;
	border-radius: 20px;
	cursor: pointer;
	position: relative;
	transition: flex 0.5s ease;
	display: flex;
	align-items: center;
	justify-content: end;
	overflow: hidden;
}

.service-box .content{
	background: linear-gradient(to left, rgba(0, 0, 0, 0.8), transparent);
	height: 100%;
	padding: 20px;
	display: flex;
	text-align: center;
}

/* Closed state: Hide description and rotate title */
.hidden-description {
	display: none;
}

.service-box .content h3 {
	writing-mode: vertical-rl;
	transform: rotate(180deg);
	margin: 0;
	white-space: nowrap;
	color: white;
}

/* Active state: Show description and reset title */
.service-box.active {
	flex: 3;
	align-items: flex-end;
}

.service-box.active .content {
	width: 100%;
	text-align: center;
	background: linear-gradient(to top, rgba(0,0,0,0.8), transparent);
	backdrop-filter: blur(3px);
	padding: 2rem;
	display: unset;
	height: unset;
}

.service-box.active .content h3 {
	writing-mode: horizontal-tb;
	transform: none;
	margin-bottom: 10px;
}

.service-box.active .hidden-description {
	display: block;
	color: #fff;
	margin: 0;
}

.service-box.active{
	padding-right: 0;
}
/* service section end */

/* tab section start */
.custom-tabs-container {
	border-radius: 10px;
	border: 1px solid #0000001A;
	padding: 10px;
	display: flex;
	justify-content: space-around;
	margin-bottom: 30px;
	gap: 10px;
}

.nav-pills .nav-link {
	color: #2d2d2d;
	font-weight: 400;
	padding: 12px 20px;
	border-radius: 0;
	background: transparent;
	border: none;
	font-size: 16px;
}

.nav-pills .nav-link.active {
/* 	background-color: #ef3e36; */
	background: linear-gradient(180deg, #F04B4A 0%, #E22426 100%);
	color: white;
/* 	clip-path: polygon(7% 0%,100% 0%,100% 0%,100% 67%,91% 100%,1% 100%,0% 100%,0% 32%); */
	border-radius: 8px;
}

.feature-content-wrapper {
	display: flex;
	align-items: center;
	min-height: 400px;
}

/* .feature-text-side h2 {
	font-weight: 700;
	font-size: 2.5rem;
	color: #2d2d2d;
	margin-bottom: 20px;
}

.feature-text-side p {
	font-size: 1.1rem;
	line-height: 1.6;
	color: #6c757d;
} */

.feature-image-side {
	position: relative;
	display: flex;
	justify-content: end;
}

.feature-image-side img {
	max-width: 100%;
	height: auto;
}

@media (max-width: 991px) {
	.custom-tabs-container {
		flex-wrap: wrap;
		justify-content: center;
	}
	.feature-text-side {
		text-align: center;
		margin-bottom: 40px;
	}
	.image-bg-decoration {
		display: none;
	}
}
/* tab section end */

.grow-section{
	background-image: url(/wp-content/uploads/2026/04/grow-banner.webp);
}

.testimonial-card {
  transition: transform 0.3s ease;
  border: 1px solid #eee !important;
}

/* Make the center card pop out */
.slick-center .testimonial-card {
  transform: scale(1.05);
  box-shadow: 0 10px 30px rgba(0,0,0,0.1);
  border-color: #dc3545 !important;
}
.review-arrows .slick-arrow{
	height: 45px;
	width: 45px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.review-arrows .review-next{
	background-color: #000000;
	border: none;
}

.review-arrows .review-next svg path{
	stroke: #ffffff;
}

.review-arrows .review-prev {
	border: 1px solid #000000;
}

.testimonial-slider .slick-list{
	padding-top: 60px !important;
}

.testimonial-slider .slick-active{
	transform: translateY(-50px);
    transition: transform 0.4s ease;
}

.testimonial-slider .slick-slide{
	opacity: 0.65;
	filter: blur(0.5px);
}

.testimonial-slider .slick-active{
	opacity: 1;
	filter: blur(0);
}

.pre-footer-section{
	padding: 60px;
	overflow: hidden;
}

.pre-footer-img{
	position: absolute;
    bottom: 0;
    right: 0;
}

.pre-footer-section .sm-font{
	font-size: 16px;
}

@media (max-width: 1024px){
	.pre-footer-section{
		padding: 30px 30px 470px 30px;
	}
}

@media (max-width: 767px){
	.home-hero{
		background-image: url("/wp-content/uploads/2026/04/home-hero-m.webp");
	}
	
	.how-btn{
		display: block;
		width: 215px;
	}
	
	.home-service-slider .service-slide{
		height: 290px;	
		display: flex;
		width: 100% !important;
		background-size: cover;
		align-items: end;
		border-radius: 15px;
		overflow: hidden;
		background-repeat: no-repeat;
	}
	
	.home-service-slider .service-slide .content{
		padding: 25px;
		text-align: center;
		background: linear-gradient(to top, rgba(0,0,0,0.8), transparent);
		backdrop-filter: blur(3px);
	}
	
	.home-service-slider .slick-dots li button,
	.post-slider .slick-dots li button{
		display: none;
	}
	
	.home-service-slider .slick-dots li button::before,
	.post-slider .slick-dots li button::before{
		content: none;
	}
	
	.home-service-slider .slick-dots li,
	.post-slider .slick-dots li{
		height: 10px;
		width: 10px;
		background: #939393;
		border-radius: 10px;
	}
	
	.home-service-slider .slick-dots li.slick-active,
	.post-slider .slick-dots li.slick-active{
		width: 20px;
		background: #262A37;
	}
	
	.home-service-slider .slick-track{
		display: flex;
		gap: 10px;
	}
	
	.grow-section{
		background-image: url("/wp-content/uploads/2026/04/grow-banner-m.webp");
	}
	
	.testimonial-slider .slick-active{
		transform: unset;
	}
	
	.testimonial-slider .slick-list{
		padding-top: 0 !important;
	}
	
	.pre-footer-section{
		padding: 36px 12px 380px 12px;
		border-radius: 16px !important;
	}
	
	.pre-footer-section .pre-footer-img img{
		height: 350px;
	}
	
	.step-card{
		height: 410px;	
	}
	
	.stat-number{
		font-size: 24px !important;	
	}
	
	.custom-tabs-container .nav-pills li,
	.custom-tabs-container .nav-pills li button{
		width: 100%;
	}
	
	.feature-icon{
		height: 72px;
		width: 72px;
	}
	
	.post-slider .slick-dots{
		bottom: -45px !important;
	}
}