/* =========================================================
   JTS Education Loan Page — HERO (Scoped only)
   File: /assets/css/jts-education-loan.css
   ========================================================= */

.jts-education-loan__hero{
  padding: 86px 20px 62px;
  background: linear-gradient(180deg, rgba(10,47,107,.06) 0%, rgba(255,255,255,1) 62%);
}

.jts-education-loan__heroInner{
  max-width: 980px;
  margin: 0 auto;
  text-align: center;
}

/* Eyebrow pill */
.jts-education-loan__eyebrow{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 0 0 14px;
  padding: 8px 14px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .2px;
  color: #0a2f6b;
  background: rgba(246, 220, 87, .28); /* brand yellow tint */
}

/* Title */
.jts-education-loan__title{
  margin: 0 0 14px;
  font-weight: 900;
  line-height: 1.12;
  color: #0a2f6b;
  font-size: clamp(34px, 4.4vw, 54px);
}

/* Subtitle */
.jts-education-loan__subtitle{
  margin: 0 auto 26px;
  max-width: 780px;
  font-size: 16px;
  line-height: 1.7;
  color: rgba(0,0,0,.70);
}

/* CTA row */
.jts-education-loan__ctaRow{
  display: flex;
  gap: 14px;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 12px;
}

/* Buttons */
.jts-education-loan__btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  padding: 0 24px;
  border-radius: 14px;
  text-decoration: none;
  font-weight: 800;
  font-size: 15px;
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
  will-change: transform;
}

/* Primary (Yellow CTA) */
.jts-education-loan__btn--primary{
  background: #f6dc57;
  color: #0a2f6b;
  box-shadow: 0 14px 40px rgba(246,220,87,.45);
}

.jts-education-loan__btn--primary:hover{
  transform: translateY(-2px);
  box-shadow: 0 18px 52px rgba(246,220,87,.62);
}

/* Secondary */
.jts-education-loan__btn--secondary{
  background: #ffffff;
  color: #0a2f6b;
  border: 1.5px solid rgba(10,47,107,.22);
  box-shadow: 0 12px 30px rgba(10,10,10,.06);
}

.jts-education-loan__btn--secondary:hover{
  transform: translateY(-2px);
  border-color: rgba(10,47,107,.45);
}

/* Micro trust line */
.jts-education-loan__micro{
  margin-top: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
  color: rgba(0,0,0,.62);
  font-size: 13px;
  font-weight: 600;
}

.jts-education-loan__dot{
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: rgba(10,47,107,.35);
}

/* Mobile tune */
@media (max-width: 640px){
  .jts-education-loan__hero{
    padding: 70px 18px 50px;
  }

  .jts-education-loan__btn{
    width: 100%;
    max-width: 360px;
  }
}

/* =========================================================
   Powered by Gyandhan Section
   Scoped: JTS Education Loan Page
   ========================================================= */

.jts-education-loan__gyandhan{
  padding: 86px 20px;
  background: #ffffff;
}

.jts-education-loan__gyWrap{
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}

/* Header */
.jts-education-loan__gyEyebrow{
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .3px;
  text-transform: uppercase;
  color: rgba(10,47,107,.75);
  margin-bottom: 10px;
}

.jts-education-loan__gyTitle{
  font-size: clamp(28px, 3.6vw, 42px);
  line-height: 1.2;
  font-weight: 900;
  color: #0a2f6b;
  margin: 0 0 14px;
}

.jts-education-loan__gySubtitle{
  max-width: 760px;
  margin: 0 auto 48px;
  font-size: 16px;
  line-height: 1.65;
  color: rgba(0,0,0,.72);
}

/* Cards */
.jts-education-loan__gyGrid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}

.jts-education-loan__gyCard{
  background: #ffffff;
  border: 1px solid rgba(10,47,107,.12);
  border-radius: 18px;
  padding: 28px 26px;
  text-align: left;
  box-shadow: 0 20px 40px rgba(10,10,10,.06);
  transition: transform .15s ease, box-shadow .15s ease;
}

.jts-education-loan__gyCard:hover{
  transform: translateY(-4px);
  box-shadow: 0 28px 60px rgba(10,10,10,.1);
}

.jts-education-loan__gyCardTitle{
  font-size: 17px;
  font-weight: 800;
  color: #0a2f6b;
  margin-bottom: 8px;
}

.jts-education-loan__gyCardText{
  font-size: 14.5px;
  line-height: 1.6;
  color: rgba(0,0,0,.7);
}

/* CTA */
.jts-education-loan__gyCTA{
  margin-top: 44px;
}

.jts-education-loan__gyBtn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 52px;
  padding: 0 32px;
  border-radius: 999px;
  background: #f6dc57;
  color: #0a2f6b;
  font-weight: 800;
  font-size: 15px;
  text-decoration: none;
  box-shadow: 0 14px 40px rgba(246,220,87,.45);
  transition: transform .15s ease, box-shadow .15s ease;
}

.jts-education-loan__gyBtn:hover{
  transform: translateY(-2px);
  box-shadow: 0 18px 52px rgba(246,220,87,.6);
}

/* Mobile */
@media (max-width: 900px){
  .jts-education-loan__gyGrid{
    grid-template-columns: 1fr;
  }
}

/* =========================================================
   Lending Partners (Logo Grid)
   Scoped: JTS Education Loan Page
   ========================================================= */

.jts-education-loan__partners{
  padding: 84px 20px;
  background: #ffffff;
}

.jts-education-loan__partnersWrap{
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}

.jts-education-loan__partnersHeader{
  margin-bottom: 34px;
}

.jts-education-loan__partnersTitle{
  margin: 0 0 10px;
  font-size: clamp(28px, 3.6vw, 44px);
  line-height: 1.15;
  font-weight: 900;
  color: #0a2f6b;
}

.jts-education-loan__partnersSubtitle{
  margin: 0;
  font-size: 16px;
  font-weight: 650;
  color: rgba(0,0,0,.65);
}

/* Grid */
.jts-education-loan__partnersGrid{
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 26px;
  align-items: center;
  justify-items: center;
  margin-top: 10px;
}

/* Logo chip */
.jts-education-loan__partnerChip{
  width: 118px;
  height: 118px;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid rgba(10,47,107,.12);
  box-shadow: 0 18px 40px rgba(10,10,10,.06);
  display: grid;
  place-items: center;
  transition: transform .15s ease, box-shadow .15s ease;
}

.jts-education-loan__partnerChip:hover{
  transform: translateY(-3px);
  box-shadow: 0 26px 60px rgba(10,10,10,.10);
}

/* Logo itself */
.jts-education-loan__partnerLogo{
  max-width: 78px;
  max-height: 44px;
  width: auto;
  height: auto;
  display: block;
  object-fit: contain;
  filter: saturate(1.02);
}

/* CTA */
.jts-education-loan__partnersCTA{
  margin-top: 44px;
}

.jts-education-loan__partnersBtn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 52px;
  padding: 0 34px;
  border-radius: 999px;
  background: #f6dc57; /* JTS yellow */
  color: #0a2f6b;
  font-weight: 900;
  font-size: 15px;
  text-decoration: none;
  box-shadow: 0 14px 40px rgba(246,220,87,.45);
  transition: transform .15s ease, box-shadow .15s ease;
}

.jts-education-loan__partnersBtn:hover{
  transform: translateY(-2px);
  box-shadow: 0 18px 52px rgba(246,220,87,.60);
}

.jts-education-loan__partnersNote{
  margin: 16px auto 0;
  max-width: 820px;
  font-size: 12.5px;
  line-height: 1.6;
  color: rgba(0,0,0,.55);
}

/* Responsive */
@media (max-width: 1100px){
  .jts-education-loan__partnersGrid{
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (max-width: 720px){
  .jts-education-loan__partnersGrid{
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
  }
  .jts-education-loan__partnerChip{
    width: 104px;
    height: 104px;
  }
  .jts-education-loan__partnerLogo{
    max-width: 72px;
    max-height: 42px;
  }
}

@media (max-width: 420px){
  .jts-education-loan__partnersGrid{
    grid-template-columns: repeat(2, 1fr);
  }
}

/* =========================================================
   How It Works — Easy Loan Journey (Scoped)
   ========================================================= */

.jts-education-loan__journey{
  padding: 90px 20px;
  background: #ffffff;
}

.jts-education-loan__journeyWrap{
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}

.jts-education-loan__journeyHeader{
  margin-bottom: 44px;
}

.jts-education-loan__journeyTitle{
  margin: 0 0 10px;
  font-size: clamp(28px, 3.6vw, 44px);
  line-height: 1.15;
  font-weight: 900;
  color: #0a2f6b;
}

.jts-education-loan__journeySubtitle{
  margin: 0;
  font-size: 16px;
  font-weight: 650;
  color: rgba(0,0,0,.65);
}

/* Timeline */
.jts-education-loan__journeyTimeline{
  position: relative;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 18px;
  align-items: center;
  margin: 18px auto 26px;
  max-width: 1050px;
  padding: 14px 8px;
}

.jts-education-loan__journeyLine{
  position: absolute;
  left: 4%;
  right: 4%;
  top: 54%;
  height: 3px;
  border-radius: 999px;
  background: rgba(10,47,107,.18);
}

/* Dot group */
.jts-education-loan__stepDot{
  position: relative;
  display: grid;
  justify-items: center;
  gap: 10px;
}

.jts-education-loan__stepIcon{
  width: 56px;
  height: 56px;
  border-radius: 18px;
  background: #ffffff;
  border: 1px solid rgba(10,47,107,.12);
  box-shadow: 0 18px 40px rgba(10,10,10,.06);
  display: grid;
  place-items: center;
  font-size: 24px;
}

.jts-education-loan__stepNum{
  width: 32px;
  height: 32px;
  border-radius: 999px;
  background: #0a2f6b;
  color: #ffffff;
  display: grid;
  place-items: center;
  font-weight: 900;
  font-size: 14px;
  box-shadow: 0 14px 30px rgba(10,47,107,.28);
}

/* Cards */
.jts-education-loan__journeyCards{
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 18px;
  align-items: stretch;
  margin-top: 10px;
}

.jts-education-loan__journeyCard{
  background: #ffffff;
  border: 1px solid rgba(10,47,107,.12);
  border-radius: 18px;
  padding: 22px 18px;
  text-align: center;
  box-shadow: 0 20px 40px rgba(10,10,10,.06);
}

.jts-education-loan__journeyCardTitle{
  margin: 0 0 10px;
  font-size: 15px;
  font-weight: 900;
  color: #0a2f6b;
  line-height: 1.35;
}

.jts-education-loan__journeyCardText{
  margin: 0;
  font-size: 13.5px;
  line-height: 1.6;
  color: rgba(0,0,0,.70);
}

/* CTA */
.jts-education-loan__journeyCTA{
  margin-top: 38px;
}

.jts-education-loan__journeyBtn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 52px;
  padding: 0 34px;
  border-radius: 999px;
  background: #f6dc57; /* JTS yellow */
  color: #0a2f6b;
  font-weight: 900;
  font-size: 15px;
  text-decoration: none;
  box-shadow: 0 14px 40px rgba(246,220,87,.45);
  transition: transform .15s ease, box-shadow .15s ease;
}

.jts-education-loan__journeyBtn:hover{
  transform: translateY(-2px);
  box-shadow: 0 18px 52px rgba(246,220,87,.60);
}

/* Responsive */
@media (max-width: 1100px){
  .jts-education-loan__journeyCards{
    grid-template-columns: repeat(2, 1fr);
  }
  .jts-education-loan__journeyTimeline{
    grid-template-columns: repeat(5, 1fr);
  }
}

@media (max-width: 720px){
  .jts-education-loan__journeyTimeline{
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
  }

  .jts-education-loan__stepIcon{
    width: 48px;
    height: 48px;
    border-radius: 16px;
    font-size: 22px;
  }

  .jts-education-loan__journeyCards{
    grid-template-columns: 1fr;
  }

  .jts-education-loan__journeyLine{
    left: 6%;
    right: 6%;
  }
}