.fit-ss{
  --fit-accent:#5a1f4a;
  --fit-ink:#0b1b3a;
  --fit-text:#4a4f5c;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:36px;
  align-items:stretch;
  margin:0 auto;
  box-sizing:border-box;
}
.fit-ss *{box-sizing:border-box}

/* Left: video (right box ki height le leta hai) */
.fit-ss__video{
  position:relative;
  border-radius:16px;
  overflow:hidden;
  background:#111;
}
.fit-ss__video iframe,
.fit-ss__video video{
  position:absolute;inset:0;
  width:100%;height:100%;border:0;
}
.fit-ss__novideo {
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  color:#fff;font-size:15px;
}

/* Right: white card */
.fit-ss__card{
  display:flex;
  flex-direction:column;
  background:#fff;
  padding:15px !important;
  min-width:0;
	border-radius: 14px !important;
}
.fit-ss__head{margin-bottom:22px}   /* fixed, slide ke saath nahi hilega */
.fit-ss__eyebrow{
  display:flex;
	align-items:center;
	gap:10px;
	margin:0 0 6px;
  color: #0b1b3a;
	font-weight:600;
	font-size:15px;
	letter-spacing:.2px;
}



.fit-ss__title{
  margin:0;
	color:#000;
	font-size:clamp(28px,3.4vw,44px);
	font-weight:600 !important;
	line-height: 53px !important;
}
.fit-ss__dot {
	border-radius: 50% !important;
	height: 12px !important;
	width: 12px !important;
}
/* Slider */
.fit-ss__slider{flex:1;display:flex;flex-direction:column;min-height:0}
.fit-ss__viewport{overflow:hidden;flex:1}
.fit-ss__track{display:flex;height:100%;transition:transform .5s ease}
.fit-ss .fit-ss__slide{
  flex:0 0 100%;
  display:block;
  padding-right:4px;
}
/* Row 1: image left + description right */
.fit-ss .fit-ss__top{
  display:flex;
  flex-direction:row;
  align-items:center !important;
  gap:24px;
}
.fit-ss .fit-ss__photo{
  flex:0 0 160px;
  width:160px;height:160px;
  object-fit:cover;border-radius:16px;
}

.fit-ss__dot.is-active{
	background: #51243F !important;
	opacity: 1 !important;
}

.fit-ss__dot {
	background: #000 !important;
	opacity: .2;
	padding: 0 !important;
}
.fit-ss .fit-ss__quote{
  	flex:1 1 0;
	min-width:0;
  	margin:0;
	color:var(--fit-text);
	font-size:14px;
	font-family: 'Montserrat',sans-serif !important;
	line-height: 22px;
}
/* Row 2: naam + title image ke neeche, left me */
.fit-ss .fit-ss__meta{
  display:block;
  width:100%;
  margin-top:20px;
  text-align:left;
}
.fit-ss .fit-ss__name {
	margin:0 0 4px;
	color:#030303 !important;
	font-size:14px !important;
	font-weight:700;
	line-height:1.2;
	font-family: 'Kalista Bold', sans-serif !important;
}
.fit-ss .fit-ss__role {
	margin:0;
	color:var(--fit-ink);
	font-size:14px !important;
	font-family: 'Montserrat', sans-serif !important;
}

/* Dots */
.fit-ss__dots{display:flex;justify-content:center;gap:10px;padding-top:18px}
.fit-ss__dot{
  width:12px;height:12px;border-radius:50%;border:0;padding:0;cursor:pointer;
  background:#cfcfd4;transition:background .2s;
}
.fit-ss__dot.is-active{background:var(--fit-accent)}
.fit-ss__dot:focus-visible {
	outline:2px solid var(--fit-accent);
	outline-offset:3px;
}

/* Tablet / Mobile */
@media (max-width:991px){
  .fit-ss{grid-template-columns:1fr;gap:24px}
  .fit-ss__video {
	  min-height:0;
	  aspect-ratio:16/9};
}
@media (max-width:575px){
  .fit-ss__card {
	  padding:20px 18px 18px;
	}
  .fit-ss .fit-ss__top{gap:14px}
  .fit-ss .fit-ss__photo {
		flex-basis:110px;
		width:110px;
		height:110px;
}
  .fit-ss .fit-ss__quote {
	  font-size:14px
    text-align: center;
	}
	.fit-ss__title {
    font-size: 18px !important;
}
	.fit-ss .fit-ss__top {
    align-items: start;flex-direction: column;
}
	header.fit-ss__head {
    text-align: center;
}
	.fit-ss__eyebrow {
    margin: 0 0 0px;
    justify-content: center;
}
	.fit-ss .fit-ss__meta {
    text-align: center;
}
}
@media (prefers-reduced-motion:reduce) {
	.fit-ss__track {
		transition:none
	}
}