*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html,
body{

    width:100%;

    overflow-x:hidden;

    background:#F5F8FC;

    color:#23364d;

}

/* ==========================================================
   MASTER TRAINER HERO
========================================================== */

.trainer-hero{

    background:linear-gradient(180deg,#12355B 0%,#0E2B49 100%);

    min-height:100vh;

    display:flex;

    flex-direction:column;

    align-items:center;

    overflow:hidden;

}

/* TOP BANNER */

.trainer-banner{

    width:100%;

    background:#fff8e5;

    color:#D72638;

    padding:18px 20px;

    text-align:center;

    font-family:'Outfit',sans-serif;

    font-size:21px;

    font-weight:700;

    position:relative;

    z-index:2;

}

.trainer-banner strong{

    font-weight:900;

}

.trainer-banner span{

    color:#D72638;

    text-decoration:underline;

}

/* CONTAINER */

.trainer-container{

    width:min(1200px,90%);

    text-align:center;

    padding:35px 0 20px;

    margin-bottom:-20px;

}

/* TITLE */

.trainer-title{

    font-family:'Outfit',sans-serif;

    font-weight:700;

    line-height:1.3;

    letter-spacing:-3px;

    text-transform:uppercase;

    margin-bottom:45px;

}

.trainer-title span{

    display:block;

}

.trainer-title .gold{

    color:#8CC8FF;

    font-size:clamp(1rem,3vw,3rem);

}

.trainer-title .white{

    color:#fff;

    font-size:clamp(1rem,3vw,3rem);

}

.trainer-title .underline{

    color:#fff;

    text-decoration:underline;

    text-decoration-color:#D72638;

    text-decoration-thickness:5px;

    text-underline-offset:10px;

    font-size:clamp(1rem,3vw,3rem);

}

/* SUBTITLE */

.trainer-subtitle{

    max-width:820px;

    margin:-30px auto 0;

    font-family:'Outfit',sans-serif;

    font-size:23px;

    line-height:1.6;

    color:#fff;

}

.trainer-subtitle strong{

    color:#fff;

}

.trainer-subtitle span{

    display:block;

    margin-top:12px;

    color:#8CC8FF;

    font-size:30px;

    font-weight:800;

}
.trainer-subtitle u {
  text-decoration: underline;
  text-decoration-color: var(--secondary); /* Uses your gold theme color */
  text-underline-offset: 4px;              /* Gives the text a little breathing room */
  text-decoration-thickness: 2px;          /* Makes the line clean and sharp */
}
/* ==========================================================
   HERO VIDEO
========================================================== */

.trainer-video-placeholder{

    width:100%;

    max-width:850px;

    margin:40px auto 20px;

}

.video-box{

    aspect-ratio:16/9;

    width:100%;

    background:#FFFFFF;

    border:2px solid #D9E6F2;

    border-radius:24px;

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    cursor:pointer;

    transition:.35s;

    box-shadow:0 18px 45px rgba(18,53,91,.12);

}

.video-box:hover{

    border-color:#0B5FA5;

    transform:translateY(-4px);

    box-shadow:0 22px 50px rgba(11,95,165,.18);

}

.play-button{

    width:90px;

    height:90px;

    border-radius:50%;

    background:#D72638;

    color:#fff;

    font-size:2rem;

    display:flex;

    align-items:center;

    justify-content:center;

    margin-bottom:20px;

}

.video-box p{

    color:#12355B;

    font-weight:700;

}
.trainer-join-btn{

    position:relative;

    z-index:2;

    background:#D72638;

    color:#fff;

    border:none;

    border-radius:50px;

    padding:18px 55px;

    font-size:1.5rem;

    font-weight:800;

    letter-spacing:1px;

    cursor:pointer;

    transition:.35s;
    margin-bottom: 20px;

}

.trainer-join-btn:hover{

    background:#b91d2d;

    transform:translateY(-4px);

    box-shadow:0 18px 35px rgba(215,38,56,.35);

}
/* Continuous Attention-Grabbing Pulse & Bounce */
.btn-attention {
  animation: continuousAttention 2.5s infinite ease-in-out;
}

@keyframes continuousAttention {
  0%, 100% {
    transform: scale(1); /* Normal size */
  }
  50% {
    transform: scale(1.1); /* Grows bigger / comes out toward viewer */
  }
}
@media (max-width: 640px) {
  
  .trainer-join-btn {
    
    margin-top: 20px;
  }
  
}
/* ==========================================================
   WEBINAR DETAILS
========================================================== */

.trainer-event{

    background:#dfecf9;

    padding:50px 0;

}

.trainer-event-container{

    width:90%;

    max-width:1000px;

    margin:auto;

    background:#fdf1f1;

    border-radius:24px;

    padding:50px;

    box-shadow:0 20px 45px rgba(18,53,91,.08);

    border:1px solid #DCE8F3;

    text-align:center;

}

.trainer-event-label{

    display:inline-block;

    padding:8px 22px;

    background:#D72638;

    color:#fff;

    font-weight:700;

    border-radius:50px;

    letter-spacing:2px;

    font-size:.85rem;

    margin-bottom:20px;

}

.trainer-event-title{

    font-size:2.6rem;

    font-weight:800;

    color:#12355B;

    margin-bottom:38px;

    line-height:1.15;

}

.trainer-event-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:22px;

}

.event-card{

    background:#dfecf9;

    border:2px solid #DCE8F3;

    border-radius:18px;

    padding:28px 24px;

    display:flex;

    align-items:center;

    gap:16px;

    transition:.35s;

    text-align:left;

}

.event-card:hover{

    transform:translateY(-6px);

    border-color:#0B5FA5;

    box-shadow:0 18px 35px rgba(11,95,165,.12);

}

.event-icon{

    font-size:2rem;

}

.event-card h4{

    margin-bottom:8px;

    font-size:1.05rem;

    color:#0B5FA5;

    font-weight:700;

}

.event-card p{

    margin:0;

    font-size:1rem;

    color:#41566E;

    font-weight:600;

    line-height:1.5;

}

.event-note{

    margin-top:30px;

    padding:22px 26px;

    background:#dfecf9;

    border-left:5px solid #0B5FA5;

    border-radius:14px;

    font-size:1rem;

    color:#41566E;

    line-height:1.8;

    text-align:left;

}

.event-note strong{

    color:#12355B;

}

.event-note span{

    color:#D72638;

    font-weight:700;

}

/* ==========================================================
   DOES THIS SOUND LIKE YOU
========================================================== */

.trainer-problems{

    background:#FBF5F5;

    padding:60px 0 70px;

}

.trainer-problems-box{

    width:min(980px,92%);

    margin:auto;

    margin-top:-40px;

    background:#dfecf9;

    border:1px solid #D7E4F1;

    border-radius:22px;

    padding:50px 45px;

    box-shadow:0 18px 40px rgba(18,53,91,.08);

}

.trainer-problems-title{

    text-align:center;

    font-family:'Outfit',sans-serif;

    font-size:clamp(2rem,3vw,3.4rem);

    font-weight:900;

    text-transform:uppercase;

    color:#12355B;

    margin-bottom:25px;

    margin-top:-20px;

    letter-spacing:-1px;

}

.trainer-problems-title span{

    color:#0B5FA5;

}

.trainer-problems-list{

    display:flex;

    flex-direction:column;

    gap:18px;

}

.trainer-problems-list li{

    display:flex;

    align-items:flex-start;

    gap:18px;

}

.trainer-problems-list p{

    margin:0;

    color:#41566E;

    font-size:24px;

    line-height:1.55;

    font-family:'Outfit',sans-serif;

}

.trainer-problems-list strong{

    color:#0B5FA5;

    font-weight:800;

}

.icon{

    flex-shrink:0;

    width:34px;

    height:34px;

    border-radius:50%;

    background:#D72638;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:18px;

    font-weight:900;

    margin-top:4px;

    box-shadow:0 6px 18px rgba(215,38,56,.22);

}

.trainer-bottom-text{

    margin-top:22px;

    text-align:center;

    font-family:'Outfit',sans-serif;

    font-size:25px;

    font-weight:700;

    color:#12355B;

}

.trainer-bottom-text span{

    display:block;

    margin-top:8px;

    margin-bottom:-10px;

    color:#D72638;

    font-size:25px;

    font-weight:800;

}
/* ==========================================================
   THE SOLUTION
========================================================== */

.trainer-solution{

    background:#FBF5F5;

    padding:50px 0 60px;

}

.trainer-solution-box{

    width:min(1200px,92%);

    margin:auto;

    margin-top:-45px;

    background:#12355B;

    border:1px solid #D7E4F1;

    border-radius:24px;

    padding:55px 60px;

    text-align:center;

    box-shadow:0 18px 40px rgba(18,53,91,.08);

}

.trainer-solution-title{

    font-family:'Permanent Marker',cursive;

    font-size:clamp(2rem,3vw,3.5rem);

    color:#EAF2FA;

    line-height:1;

    margin-top:-10px;

    margin-bottom:30px;

}

.trainer-program-heading{

    font-family:'Outfit',sans-serif;

    font-size:clamp(1.6rem,2.5vw,2.5rem);

    font-weight:800;

    color:#EAF2FA;

    line-height:1.25;

    margin-bottom:22px;

}

.trainer-solution-intro{

    max-width:900px;

    margin:0 auto 12px;

    font-size:1.15rem;

    line-height:1.7;

    color:#EAF2FA;

}

.trainer-solution-intro strong{

    color:#EAF2FA;

    font-weight:700;

}

/* Container to center the button between any section */
.cta-button-wrapper {
  width: 100%;
  text-align: center;
  padding: 30px 20px;
}

/* Base button adaptations */
.trainer-book-btn {
  display: inline-block;
  text-decoration: none;
  position: relative;
  z-index: 2;
  background: #D72638;
  color: #fff;
  border: none;
  border-radius: 50px;
  padding: 18px 45px;
  font-family: 'Outfit', sans-serif;
  font-size: 2rem;
  font-weight: 800;
  letter-spacing: 0.5px;
  cursor: pointer;
  transition: .35s ease;
  box-shadow: 0 10px 25px rgba(215, 38, 56, 0.25);
}

.trainer-book-btn:hover {
  background: #b91d2d;
  transform: translateY(-4px);
  box-shadow: 0 18px 35px rgba(215, 38, 56, .35);
}

/* Strikethrough price inside button */
.trainer-book-btn .old-price {
  text-decoration: line-through;
  opacity: 0.75;
  font-weight: 600;
  margin-left: 6px;
  font-size: 0.88em;
}

/* Mobile responsive sizing */
@media (max-width: 640px) {
  .cta-button-wrapper {
    padding: 20px 16px;
  }
  
  .trainer-book-btn {
    width: 100%;
    max-width: 380px;
    padding: 16px 20px;
    font-size: 1.5rem;
  }
}
/* ==========================================================
   WHO IS THIS MASTERCLASS FOR
========================================================== */

.trainer-masterclass{

    background:#FBF5F5;

    padding:65px 0;

}

.trainer-masterclass-container{

    width:min(1200px,92%);

    margin:auto;

    text-align:center;

}

.trainer-masterclass-title{

    font-family:'Outfit',sans-serif;

    font-size:clamp(2.3rem,4vw,3.6rem);

    font-weight:800;

    color:#12355B;

    line-height:1.1;

    margin-bottom:12px;

}

.trainer-masterclass-title span{

    color:#D72638;

}

.trainer-masterclass-subtitle{

    color:#5A6C7D;

    font-size:1.15rem;

    margin-bottom:42px;

}

.trainer-masterclass-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:30px;

}

/* ========================= */

.masterclass-card{

    position:relative;

    overflow:hidden;

    border-radius:28px;

    height:380px;

    background:#fff;

    border:1px solid #D8E4F0;

    box-shadow:0 18px 45px rgba(18,53,91,.10);

    transition:.45s;

}

.masterclass-card:hover{

    transform:translateY(-12px);

    box-shadow:0 28px 60px rgba(18,53,91,.18);

}

.masterclass-card img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.7s;

}

.masterclass-card:hover img{

    transform:scale(1.08);

}

/* Badge */

.masterclass-card::before{

    content:"MASTERCLASS";

    position:absolute;

    top:20px;

    left:20px;

    z-index:5;

    background:#D72638;

    color:#fff;

    padding:7px 16px;

    border-radius:40px;

    font-size:.75rem;

    font-weight:700;

    letter-spacing:1px;

}

/* Overlay */

.masterclass-overlay{

    position:absolute;

    left:18px;

    right:18px;

    bottom:18px;

    padding:22px;

    border-radius:20px;

    background:rgba(18,53,91,.78);

    backdrop-filter:blur(14px);

    border:1px solid rgba(255,255,255,.15);

}

.masterclass-overlay h3{

    color:#FBF5F5;

    font-size:1.3rem;

    font-weight:700;

    line-height:1.35;

    margin:0;

    text-align:left;

}

/* Decorative accent */

.masterclass-overlay::after{

    content:"";

    display:block;

    width:70px;

    height:4px;

    margin-top:14px;

    border-radius:50px;

    background:#D72638;

}
.trainer-join2-btn{

    position:relative;

    z-index:2;

    background:#D72638;

    color:#fff;

    border:none;

    border-radius:50px;

    padding:18px 45px;

    font-size:1.5rem;

    font-weight:800;

    letter-spacing:1px;

    cursor:pointer;

    transition:.35s;
    margin-top: 30px;

}

.trainer-join2-btn:hover{

    background:#b91d2d;

    transform:translateY(-4px);

    box-shadow:0 18px 35px rgba(215,38,56,.35);

}
/* ==========================================================================
   MEET YOUR MENTOR SECTION
   ========================================================================== */
.trainer-mentor {
  background: #12355B;
  padding: 70px 0 40px;
  overflow: hidden; /* Prevents scrollbars from infinite marquee */
}

.trainer-mentor-wrapper {
  width: min(950px, 92%);
  margin: auto;
  text-align: center;
}

/* Heading */
.trainer-mentor-heading {
  font-family: 'Outfit', sans-serif;
  font-size: clamp(2.4rem, 5vw, 4rem);
  font-weight: 800;
  line-height: 1.1;
  color: #FBF5F5;
  margin-bottom: 35px;
}

.trainer-mentor-heading span {
  color: #D72638;
}

/* Image */
.trainer-mentor-showcase {
  position: relative;
  width: 500px;
  margin: 0 auto;
}

.mentor-glow {
  position: absolute;
  width: 330px;
  height: 330px;
  border-radius: 50%;
  background: #78B7F8;
  left: 50%;
  top: 95px;
  transform: translateX(-50%);
  opacity: .35;
  filter: blur(10px);
}

.trainer-mentor-showcase img {
  width: 100%;
  position: relative;
  z-index: 2;
  display: block;
}

/* Bottom Card */
.trainer-mentor-info {
  width: min(640px, 95%); /* Reduced from 760px to 640px */
  margin: -25px auto 0;    /* Tighter top overlap */
  background: #FBF5F5;
  border-radius: 22px;     /* Slightly sleek corner radius */
  padding: 28px 24px;      /* Reduced overall padding */
  position: relative;
  z-index: 5;
  box-shadow: 0 14px 35px rgba(0,0,0,.18);
}

.trainer-mentor-info h3 {
  font-family: 'Outfit', sans-serif;
  font-size: 2.1rem;       /* Slightly smaller header text */
  font-weight: 800;
  color: #12355B;
  margin-bottom: 18px;     /* Reduced space below title */
  letter-spacing: 1px;
}
/* Achievement Grid */
.mentor-luxury-layout {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;              /* Tightened overall element spacing */
}

/* Rows of Pills */
.luxury-pills-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}

/* Force trio row to stay side-by-side in one line on desktop */
.luxury-pills-row.inline-trio {
  flex-wrap: nowrap;
}

.luxury-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 18px;
  background: rgba(18, 53, 91, 0.04);
  border: 1px solid rgba(18, 53, 91, 0.12);
  border-radius: 50px;
  backdrop-filter: blur(8px);
  transition: all 0.3s ease;
}

/* Compact style for Author, Anchor, Podcaster */
.luxury-pill.mini {
  padding: 6px 14px;
}

.luxury-pill:hover {
  background: rgba(215, 38, 56, 0.06);
  border-color: #D72638;
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(215, 38, 56, 0.12);
}

.pill-dot {
  width: 6px;
  height: 6px;
  background: #D72638;
  border-radius: 50%;
  box-shadow: 0 0 6px #D72638;
  flex-shrink: 0;
}

.pill-text {
  font-family: 'Outfit', sans-serif;
  font-size: 0.95rem;      /* Slightly reduced font size */
  font-weight: 700;
  color: #12355B;
  letter-spacing: 0.2px;
}

/* Divider Line */
.luxury-divider {
  width: 50px;
  height: 2px;
  background: linear-gradient(90deg, transparent, #D72638, transparent);
  border-radius: 10px;
  opacity: 0.6;
}

/* Stats Section */
.luxury-stats-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 32px;
}

.luxury-stat-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.stat-number {
  font-family: 'Outfit', sans-serif;
  font-size: 2.2rem;       /* Scaled down count size */
  font-weight: 900;
  line-height: 1;
  background: linear-gradient(135deg, #12355B 0%, #D72638 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.stat-number small {
  font-size: 1.6rem;
  color: #D72638;
  -webkit-text-fill-color: #D72638;
}

.stat-tag {
  font-family: 'Outfit', sans-serif;
  font-size: 0.78rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  color: rgba(18, 53, 91, 0.7);
  margin-top: 4px;
}

.stat-vertical-line {
  width: 1px;
  height: 38px;
  background: rgba(18, 53, 91, 0.15);
}

/* Mobile Responsiveness */
@media (max-width: 640px) {
  .trainer-mentor-info {
    padding: 22px 16px;
  }

  .luxury-pills-row.inline-trio {
    flex-wrap: wrap; /* Wraps gracefully on small mobile screens */
    gap: 8px;
  }

  .stat-number {
    font-size: 1.8rem;
  }

  .pill-text {
    font-size: 0.88rem;
  }
}

/* ==========================================================================
   FEATURED IN INFINITE MARQUEE
   ========================================================================== */
.featured-in-container {
  margin-top: 50px;
  width: 100%;
  text-align: center;
}

.featured-title {
  font-family: "Bodoni Moda", serif;
font-style: italic;
  font-size: 1.5rem;
  font-weight: 800;
  letter-spacing: 2px;
  color: #fff;
  margin-bottom: 25px;
  text-transform: uppercase;
}

.marquee-slider {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  /* Subtle edge fading effect */
  mask-image: linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%);
  -webkit-mask-image: linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%);
}

.marquee-track {
  display: inline-flex;
  align-items: center;
  gap: 65px;
  animation: infinite-scroll 20s linear infinite;
}

/* Pause scroll on hover */
.marquee-slider:hover .marquee-track {
  animation-play-state: paused;
}

/* Logo Typography & Brand Colors (Matching reference photo) */
.featured-logo {
  font-size: 1.6rem;
  white-space: nowrap;
  user-select: none;
}

.featured-logo.divya-drishti {
  font-family: 'Georgia', serif;
  font-weight: bold;
  color: #D6B57A; /* Elegant Gold */
}

.featured-logo.aaj-tak {
  font-family: 'Impact', 'Arial Black', sans-serif;
  font-weight: 900;
  color: #E63946; /* Bright Red */
  letter-spacing: 1px;
}

.featured-logo.zee-news {
  font-family: 'Outfit', 'Arial', sans-serif;
  font-weight: 900;
  color: #FFFFFF;
  letter-spacing: 3px;
}

.featured-logo.times-of-india {
  font-family: 'Times New Roman', serif;
  font-style: italic;
  font-weight: 600;
  color: #E2E8F0;
}

/* Keyframes for seamless infinite sliding */
@keyframes infinite-scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

/* Mobile Adjustments */
@media (max-width: 640px) {
  
  .trainer-mentor-showcase {
    width: 100%;
    max-width: 390px;
  }
  
  .trainer-mentor-info {
    padding: 30px 20px;
  }

  .featured-logo {
    font-size: 1.25rem;
  }
  
  .marquee-track {
    gap: 40px;
  }
}
/* ==========================================================
   THIS IS NOT JUST ANOTHER WEBINAR
========================================================== */

.trainer-step{

    background:#c2d2e3;

    padding:65px 0;

}

.trainer-step-container{

    width:min(1150px,92%);

    margin:auto;

    text-align:center;

}

.trainer-step-title{

    font-family:'Outfit',sans-serif;

    font-size:clamp(2.2rem,4vw,3.4rem);

    font-weight:800;

    color:#12355B;

    line-height:1.1;

    margin-bottom:12px;

}

.trainer-step-title span{

    color:#D72638;

}

.trainer-step-subtitle{

    color:#12355B;

    font-size:1.15rem;

    margin-bottom:38px;

}

/* ================= GRID ================= */

.trainer-step-grid{

    display:grid;

    grid-template-columns:repeat(5,1fr);

    gap:20px;

}

/* ================= CARD ================= */

.trainer-step-card{

    background:#FBF5F5;

    border-radius:22px;

    padding:30px 20px;

    transition:.35s;

    box-shadow:0 12px 30px rgba(0,0,0,.12);

    border:1px solid #D8E7F4;

    position:relative;

    overflow:hidden;

}

.trainer-step-card::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:100%;

    height:5px;

    background:#4687D2;

}

.trainer-step-card:hover{

    transform:translateY(-8px);

    box-shadow:0 18px 40px rgba(0,0,0,.18);

    border-color:#D72638;

}

/* ================= ICON ================= */

.step-icon{

    font-size:2.7rem;

    color:#4687D2;

    margin-bottom:18px;

}

/* ================= TEXT ================= */

.trainer-step-card h3{

    font-family:'Outfit',sans-serif;

    font-size:1.22rem;

    font-weight:800;

    color:#12355B;

    line-height:1.35;

    margin:0;

}
/* ==========================================================
   BUILD YOUR TRAINER IDENTITY
========================================================== */

.trainer-identity{

    background:#12355B;

    padding:65px 0;

}

.trainer-identity-container{

    width:min(1150px,92%);

    margin:auto;

}

.trainer-identity-title{

    text-align:center;

    font-family:'Outfit',sans-serif;

    font-size:clamp(2.2rem,4vw,3.4rem);

    font-weight:800;

    color:#FBF5F5;

    line-height:1.1;

    margin-bottom:12px;

}

.trainer-identity-title span{

    color:#D72638;

}

.trainer-identity-subtitle{

    text-align:center;

    color:#D6E5F3;

    font-size:1.15rem;

    margin-bottom:45px;

}

/* ================= STAIRCASE ================= */

.identity-stairs{

    display:flex;

    align-items:flex-end;

    justify-content:center;

    gap:18px;

}

/* ================= EACH STEP ================= */

.stair{

    width:200px;

    background:#FBF5F5;

    border-radius:22px;

    padding:25px 22px;

    transition:.35s;

    border:1px solid #D7E6F2;

    box-shadow:0 12px 28px rgba(0,0,0,.12);

    position:relative;

    overflow:hidden;

}

/* Top accent */

.stair::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:100%;

    height:6px;

    background:#4687D2;

}

.step1{height:210px;}
.step2{height:240px;}
.step3{height:280px;}
.step4{height:330px;}
.step5{height:380px;}

.stair:hover{

    transform:translateY(-12px);

    border-color:#D72638;

    box-shadow:0 22px 45px rgba(0,0,0,.18);

}

/* ================= STEP NUMBER ================= */

.step-no{

    display:flex;

    align-items:center;

    justify-content:center;

    width:48px;

    height:48px;

    border-radius:50%;

    background:#4687D2;

    color:#FBF5F5;

    font-size:1rem;

    font-weight:800;

    margin-bottom:18px;

}

/* ================= TEXT ================= */

.stair h3{

    color:#12355B;

    font-size:1.45rem;

    font-weight:800;

    margin-bottom:12px;

}

.stair p{

    color:#171f26;

    line-height:1;

    font-size:1.2rem;

}
/* ==========================================================
   WHY MOST PEOPLE NEVER BECOME SUCCESSFUL TRAINERS
========================================================== */

.trainer-pillars{

    background:#FBF5F5;

    padding:70px 0;

}

.trainer-pillars-container{

    width:min(1200px,92%);

    margin:auto;

}

.trainer-pillars-title{

    text-align:center;

    font-family:'Outfit',sans-serif;

    font-size:clamp(2.2rem,4vw,3.5rem);

    font-weight:800;

    color:#12355B;

    line-height:1.15;

}

.trainer-pillars-title span{

    color:#D72638;

}

.trainer-pillars-subtitle{

    text-align:center;

    color:#1f272e;

    font-size:1.3rem;

    margin-top:15px;

}

.trainer-pillars-intro{

    text-align:center;

    color:#12355B;

    font-size:1.25rem;

    font-weight:700;

    margin:18px 0 45px;

}

.trainer-pillars-grid{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:30px;

}

.pillar-card{

    position:relative;

    overflow:hidden;

    border-radius:24px;

    height:420px;

    background:#fff;

    box-shadow:0 18px 40px rgba(18,53,91,.12);

    transition:.35s;

}

.pillar-card:hover{

    transform:translateY(-8px);

    box-shadow:0 28px 55px rgba(18,53,91,.18);

}

.pillar-card img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.5s;

}

.pillar-card:hover img{

    transform:scale(1.08);

}

.pillar-overlay{

    position:absolute;

    inset:0;

    display:flex;

    flex-direction:column;

    justify-content:flex-end;

    padding:30px;

    background:linear-gradient(
        to top,
        rgba(18,53,91,.92) 15%,
        rgba(18,53,91,.55) 55%,
        rgba(18,53,91,.08) 100%
    );

}

.pillar-number{

    display:flex;

    align-items:center;

    justify-content:center;

    width:48px;

    height:48px;

    border-radius:50%;

    background:#D72638;

    color:#fff;

    font-size:1rem;

    font-weight:800;

    margin-bottom:18px;

}

.pillar-overlay h3{

    color:#FBF5F5;

    font-size:2rem;

    font-weight:800;

    margin-bottom:10px;

}

.pillar-overlay p{

    color:#EAF3FC;

    font-size:1.08rem;

    line-height:1.6;

}
/* ==========================================================
   WHAT YOU WILL LEARN
========================================================== */

.trainer-days{

    background:#FBF5F5;

    padding:60px 0;

}

.trainer-days-container{

    width:min(1100px,92%);

    margin:auto;

}

.trainer-days-title{

    text-align:center;

    color:#12355B;

    font-family:'Outfit',sans-serif;

    font-size:clamp(2rem,4vw,3.3rem);

    font-weight:700;

    line-height:1.15;

    margin-bottom:35px;

}

.trainer-days-title span{

    display:block;

    color:#0B5FA5;

}

.trainer-days-grid{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:24px;

}

.day-card{

    background:#dfecf9;

    border:1px solid #D7E4F1;

    border-radius:22px;

    padding:32px;

    box-shadow:0 15px 35px rgba(18,53,91,.08);

    transition:.3s;

}

.day-card:hover{

    transform:translateY(-6px);

    box-shadow:0 22px 40px rgba(18,53,91,.12);

    border-color:#0B5FA5;

}

.day-label{

    display:inline-block;

    background:#D72638;

    color:#fff;

    padding:8px 22px;

    border-radius:30px;

    font-weight:800;

    font-size:.95rem;

    margin-bottom:18px;

    letter-spacing:.5px;

}

.day-card h3{

    color:#12355B;

    font-size:1.6rem;

    margin-bottom:20px;

    line-height:1.35;

}

.day-card ul{

    list-style:none;

    padding:0;

    margin:0;

}

.day-card li{

    position:relative;

    padding:8px 0 8px 30px;

    color:#111923;

    font-size:1.12rem;

    line-height:1.6;

}

.day-card li::before{

    content:"✓";

    position:absolute;

    left:0;

    color:#0B5FA5;

    font-size:1.1rem;

    font-weight:800;

}
/* ==========================================================
   EVERYTHING YOU GET
========================================================== */

.trainer-included{

    background:#dfecf9;

    padding:60px 0;

}

.trainer-included-box{

    width:min(900px,92%);

    margin:auto;

    background:#1C2E45;

    border:1px solid #3D5E82;

    border-radius:22px;

    overflow:hidden;

    box-shadow:0 20px 45px rgba(0,0,0,.18);

}

.trainer-included-title{

    text-align:center;

    font-family:'Outfit',sans-serif;

    font-size:clamp(2rem,4vw,3rem);

    font-weight:800;

    color:#FBF5F5;

    padding:32px 20px;

    border-bottom:1px solid #3D5E82;

}

.trainer-included-title span{

    color:#D72638;

}

.trainer-included-table{

    width:100%;

}

.included-row{

    display:grid;

    grid-template-columns:1fr 90px;

    align-items:center;

    border-bottom:1px solid rgba(255,255,255,.08);

    transition:.3s;

}

.included-row:last-child{

    border-bottom:none;

}

.included-row:hover{

    background:#243B57;

}

.included-left{

    padding:22px 30px;

    font-size:1.3rem;

    color:#E7EEF6;

    line-height:1.5;

    border-right:1px solid rgba(255,255,255,.08);

}

.included-right{

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:2rem;

    background:#2B4668;

}

.included-row-white{

    display:grid;

    grid-template-columns:1fr 90px;

    align-items:center;

    border-bottom:1px solid rgba(255,255,255,.08);

    transition:.3s;
    background-color:#D72638;

}

.included-row-white:last-child{

    border-bottom:none;

}

.included-left-white{

    padding:22px 30px;
    font-weight: 600;
    font-size:1.3rem;

    color:#fff;

    line-height:1.5;

    border-right:1px solid rgba(255,255,255,.08);

}

.included-right-white{

    display:flex;

    justify-content:center;

    align-items:center;
    font-weight: 600;
    font-size:1.5rem;
    color: #fff;
    background:#D72638;

}
/* ==========================================================
   YOUR TRANSFORMATION
========================================================== */

.trainer-transformation{

    background:#12355B;

    padding:70px 0;

}

.trainer-transformation-container{

    width:min(1200px,92%);

    margin:auto;

}

.trainer-transformation-title{

    text-align:center;

    font-family:'Outfit',sans-serif;

    font-size:clamp(2.2rem,4vw,3.4rem);

    font-weight:800;

    color:#FBF5F5;

    margin-bottom:45px;

    line-height:1.15;

}

.trainer-transformation-title span{

    color:#D72638;

}

/* Cards */

.transformation-wrapper{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:35px;

}

/* Common */

.transform-card{

    flex:1;

    border-radius:28px;

    padding:42px 38px;

    min-height:470px;

    display:flex;

    flex-direction:column;

    align-items:center;

    box-shadow:0 18px 45px rgba(0,0,0,.18);

}

/* BEFORE */

.before-card{

    background:#234E70;

    border:2px solid rgba(255,255,255,.08);

}

/* AFTER */

.after-card{

    background:#FBF5F5;

    border:2px solid rgba(18,53,91,.12);

}

.transform-card h3{

    font-family:'Cormorant Garamond',serif;

    font-size:3rem;

    font-weight:700;

    margin-bottom:35px;

}

.before-card h3{

    color:#FBF5F5;

}

.after-card h3{

    color:#12355B;

}

.transform-card ul{

    list-style:none;

    width:100%;

    margin:0;

    padding:0;

}

.transform-card li{

    font-size:1.22rem;

    line-height:1.55;

    padding:14px 0;

}

/* BEFORE */

.before-card li{

    color:#F5F7FA;

    text-align:left;

    border-bottom:1px solid rgba(255,255,255,.08);

}

.before-card li:last-child{

    border-bottom:none;

}

/* AFTER */

.after-card li{

    position:relative;

    padding:14px 0 14px 34px;

    color:#12355B;

    text-align:left;

    font-weight:600;

    border-bottom:1px solid rgba(18,53,91,.08);

}

.after-card li:last-child{

    border-bottom:none;

}

.after-card li::before{

    content:"✓";

    position:absolute;

    left:0;

    color:#D72638;

    font-size:1.2rem;

    font-weight:800;

}

/* Arrow */

.transform-arrow{

    width:95px;

    height:95px;

    border-radius:50%;

    background:#D72638;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:3rem;

    font-weight:700;

    flex-shrink:0;

    box-shadow:0 15px 35px rgba(215,38,56,.35);

}
/* ==========================================================
   ARE YOU THE NEXT HIGH-IMPACT TRAINER
========================================================== */

.trainer-impact{

    background:#FBF5F5;

    padding:70px 0;

}

.trainer-impact-container{

    width:min(900px,92%);

    margin:auto;

    text-align:center;

}

.trainer-impact-title{

    font-family:'Outfit',sans-serif;

    font-size:clamp(2.5rem,4.5vw,3.5rem);

    font-weight:800;

    color:#12355B;

    line-height:1.15;

    margin-bottom:14px;

}

.trainer-impact-title span{

    color:#D72638;

}

.trainer-impact-subtitle{

    color:#000;

    font-size:1.4rem;

    margin-bottom:12px;

}

.trainer-impact-text{

    color:#12355B;

    font-size:1.4rem;

    font-weight:700;

    margin-bottom:32px;

}

.trainer-impact-grid{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:20px;

}

.impact-item{

    background:#fff;

    border:2px solid rgba(18,53,91,.08);

    border-radius:18px;

    padding:22px 15px;

    color:#12355B;

    font-size:1.15rem;

    font-weight:700;

    transition:.35s;

    box-shadow:0 10px 25px rgba(18,53,91,.08);

}

.impact-item:hover{

    transform:translateY(-8px);

    border-color:#D72638;

    box-shadow:0 20px 40px rgba(18,53,91,.15);

}

.trainer-impact-image{

    margin-top:45px;

    display:flex;

    justify-content:center;

}

.trainer-impact-image img{

    width:100%;

    max-width:700px;

    border-radius:24px;

    display:block;

    box-shadow:0 20px 50px rgba(18,53,91,.15);

}
/* ==========================================================
   FINAL CTA
========================================================== */

.trainer-final-cta{

    background:#FBF5F5;

    padding:70px 0 80px;

}

.trainer-final-card{

    width:min(900px,92%);

    margin:auto;

    background:#12355B;

    border-radius:30px;

    padding:60px 45px;

    text-align:center;

    box-shadow:0 25px 60px rgba(18,53,91,.18);

}


.trainer-final-title{

    position:relative;

    z-index:2;

    font-family:'Permanent Marker',cursive;

    font-size:clamp(2.2rem,4vw,3.5rem);

    color:#FBF5F5;

    line-height:1.15;

    margin-bottom:18px;

}

.trainer-final-subtitle{

    position:relative;

    z-index:2;

    font-family:'Outfit',sans-serif;

    font-size:clamp(1.35rem,2.8vw,2rem);

    font-weight:700;

    color:#EAF4FF;

    line-height:1.45;

    margin-bottom:20px;

}

.trainer-final-text{

    position:relative;

    z-index:2;

    color:#FFD166;

    font-size:1.15rem;

    font-weight:700;

    letter-spacing:.5px;

    margin-bottom:35px;

}

.trainer-final-btn{

    position:relative;

    z-index:2;

    background:#D72638;

    color:#fff;

    border:none;

    border-radius:50px;

    padding:18px 55px;

    font-size:1rem;

    font-weight:800;

    letter-spacing:1px;

    cursor:pointer;

    transition:.35s;

}

.trainer-final-btn:hover{

    background:#b91d2d;

    transform:translateY(-4px);

    box-shadow:0 18px 35px rgba(215,38,56,.35);

}

/* ==========================================================
   LANDING PAGE FOOTER
========================================================== */

.trainer-footer{

    background:#12355B;

    padding:55px 0 35px;

}

.trainer-footer-container{

    width:min(900px,92%);

    margin:auto;

    text-align:center;

}

.trainer-footer-powered{

    color:#AFC3D8;

    font-size:.9rem;

    text-transform:uppercase;

    letter-spacing:2px;

    margin-bottom:8px;

}

.trainer-footer-title{

    font-family:'Outfit',sans-serif;

    font-size:2rem;

    font-weight:800;

    color:#FBF5F5;

    margin-bottom:25px;

}

.trainer-footer-contact{

    display:flex;

    justify-content:center;

    gap:35px;

    flex-wrap:wrap;

    margin-bottom:28px;

}

.trainer-footer-contact p{

    color:#EAF4FF;

    font-size:1rem;

    margin:0;

}

.trainer-footer-disclaimer{

    max-width:760px;

    margin:0 auto 22px;

    border-top:1px solid rgba(255,255,255,.12);

    padding-top:25px;

}

.trainer-footer-disclaimer h4{

    color:#D72638;

    font-size:1rem;

    margin-bottom:10px;

}

.trainer-footer-disclaimer p{

    color:#D4DFEA;

    line-height:1.8;

    font-size:.92rem;

}

.trainer-footer-links{

    display:flex;

    justify-content:center;

    gap:14px;

    flex-wrap:wrap;

    margin-bottom:22px;

}

.trainer-footer-links a{

    color:#FBF5F5;

    text-decoration:none;

    font-size:.92rem;

    transition:.3s;

}

.trainer-footer-links a:hover{

    color:#D72638;

}

.trainer-footer-links span{

    color:rgba(255,255,255,.35);

}

.trainer-footer-copy{

    color:#9FB4C8;

    font-size:.85rem;

}
.footer-site-link {
  color: inherit;
  text-decoration: none;
  transition: opacity 0.2s ease;
}

.footer-site-link:hover {
  opacity: 0.8;
  text-decoration: underline;
}


.social-links {
  display: flex;
  align-items: center;
  gap: 15px;
}

.social-links a {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  text-decoration: none;
  transition: all 0.3s ease;
}
.social-links a:hover {
  border-color: var(--gold-primary);
  color: var(--gold-primary);
  transform: translateY(-3px);
}