﻿/* Client voices in a quiet editorial layout with tactile glass cards. */
.client-stories{position:relative;overflow:hidden;padding:100px 28px 105px;background:radial-gradient(ellipse at 100% 10%,#1c584335,transparent 55%),#070f11;border-block:1px solid #537b6024;color:#e7f4ec}
.client-stories>.container{max-width:1320px}
.client-stories-layout{display:grid;grid-template-columns:.8fr 2fr;gap:70px;align-items:center}
.client-stories-intro :is(h5,.semantic-eyebrow){font:500 10px/1.6 'Rubik',sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#8bd1ad;margin:0 0 28px;display:flex;align-items:center;gap:12px}
.client-stories-intro :is(h5,.semantic-eyebrow):before{content:'';width:24px;height:1px;background:#70b594;flex-shrink:0}
.client-stories-intro h2{font:500 clamp(36px,3.8vw,58px)/1.08 'Rubik',sans-serif;letter-spacing:-.05em;color:#f1f7f4;margin:0}
.client-stories-intro h2 em{font-weight:400;color:#8cd5af}
.client-stories-rule{width:42px;height:2px;background:#458367;margin:28px 0 38px}
.client-stories-controls{display:flex;gap:10px;align-items:center}
.client-stories-controls button{display:grid;place-items:center;width:43px;height:43px;border:1px solid #507c635c;border-radius:50%;background:transparent;color:#c3e9d2;font-size:21px;transition:background .25s,border-color .25s,transform .25s}
.client-stories-controls button:hover{background:#2c62473d;border-color:#8fcda8;transform:translateY(-2px)}
.client-stories-controls button:focus-visible{outline:2px solid #9ddfbc;outline-offset:4px}
.stories-count{font:400 12px 'Rubik',sans-serif;margin-left:15px;color:#d1e8db;letter-spacing:.1em}
.stories-count>span{color:#6d8d79;margin-left:5px}
.client-stories-slider{min-width:0}
.client-stories-carousel:not(.owl-loaded){display:block}
#client-stories .owl-stage{display:flex}
#client-stories .owl-item{display:flex;float:none}
#client-stories .testimonial-card{width:100%;margin:0;border:1px solid #688e702e;border-radius:22px;padding:29px;background:linear-gradient(145deg,#1b362caa,#0c181899);box-shadow:inset 0 1px 0 #c8ffe511;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;flex-direction:column;min-height:390px;overflow:hidden;transition:border-color .35s,box-shadow .35s}
#client-stories .testimonial-card:before{width:85px;left:29px;height:1px;background:linear-gradient(90deg,#8bd6ad99,transparent)!important}
#client-stories .testimonial-card:hover{transform:none;border-color:#7bb28a80;box-shadow:inset 0 1px 0 #c8ffe526,0 0 28px #377f4b0b}
#client-stories .testimonial-header{margin:0 0 29px;gap:22px;align-items:center}
#client-stories .client-logo{width:116px;height:54px;padding:9px 12px;border-radius:10px;background:linear-gradient(140deg,#f4faf6,#e1f0e9);box-shadow:none;flex-shrink:0}
#client-stories .client-logo img{width:auto;max-width:100%;max-height:100%;object-fit:contain;filter:none;transform:none}
#client-stories .client-logo:hover{transform:none;box-shadow:none}
#client-stories .quote-icon{width:auto;height:auto;background:transparent!important;color:#6cba8d;font-size:29px;box-shadow:none;border-radius:0;opacity:.55}
#client-stories .testimonial-content{display:flex;flex-direction:column;flex:1}
#client-stories .testimonial-text{padding:0;margin:0 0 30px;font:400 14px/1.9 'Rubik',sans-serif;color:#c5d8cc}
#client-stories .testimonial-text:before{display:none}
#client-stories .client-info{gap:7px;border-top:1px solid #6fa17d26;margin-top:auto;padding-top:22px}
#client-stories .client-name{font:500 13px/1.6 'Rubik',sans-serif;color:#ecf7f0}
#client-stories .client-info a:hover .client-name{color:#9de4ba}
#client-stories .client-role{font-size:11px;line-height:1.6;color:#83a48e}
#client-stories .owl-dots{display:flex;justify-content:flex-start;gap:8px;margin-top:24px}
#client-stories .owl-dot{width:22px;height:3px;border-radius:3px;background:#3d624b!important;transition:width .25s,background .25s}
#client-stories .owl-dot.active{width:42px;background:#92d5af!important}
#client-stories .owl-dot:focus-visible{outline:2px solid #9ddfbc;outline-offset:4px}
@media(max-width:1199px){.client-stories-layout{grid-template-columns:1fr 1.6fr;gap:45px}#client-stories .testimonial-card{min-height:355px}}
@media(max-width:767px){.client-stories{padding:65px 18px 70px}.client-stories-layout{grid-template-columns:1fr;gap:32px}.client-stories-intro :is(h5,.semantic-eyebrow){margin-bottom:18px}.client-stories-intro h2{font-size:43px}.client-stories-intro h2 br{display:none}.client-stories-rule{display:none}.client-stories-controls{margin-top:25px}#client-stories .testimonial-card{padding:25px;min-height:380px}#client-stories .testimonial-text{font-size:14px}#client-stories .owl-dots{margin-top:20px}}
@media(prefers-reduced-motion:reduce){.client-stories-controls button,#client-stories .testimonial-card,#client-stories .owl-dot{transition:none}.client-stories-controls button:hover{transform:none}}
