body{
background:#f8f8f8;
}

.testimonials{
padding:70px 0 30px;
background:#fff;
}

.testimonialshead{
text-align:center;
margin-bottom:30px;
}

.testimonialshead h2{
font-size:40px;
color:#070F5A;
margin-bottom:16px;
}

.testimonialshead p{
font-size:24px;
color:#3C4959;
max-width:700px;
margin:auto;
}

/* ================= REAL STORIES SECTION ================= */

.real-stories-section{
margin-bottom:18px;
}

.real-stories-badge{
display:inline-block;
background:#070F5A;
color:#fff;
font-size:15px;
font-weight:600;
padding:8px 20px;
border-radius:5px 5px 0 0;
white-space:nowrap;
margin-bottom:0;
}

.real-stories-line{
display:block;
width:100%;
height:1.5px;
background:#e0e0e0;
margin:0;
border:none;
}

/* ================= VIDEO SLIDER ================= */

.video-slider .videotestimonials{
margin: 0;
position:relative;
cursor:pointer;
}

.video-slider img{
width:100%;
height:320px;
object-fit:cover;
border-radius:8px;
}

.video-title{
text-align:center;
font-size:14px;
color:#3C4959;
margin-top:10px;
}

.videobtns{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
font-size:50px;
color:red;
line-height:1;
}

/* ================= VIDEO SLIDER ARROWS ================= */

.video-slider-arrows{
margin-top:20px;
margin-bottom:10px;
}

/* ================= CUSTOM ARROWS ================= */

.custom-arrow{
background:none;
border:none;
color:#070F5A;
font-size:20px;
margin:0 10px;
cursor:pointer;
padding:5px 10px;
transition:0.3s;
}

.custom-arrow:hover{
color:#F8A401;
}

/* ================= TABS ================= */

.testimonial-tabs{
margin:30px 0 0;
display:flex;
flex-wrap:nowrap;
align-items:center;
overflow-x:auto;
-webkit-overflow-scrolling:touch;
scrollbar-width:none;
border-bottom:1.5px solid #e0e0e0;
padding-bottom:0;
}

.testimonial-tabs::-webkit-scrollbar{
display:none;
}

.tab-btn{
background:none;
border:none;
font-size:15px;
margin:0 5px;
padding:8px 20px;
border-radius:5px;
color:#070F5A;
font-weight:500;
transition:0.3s;
white-space:nowrap;
flex-shrink:0;
}

.tab-btn:first-child{
margin-left:0;
}

.tab-btn.active{
background:#070F5A;
color:#fff;
border-radius:5px 5px 0 0;
}

.tab-btn:hover:not(.active){
color:#070F5A;
opacity:0.7;
}

/* ================= TEXT TESTIMONIALS ================= */

.texttestimonials{
margin-top:25px;
}

.texttestimonildata{
background:#022B5F;
color:#fff;
padding:22px;
border-radius:18px;
margin:0 12px;
min-height:220px;
transition:0.3s;
}

.texttestimonials .slick-slide:not(.custom-center) .texttestimonildata{
opacity:0.4;
}

.texttestimonials .custom-center .texttestimonildata,
.texttestimonials .slick-center .texttestimonildata{
opacity:1;
}

/* ================= TESTIMONIAL HEADER (avatar + name side by side) ================= */

.testimonial-header{
display:flex;
align-items:center;
gap:12px;
margin-bottom:10px;
}

/* ================= AVATAR ================= */

.testimonial-avatar{
width:54px;
height:54px;
border-radius:50%;
background:#1a4a8a;
display:flex;
align-items:center;
justify-content:center;
flex-shrink:0;
}

.testimonial-avatar i{
font-size:22px;
color:#fff;
}

/* ================= NAME & ROLE ================= */

.testimonitaltname h2{
font-size:20px;
font-weight:700;
margin-bottom:2px;
color:#fff;
}

.testimonitaltname p{
font-size:15px;
color:#aac4e0;
margin-bottom:0;
}

.testimonialstar{
color:#F8A401;
margin-bottom:10px;
font-size:13px;
}

.testimonialtcontent p{
font-size:14px;
line-height:1.6;
color:#e0ecf8;
font-weight: 500;
}

/* ================= TESTIMONIAL SLIDER ARROWS ================= */

.testimonial-slider-arrows{
margin-top:22px;
}

/* Hide default slick arrows */
.texttestimonials .slick-prev,
.texttestimonials .slick-next,
.video-slider .slick-prev,
.video-slider .slick-next{
display:none !important;
}

/* ================= Responsive - Bigger Screens ================= */

@media(min-width:1200px){
.custom-arrow{
font-size:32px;
padding:8px 16px;
}
}

@media(min-width:1440px){
.custom-arrow{
font-size:42px;
padding:10px 20px;
}
}

@media(min-width:1920px){
.custom-arrow{
font-size:54px;
padding:12px 24px;
}
}

/* ================= Responsive ================= */

@media(max-width:991px){
.texttestimonildata{
margin:0 8px;
}
}

@media(max-width:768px){
.video-slider img{
height:200px;
}
.texttestimonildata{
margin:0 5px;
}
}

/* ================= VIDEO SLIDER LAYOUT ================= */
#videoSlider {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    scroll-behavior: smooth;
    gap: 15px;
    padding-bottom: 15px;
    -ms-overflow-style: none;
    scrollbar-width: none;
    scroll-snap-type: x mandatory; /* Force snapping to items */
}

#videoSlider::-webkit-scrollbar {
    display: none;
}

#videoSlider .videotestimonials {
    flex: 0 0 calc(50% - 7.5px);
    max-width: calc(50% - 7.5px);
    scroll-snap-align: start; /* Align item start to container start */
}

@media (max-width: 768px) {
    #videoSlider .videotestimonials {
        flex: 0 0 100%;
        max-width: 100%;
    }
}