/*CLIENT FEEDBACK & GOOGLE REVIEWS */

.feedback-section {
background:#edf3fc;
padding:75px 0 80px;
}

.feedback-header {
max-width:760px;
margin:0 auto 45px;
text-align:center;
}

.feedback-header h2 {
margin:0 0 12px;
color:#004890;
font-size:clamp(28px,3vw,36px);
line-height:1.2;
}

.feedback-header p {
max-width:650px;
margin:0 auto;
color:#667085;
font-size:15px;
line-height:1.7;
}

/* VIDEO GRID */

.feedback-video-grid {
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:22px;
}

.feedback-video-card {
background:#fff;
border:1px solid #e5e7eb;
height:600px;
border-radius:16px;
overflow:hidden;
box-shadow:0 8px 25px rgba(20,20,20,.06);
transition:transform .25s ease,box-shadow .25s ease;
}

.feedback-video-card:hover {
transform:translateY(-4px);
box-shadow:0 14px 30px rgba(20,20,20,.10);
}

.feedback-video {
width:100%;
height:500px;
aspect-ratio:16/9;
background:#101828;
overflow:hidden;
}

.feedback-video video {
display:block;
width:100%;
height:100%;
object-fit:cover;
}

.feedback-video-info {
display:flex;
flex-direction:column;
gap:3px;
padding:14px 16px;
}

.feedback-video-info strong {
color:#141414;
font-size:20px;
}

.feedback-video-info span {
color:#667085;
font-size:17px;
}

/*GOOGLE REVIEWS*/

.google-review-heading {
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
margin-top:60px;
margin-bottom:22px;
}

.google-rating {
display:inline-flex;
align-items:center;
gap:8px;
padding:9px 14px;
background:#fff;
border:1px solid #e5e7eb;
border-radius:999px;
margin-top:20px;
color:#344054;
font-size:16px;
white-space:nowrap;
}

.google-star {
color:#fbbc04;
font-size:20px;
line-height:1;
}

.google-review-grid {
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:18px;
}

.google-review-card {
background:#fff;
border:1px solid #e5e7eb;
border-radius:14px;
width:100%;
max-width:100%;
min-width:0;
height:200px;
overflow:hidden;
box-shadow:0 6px 20px rgba(20,20,20,.05);
transition:transform .25s ease,box-shadow .25s ease;
}

.google-review-card:hover {
transform:translateY(-3px);
box-shadow:0 12px 25px rgba(20,20,20,.09);
}

.google-review-card img {
display:block;
width:100%;
height:200px;
object-fit:contain;
background:#fff;
}

/*MOBILE CAROUSEL */

.mobile-feedback-carousel,
.mobile-feedback-hint {
display:none;
}

/*TABLET*/

@media (max-width:1000px) {
.feedback-section {
padding:60px 0 65px;
}

.feedback-video-grid {
grid-template-columns:repeat(2,minmax(0,1fr));
gap:18px;
}

.feedback-video-card:last-child {
grid-column:1/-1;
width:calc(50% - 9px);
justify-self:center;
}

.google-review-grid {
grid-template-columns:repeat(2,minmax(0,1fr));
gap:18px;
}

.google-review-card img {
height:260px;
}
}

/*MOBILE*/

@media (max-width:600px) {
.feedback-section {
padding:45px 0 50px;
overflow:hidden;
}

.feedback-header {
margin-bottom:25px;
padding:0 5%;
}

.feedback-header .kicker {
font-size:12px;
}

.feedback-header h2 {
font-size:24px;
line-height:1.25;
}

.feedback-header p {
font-size:13px;
line-height:1.6;
}

/* HIDE DESKTOP SECTIONS */
.feedback-video-grid,
.google-review-heading,
.google-review-grid {
display:none;
}

/*COMBINED MOBILE CAROUSEL */

.mobile-feedback-carousel {
display:block;
width:100%;
overflow:hidden;
}

.mobile-feedback-track {
display:flex;
gap:15px;
width:100%;
overflow-x:auto;
overflow-y:hidden;
padding:5px 6% 12px;
scroll-snap-type:x mandatory;
scroll-behavior:smooth;
-webkit-overflow-scrolling:touch;
touch-action:pan-x;
scrollbar-width:none;
}

.mobile-feedback-track::-webkit-scrollbar {
display:none;
}

/*MOBILE FEEDBACK CARD */

.mobile-feedback-card {
flex:0 0 88%;
width:88%;
min-width:88%;
height:430px;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
overflow:hidden;
scroll-snap-align:center;
scroll-snap-stop:always;
box-shadow:0 7px 22px rgba(20,20,20,.07);
}

/* VIDEO */
.mobile-feedback-video {
width:100%;
height:365px;
background:#101828;
overflow:hidden;
}

.mobile-feedback-video video {
display:block;
width:100%;
height:100%;
object-fit:cover;
}

/* VIDEO INFO */
.mobile-feedback-info {
display:flex;
flex-direction:column;
gap:3px;
padding:12px 14px;
}

.mobile-feedback-info strong {
color:#141414;
font-size:16px;
line-height:1.3;
}

.mobile-feedback-info span {
color:#667085;
font-size:13px;
line-height:1.4;
}

/* REVIEW IMAGE */
.mobile-feedback-card.review-slide {
height:430px;
display:flex;
align-items:center;
justify-content:center;
background:#fff;
padding:8px;
}

.mobile-feedback-card.review-slide img {
display:block;
width:100%;
height:100%;
object-fit:contain;
object-position:center;
}

/* SWIPE TEXT */
.mobile-feedback-hint {
display:block;
text-align:center;
margin-top:7px;
color:#667085;
font-size:11px;
}

}

/* SMALL MOBILE*/

@media (max-width:380px) {
.feedback-section {
padding:38px 0 45px;
}

.feedback-header {
margin-bottom:22px;
}

.feedback-header h2 {
font-size:22px;
}

.feedback-header p {
font-size:12px;
}

.mobile-feedback-track {
gap:12px;
padding-left:5%;
padding-right:5%;
}

.mobile-feedback-card {
flex:0 0 90%;
width:90%;
min-width:90%;
height:390px;
border-radius:14px;
}

.mobile-feedback-video {
height:325px;
}

.mobile-feedback-info {
padding:10px 12px;
}

.mobile-feedback-info strong {
font-size:15px;
}

.mobile-feedback-info span {
font-size:12px;
}

.mobile-feedback-card.review-slide {
height:390px;
padding:7px;
}

.mobile-feedback-hint {
font-size:10px;
}
}