/* ADMISSIONS PAGE */

.admission-page{
  padding:100px 0;
}

/* HEADER */

.admission-header{
  text-align:center;
  margin-bottom:70px;
}

.admission-header h1{
  font-size:58px;
  margin:18px 0;
  color:#0f172a;
}

.admission-header p{
  max-width:700px;
  margin:auto;

  color:#64748b;

  font-size:18px;
  line-height:1.8;
}

/* TIMELINE */

.admission-timeline{
  max-width:850px;
  margin:0 auto 80px;
  position:relative;
}

.admission-timeline::before{
  content:"";

  position:absolute;

  left:24px;
  top:0;

  width:4px;
  height:100%;

  background:#ea580c;
}

.timeline-item{
  position:relative;

  padding-left:90px;

  margin-bottom:45px;
}

.timeline-number{
  position:absolute;

  left:0;
  top:0;

  width:50px;
  height:50px;

  border-radius:50%;

  background:#ea580c;
  color:white;

  display:flex;
  align-items:center;
  justify-content:center;

  font-weight:700;

  font-size:20px;

  z-index:2;
}

.timeline-content{
  background:white;

  padding:30px;

  border-radius:22px;

  box-shadow:0 8px 24px rgba(0,0,0,0.06);
}

.timeline-content h3{
  margin-bottom:12px;

  color:#0f172a;

  font-size:24px;
}

.timeline-content p{
  color:#64748b;

  line-height:1.8;
}

/* INFO GRID */

.admission-info-grid{
  display:grid;

  grid-template-columns:1fr 1fr;

  gap:30px;

  margin-bottom:60px;
}

.admission-info-card{
  background:white;

  padding:40px;

  border-radius:24px;

  box-shadow:0 8px 24px rgba(0,0,0,0.06);
}

.admission-info-card h2{
  margin-bottom:24px;

  color:#0f172a;

  font-size:30px;
}

.admission-info-card ul{
  padding-left:20px;
}

.admission-info-card li{
  margin-bottom:16px;

  line-height:1.7;

  color:#475569;
}

.timing-box{
  font-size:32px;
  font-weight:700;

  color:#ea580c;

  line-height:1.7;

  margin-bottom:20px;
}

.timing-note{
  color:#64748b;
}

/* NOTES */

.important-notes{
  display:grid;

  grid-template-columns:
  repeat(auto-fit,minmax(250px,1fr));

  gap:24px;
}

.note-box{
  background:#fff7ed;

  border:1px solid #fed7aa;

  padding:24px;

  border-radius:18px;

  text-align:center;

  line-height:1.7;

  font-weight:500;
}

/* EXTRA CONTACT BOX */

.extra-contact-section{
  padding-bottom:100px;
}

.extra-contact-box{
  background:linear-gradient(
    135deg,
    #fff7ed,
    #ffffff
  );

  border-radius:30px;

  padding:45px 50px;

  display:flex;

  justify-content:space-between;

  align-items:center;

  gap:30px;

  border:1px solid #fed7aa;
}

.extra-contact-text h2{
  font-size:38px;

  color:#0f172a;

  margin:16px 0;
}

.extra-contact-text p{
  color:#64748b;

  line-height:1.8;

  max-width:700px;
}

.extra-contact-btn{
  background:#ea580c;

  color:white;

  padding:16px 32px;

  border-radius:50px;

  font-weight:600;

  white-space:nowrap;

  transition:0.3s;
}

.extra-contact-btn:hover{
  background:#c2410c;

  transform:translateY(-3px);
}

/* RESPONSIVE */

@media(max-width:800px){

  .extra-contact-box{
    flex-direction:column;

    align-items:flex-start;

    padding:35px;
  }

  .extra-contact-text h2{
    font-size:30px;
  }

}

/* RESPONSIVE */

@media(max-width:800px){

  .admission-header h1{
    font-size:42px;
  }

  .admission-info-grid{
    grid-template-columns:1fr;
  }

}

@media(max-width:600px){

  .admission-page{
    padding:70px 0;
  }

  .timeline-item{
    padding-left:75px;
  }

  .timeline-content{
    padding:24px;
  }

  .timeline-content h3{
    font-size:21px;
  }

  .timing-box{
    font-size:26px;
  }

}