.htmm.htmm-testimonials :where(h1,h2,h3,h4,h5,h6,p,ul,ol,li,a,span,strong,em,small,label,blockquote,figure){color:inherit;text-transform:none}
.htmm.htmm-testimonials :where(ul,ol){margin:0;padding:0}
.htmm.htmm-testimonials :where(img){border:0;box-shadow:none;border-radius:0}
.htmm.htmm-testimonials :where([id]){scroll-margin-top:96px}
.htmm.htmm-testimonials{--bg:#0A0716; --surface:#15112B; --surface-2:#1D1739; --edge:rgba(255,255,255,.08); --edge-2:rgba(255,255,255,.16); --gold:#E8B75A; --gold-2:#F6DDA6; --violet:#7A55DE; --violet-2:#A886F5; --text:#FFFFFF; --text-2:#A9A3C4; --text-3:#6F6890; --r:22px; --r-sm:16px; --wrap:1220px; --pad:clamp(1.15rem,4.5vw,3rem); --ease:cubic-bezier(.2,.7,.2,1);}
.htmm.htmm-testimonials,.htmm.htmm-testimonials *,.htmm.htmm-testimonials *::before,.htmm.htmm-testimonials *::after{box-sizing:border-box}
.htmm.htmm-testimonials{-webkit-text-size-adjust:100%}
.htmm.htmm-testimonials{margin:0;background:var(--bg);color:var(--text); font-family:"Plus Jakarta Sans",system-ui,sans-serif;font-size:16.5px;line-height:1.7; -webkit-font-smoothing:antialiased;overflow-x:hidden;overflow-x:clip}
.htmm.htmm-testimonials .hm-h-md{margin:0;font-family:"Playfair Display",Georgia,serif;font-weight:700;letter-spacing:-.012em;line-height:1.12}
.htmm.htmm-testimonials p{margin:0 0 1.1em}
.htmm.htmm-testimonials p:last-child{margin-bottom:0}
.htmm.htmm-testimonials ::selection{background:var(--gold);color:#0A0716}
.htmm.htmm-testimonials .hm-h-md{font-size:clamp(1.45rem,2.4vw,2rem)}
.htmm.htmm-testimonials .hm-wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--pad);position:relative;z-index:2}
.htmm.htmm-testimonials .hm-section{padding:clamp(3.75rem,8vw,7rem) 0;position:relative}
.htmm.htmm-testimonials :focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:6px}
.htmm.htmm-testimonials .hm-tcols{display:grid;grid-template-columns:repeat(3,1fr);gap:1.35rem;align-items:stretch}
.htmm.htmm-testimonials .hm-tcard{display:flex;flex-direction:column;height:100%;background:var(--surface);border:1px solid var(--edge); border-radius:var(--r);padding:1.8rem;transition:transform .4s var(--ease),border-color .4s,background .4s}
.htmm.htmm-testimonials .hm-tcard:hover{transform:translateY(-5px);border-color:var(--edge-2);background:var(--surface-2)}
.htmm.htmm-testimonials .hm-tcard__mark{width:34px;height:34px;border-radius:50%;background:rgba(232,183,90,.14);border:1px solid rgba(232,183,90,.3);display:grid;place-items:center;color:var(--gold);font-size:1.25rem;font-weight:800;margin-bottom:1.15rem}
.htmm.htmm-testimonials .hm-tcard__quote{font-size:1.02rem;color:var(--text-2);margin-bottom:1.35rem;flex:1}
.htmm.htmm-testimonials .hm-tcard__name{font-size:1rem;font-weight:700}
.htmm.htmm-testimonials .hm-tcard__role{font-size:.78rem;color:var(--text-3);margin:.15rem 0 1.1rem}
.htmm.htmm-testimonials .hm-tcard__more{align-self:flex-start;background:none;border:0;padding:0;cursor:pointer;font-family:inherit;font-size:.79rem;font-weight:700;color:var(--gold);display:inline-flex;gap:.4rem;transition:gap .3s var(--ease)}
.htmm.htmm-testimonials .hm-tcard__more:hover{gap:.75rem}
.htmm.htmm-testimonials .hm-modal{position:fixed;inset:0;z-index:200;display:none}
.htmm.htmm-testimonials .hm-modal[data-open="true"]{display:block}
.htmm.htmm-testimonials .hm-modal__scrim{position:absolute;inset:0;background:rgba(4,2,12,.86);backdrop-filter:blur(6px);animation:htmm-fade .3s ease}
@keyframes htmm-fade{from{opacity:0}to{opacity:1}}
.htmm.htmm-testimonials .hm-modal__panel{position:relative;max-width:720px;margin:6vh auto;background:var(--surface);max-height:88vh;overflow:auto; padding:clamp(1.75rem,4vw,2.75rem);border:1px solid var(--edge-2);border-radius:var(--r); box-shadow:0 60px 120px -50px #000;animation:htmm-pop .4s var(--ease)}
@keyframes htmm-pop{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
.htmm.htmm-testimonials .hm-modal__close{position:absolute;top:1rem;right:1rem;width:40px;height:40px;border-radius:50%;border:1px solid var(--edge);background:none;cursor:pointer;color:var(--text)}
.htmm.htmm-testimonials .hm-modal__close:hover{background:var(--surface-2)}
.htmm.htmm-testimonials .hm-modal__role{font-size:.74rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin:.6rem 0 1.5rem}
.htmm.htmm-testimonials .hm-modal__body{color:var(--text-2);white-space:pre-line}
.htmm.htmm-testimonials .hm-reveal{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.htmm.htmm-testimonials .hm-reveal.hm-is-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
.htmm.htmm-testimonials,.htmm.htmm-testimonials *{animation:none!important;transition:none!important}
.htmm.htmm-testimonials .hm-reveal{opacity:1;transform:none}
}
@media (max-width:1080px){
.htmm.htmm-testimonials .hm-tcols{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
.htmm.htmm-testimonials .hm-tcols{grid-template-columns:1fr}
.htmm.htmm-testimonials .hm-modal__panel{margin:0;min-height:100vh;max-height:100vh;border-radius:0}
}
/* --- WordPress / Elementor --- */
.htmm.htmm-testimonials.htmm-portal{position:static;height:0;overflow:visible;background:none}
.htmm.htmm-testimonials .hm-tcard__full{display:none}
.htmm.htmm-testimonials .hm-tcard__more{color:var(--gold);line-height:normal;text-transform:none;letter-spacing:normal;border-radius:0}
.htmm.htmm-testimonials.htmm-no-rv .hm-reveal{opacity:1;transform:none}
/* close (✕) button: theme ke button styles ise oval na banayein */
.htmm.htmm-testimonials .hm-modal__close{display:grid !important;place-items:center;width:40px !important;height:40px !important;min-width:0 !important;min-height:0 !important;padding:0 !important;margin:0 !important;border-radius:50% !important;border:1px solid var(--edge) !important;background:transparent !important;color:var(--text) !important;font-size:16px !important;line-height:1 !important;box-shadow:none !important;text-transform:none !important;letter-spacing:0 !important}
.htmm.htmm-testimonials .hm-modal__close:hover{background:var(--surface-2) !important}
.htmm.htmm-testimonials .hm-modal__close:focus{outline:none}
.htmm.htmm-testimonials .hm-modal__close:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:50% !important}
.htmm.htmm-testimonials .hm-modal__panel:focus{outline:none}
