#container {
            max-width: 900px;
            margin: auto;
            padding: 120px 20px;
        }

    .subtitle {
        text-align: center;
        color: #666;
        margin-bottom: 50px;
    }

    .timeline {
        position: relative;
        margin: 0;
        padding: 0;
    }

    .timeline::before {
        content: '';
        position: absolute;
        top: 0;
        left: 30px;
        width: 1px;
        height: 90%;
        background: #16243e;
    }

    .step {
        position: relative;
        margin-bottom: 50px;
        display: flex;
        align-items: flex-start;
    }

    .step:last-child {
        margin-bottom: 0;
    }

    .step-number {
        min-width: 60px;
        height: 60px;
        background: #16243e;
        color: white;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 20px;
        font-weight: bold;
        z-index: 1;
    }

    .step-content {
        border-radius: 16px;
        background: #F4F4F4;
        padding: 40px 30px;
        margin-left: 20px;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
        flex: 1;
        border: 1px solid #80808036;
    }

   .step-content h3 {
            font-size: 18px;
            font-weight: 600;
            margin-bottom: 10px;
            line-height: 134%;
            font-family: "Manrope", sans-serif;
            color: var(--st-header);
            text-transform: capitalize;
        }

    .step-content p {
        margin: 0;
        color: #555;
    }

    .arrow {
        animation: bounce 1.5s infinite;
    }
    @keyframes bounce {
        0%, 20%, 50%, 80%, 100% {
            transform: translateY(0);
        }
        40% {
            transform: translateY(-10px);
        }
        60% {
            transform: translateY(-5px);
        }
    }
    
    /*Jeet*/
    .wrap{
  max-width:800px;  /* narrower for vertical stack */
  padding:32px 20px 80px;
  margin:0 auto;
}
.headline{
  text-align:center;
  margin:12px auto 28px;
}
.headline h1{
  /*margin:0;*/
  font-weight:800;
  font-size:clamp(28px, 4.2vw, 48px);
  letter-spacing:.2px;
}
.headline h1 .sub{
  display:block;
  color:var(--primary);
}

/* Always vertical layout */
.grid{
  display:grid;
  grid-template-columns:1fr;
  gap:24px;
  padding:70px 0;
  background: #fff9f6;
}

.card{
  background:var(--card);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  padding:26px 24px;
  margin: 30px 0;
  background: rgba(255, 255, 255, 0.4);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(5.1px);
-webkit-backdrop-filter: blur(5.1px);
border: 1px solid rgba(255, 255, 255, 0.27);
}
.card header{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:14px;
}
.icon{
  width:34px;height:34px;
  display:inline-grid;place-items:center;
  border:2px solid var(--primary);
  color:var(--primary);
  border-radius:8px;
  font-size:18px;
  flex:0 0 auto;
}
.card h2{
  margin:0;
  font-size:clamp(22px, 2.4vw, 30px);
}
.card p.lede{
  margin:8px 0 18px;
  color:var(--muted);
  font-size:15px;
}
.tile{
  background:var(--tile);
  color:var(--tile-text);
  border:1px solid;
  border-radius:10px;
  padding:18px 18px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  text-decoration:none;
  transition:transform .08s ease, background .15s ease;
  cursor:pointer;
}
.tile + .tile{margin-top:14px;}
.tile:hover{background:var(--tile-hover); transform:translateY(-1px);}
.tile:active{transform:translateY(0);}
.tile .txt{flex:1 1 auto;}
.tile h3{
  margin:0 0 6px;
  font-size:18px;
  font-weight:700;
}
.tile p{
  margin:0;
  font-size:16px;
  opacity:.95;
}
/*#arrow{*/
/*  flex:0 0 auto;*/
/*  width:28px;height:28px;*/
/*  display:grid;*/
/*  place-items:center;*/
/*  border-radius:50%;*/
/*  background:rgba(255,255,255,.14);*/
/*  font-size:16px;*/
/*}*/

#arrow{
        flex: 0 0 auto;
width: 150px;
height: 38px;
/* display: grid; */
place-items: center;
border-radius: 20px;
background: #16243e;
font-size: 16px;
margin-top: 15px;
border: 1px solid;
padding: 5px 24px;
color: white;
}
#arrow:hover{
    background-color:#fe1b88;
    
}
/* subtle focus */
a:focus-visible, button:focus-visible{
  outline:3px solid #9be6ee;
  outline-offset:3px;
  border-radius:10px;
}

@keyframes slides {
from {
transform: translateX(0);
}
to {
transform: translateX(-100%);
}
}

.logos {
overflow: hidden;
padding: 30px 0px;
white-space: nowrap;
position: relative;
}

.logos:before, .logos:after {
position: absolute;
top: 0;
content: '';
width: 250px;
height: 100%;
z-index: 2;
}

.logos:before {
left: 0;
background: linear-gradient(to left, rgba(255,255,255,0), rgb(255, 255, 255));
}

.logos:after {
right: 0;
background: linear-gradient(to right, rgba(255,255,255,0), rgb(255, 255, 255));
}

.logo_items {
display: inline-block;
animation: 55s slides infinite linear;
}

.logos:hover .logo_items {
animation-play-state: paused;
}

.logo_items img{
height: 100px;
}



/* President row */
.president{
display:flex;
gap:22px;
background:var(--card);
border-radius:var(--radius);
box-shadow:var(--shadow);
padding:20px;
/*align-items:stretch;*/
margin-top:30px;
}
.president-photo{
flex:0 0 280px;
border-radius:14px;
overflow:hidden;
}
.president-photo img{
width:100%;
height:100%;
object-fit:cover;
}
.president-body{
flex:1 1 auto;
display:flex;
flex-direction:column;
gap:14px;
justify-content: center;
}
.name-row{
display:flex;
flex-wrap:wrap;
align-items:center;
gap:10px;

}
.name{
margin:0;
font-size:clamp(20px,2.4vw,28px);
font-weight:800;
color:#16253d;
}
.badge{
background: rgb(254 27 136 / 8%);
color:black;
border:1px solid rgba(254 27 136 / 8%);
padding:6px 10px;
border-radius:20px;
font-size:14px;
font-weight:700;
}
.about{
margin:0px;
color:#000;
line-height:1.6;
font-size:15px;
}

/* intro line */
.mini-intro{
text-align:center;
margin:24px 0 14px;
color:var(--muted);
font-weight:600;
}

/* Team tiles row */
.team-row{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:18px;
}
.member{
margin:0;
background:var(--card);
border-radius:16px;
box-shadow:var(--shadow);
overflow:hidden;
transition:transform .12s ease, box-shadow .12s ease;
}
.member:hover{
transform:translateY(-2px);
box-shadow:0 14px 36px rgba(0,0,0,.12);
}
.member img{
width:100%;
height:340px;
object-fit:cover;
}
figcaption{
padding:10px 12px 14px;
display:flex;
flex-direction:column;
gap:2px;
}
.m-name{
font-weight:750;
}
.m-role{
color:black;
font-size:16px;
}

/* CTA */
.cta{
text-align:center;
margin-top:28px;
}
.btn{
display:inline-block;
background:#091832;
color:#fff;
text-decoration:none;
padding:12px 22px;
border-radius:10px;
font-weight:700;
transition:background .15s ease, transform .05s ease;
}
.btn:hover {
background: #fe1b88;
color: white;
}
.btn:active{ transform:translateY(1px); }
.btn:focus-visible{
outline:3px solid var(--ring);
outline-offset:3px;
border-radius:12px;
}
.arrow {
                        animation: bounce 1.5s infinite;
}
@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-10px);
    }
    60% {
        transform: translateY(-5px);
    }
}

/* Responsive */
@media (max-width: 900px){
.president{ flex-direction:column; }
.president-photo{ flex-basis:auto; height:280px; }
.president-photo img{ height:100%; }
.team-row{ grid-template-columns:repeat(3,1fr); }
}
@media (max-width: 640px){
.team-row{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width: 420px){
.team-row{ grid-template-columns:1fr; }
}

button.theme-btn.ai-services{
    background: #25D366;
    margin: 22px -30px;
}


span.sub--title{
    text-transform: capitalize;
    color: #fe1b88;
}

#team{
    background: #fff9f6
}