.swiper { width: 100%; padding-top: 40px; padding-bottom: 80px; overflow: visible !important; }

.swiper-slide {
	transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
	opacity: 0.4;
	transform: scale(0.9);
}

/* Center Card - Exactly like screenshot */
.swiper-slide-active {
	opacity: 1;
	transform: scale(1.08); /* Highlighted Center */
	z-index: 50;
}

.testimonial-card {
	background: white;
	border-radius: 28px;
	padding: 40px;
	height: 100%;
	min-height: 340px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	box-shadow: 0 15px 40px rgba(0,0,0,0.04);
	border: 1px solid #f1f1f1;
	transition: background 0.5s ease, transform 0.5s ease;
}

/* Orange Active Slide */
.swiper-slide-active .testimonial-card {
	background: #f57d24;
	color: white;
	box-shadow: 0 25px 50px rgba(245, 125, 36, 0.3);
	border-color: transparent;
}

.swiper-slide-active .quote-text { color: rgba(255,255,255,0.95); }
.swiper-slide-active .client-name { color: white; }
.swiper-slide-active .client-role { color: #fee2e2; }
.swiper-slide-active .star-icon { color: #facc15; }

/* Swiper Navigation Buttons */
.hrms-swiper-next,
.hrms-swiper-prev {
    background: #ffffff !important;
    width: 52px !important;
    height: 52px !important;
    border-radius: 50% !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1) !important;
    transition: all 0.3s ease !important;
    border: 1px solid #f1f1f1 !important;
    top: 50% !important;
    margin-top: -60px !important; /* Adjusted for card scale */
    z-index: 30 !important;
}

.hrms-swiper-next:after,
.hrms-swiper-prev:after {
    font-size: 1.25rem !important;
    font-weight: 900 !important;
    color: #f57d24 !important;
}

.hrms-swiper-next {
    right: 40px !important;
}

.hrms-swiper-prev {
    left: 40px !important;
}

.hrms-swiper-next:hover,
.hrms-swiper-prev:hover {
    background: #f57d24 !important;
    transform: scale(1.1);
    box-shadow: 0 15px 30px rgba(245, 125, 36, 0.25) !important;
}

.hrms-swiper-next:hover:after,
.hrms-swiper-prev:hover:after {
    color: #ffffff !important;
}

/* Gradient Overlays (Side Fades) */
.side-fade-left {
	position: absolute; left: 0; top: 0; bottom: 0; width: 250px;
	background: linear-gradient(to right, #FAF9FF 20%, transparent);
	z-index: 20; pointer-events: none;
}
.side-fade-right {
	position: absolute; right: 0; top: 0; bottom: 0; width: 250px;
	background: linear-gradient(to left, #FAF9FF 20%, transparent);
	z-index: 20; pointer-events: none;
}