*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:"Segoe UI", Arial, sans-serif;
}

body{
background:#f5f7fb;
color:#333;
line-height:1.7;
}

/* Container */

.container{
max-width:1400px;
margin:auto;
padding:70px 30px;
}

/* Blog Section */

.blog-section{
background:#ffffff;
border-radius:10px;
box-shadow:0 10px 30px rgba(0,0,0,0.08);
overflow:hidden;
}

/* Blog Header */

.blog-header{
padding:150px 70px;
background:linear-gradient(135deg,#1c4fa3,#3e7bff);
color:white;
min-height:280px;
display:flex;
flex-direction:column;
justify-content:center;
}

.blog-header h1{
font-size:38px;
font-weight:700;
margin-bottom:20px;
line-height:1.3;
}

.blog-header p{
font-size:18px;
opacity:0.95;
max-width:850px;
}

/* Blog Content */

.blog-content{
padding:50px 70px;
font-size:18px;
}

/* Highlight box */

.highlight-box{
background:#f1f6ff;
border-left:6px solid #1c4fa3;
padding:30px;
border-radius:6px;
margin-top:25px;
font-weight:500;
}

/* Responsive */

@media(max-width:1000px){

.blog-header{
padding:70px 40px;
min-height:240px;
}

.blog-header h1{
font-size:30px;
}

.blog-content{
padding:40px;
}

}

@media(max-width:600px){

.container{
padding:40px 15px;
}

.blog-header{
padding:60px 25px;
min-height:220px;
}

.blog-header h1{
font-size:24px;
}

.blog-header p,
.blog-content{
font-size:16px;
}

.blog-content{
padding:30px 25px;
}

}

/* section1 */
/* Image Section */

.image-section{
padding:100px 0;
background:#f5f7fb;
}

.image-section .container{
max-width:1200px;
margin:auto;
padding:0 25px;
}

/* Image wrapper */

.image-wrapper{
width:100%;
height:500px;
overflow:hidden;
border-radius:10px;
box-shadow:0 10px 25px rgba(0,0,0,0.08);
display:flex;
align-items:center;
justify-content:center;
}

/* Image */

.image-wrapper img{
width:100%;
height:100%;
object-fit:cover;
object-position:center;
display:block;
}

/* Tablet */

@media(max-width:1000px){

.image-section{
padding:80px 0;
}

.image-wrapper{
height:280px;
}

}

/* Mobile */

@media(max-width:600px){

.image-section{
padding:60px 0;
}

.image-wrapper{
height:200px;
}

}
/* section 2 */
/* section */

.why-section{
margin-top:-150px;
padding:120px 0;
background:#f5f7fb;
}

.container{
max-width:1400px;
margin:auto;
padding:0 30px;
}

/* title */

.why-title{
font-size:36px;
margin-bottom:20px;
color:#1c2b4a;
}

.why-desc{
font-size:18px;
color:#555;
margin-bottom:60px;
}

/* grid */

.why-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:25px;
}

/* cards */

.why-card{
background:#fff;
padding:28px;
border-radius:10px;
box-shadow:0 6px 20px rgba(0,0,0,0.08);
font-size:17px;
line-height:1.6;
transition:0.3s;
border-top:4px solid #1c4fa3;
}

.why-card:hover{
transform:translateY(-6px);
background:#1c4fa3;
color:#fff;
}

/* bottom row center */

.why-card:nth-child(5){
grid-column:1;
}

.why-card:nth-child(6){
grid-column:2;
}

.why-card:nth-child(7){
grid-column:3;
}

/* tablet */

@media(max-width:1000px){

.why-grid{
grid-template-columns:repeat(2,1fr);
}

.why-card:nth-child(5),
.why-card:nth-child(6),
.why-card:nth-child(7){
grid-column:auto;
}

}

/* mobile */

@media(max-width:600px){

.why-section{
margin-top:-80px;
padding:70px 0;
}

.why-grid{
grid-template-columns:1fr;
}

.why-title{
font-size:24px;
}

.why-desc{
font-size:16px;
}

}

/* section 3 */
.programs-section{
padding:120px 0;
margin-top:-80px;
background:#f7f9fc;
}

.programs-container{
max-width:1250px;
margin:auto;
padding:0 25px;
text-align:center;
}

/* TITLE */

.programs-title{
font-size:36px;
font-weight:700;
color:#1c2b4a;
margin-bottom:18px;
}

/* DESCRIPTION */

.programs-desc{
max-width:780px;
margin:0 auto 60px auto;
font-size:17px;
line-height:1.8;
color:#555;
}

/* GRID */

.programs-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:28px;
}

/* CARD */

.program-card{
background:#fff;
padding:30px 25px;
border-radius:12px;
text-align:left;
box-shadow:0 8px 25px rgba(0,0,0,0.08);
transition:all .35s ease;
border:1px solid transparent;
}

/* HOVER */

.program-card:hover{
transform:translateY(-10px);
background:#f0f6ff;
box-shadow:0 18px 40px rgba(0,0,0,0.15);
border-color:#d9e6ff;
}

/* TITLE */

.program-card h3{
font-size:18px;
font-weight:600;
color:#1c4fa3;
margin-bottom:12px;
line-height:1.4;
}

/* TEXT */

.program-card p{
font-size:15px;
line-height:1.7;
color:#555;
margin-bottom:15px;
}

/* INFO */

.program-card span{
font-size:14px;
font-weight:500;
color:brown;
display:block;
}

/* TABLET */

@media(max-width:1000px){

.programs-grid{
grid-template-columns:repeat(2,1fr);
}

}

/* MOBILE */

@media(max-width:600px){

.programs-title{
font-size:26px;
}

.programs-desc{
font-size:15px;
}

.programs-grid{
grid-template-columns:1fr;
}

}

/*sectiion 4*/
.course-info-section{
padding:100px 0;
background:#f7f9fc;
margin-top: -120px;
}

.container{
max-width:1200px;
margin:auto;
padding:0 25px;
}

/* main box */

.course-info{
border-left:5px solid #1a73e8;
padding-left:30px;
}

/* rows */

.info-row{
display:grid;
grid-template-columns:220px 1fr;
gap:30px;
padding:20px 0;
border-bottom:1px solid #e4e8f0;
}

.info-row:last-child{
border-bottom:none;
}

/* title */

.info-title{
font-size:20px;
font-weight:600;
color:#1e2a44;
}

/* content */

.info-content{
font-size:16px;
line-height:1.7;
color:#555;
}

.info-content ul{
padding-left:18px;
margin:0;
}

.info-content li{
margin-bottom:8px;
}

/* TABLET */

@media(max-width:900px){

.info-row{
grid-template-columns:1fr;
gap:10px;
}

.info-title{
font-size:18px;
}

}

/* MOBILE */

@media(max-width:600px){

.course-info-section{
padding:70px 0;
}

.info-title{
font-size:17px;
}

.info-content{
font-size:15px;
}

}

/*section 5*/
.health-edu-section{
padding:80px 0;
margin-top:-100px;
background:#f7f9fc;
}

.health-edu-container{
max-width:1200px;
margin:auto;
padding:0 25px;
}

/* BOX */

.edu-box{
background:#fff;
padding:35px;
border-radius:10px;
box-shadow:0 8px 25px rgba(0,0,0,0.08);
margin-bottom:35px;
transition:all .35s ease;
}

.edu-box:hover{
transform:translateY(-6px);
box-shadow:0 18px 40px rgba(0,0,0,0.15);
}

/* TITLE */

.section-title{
font-size:24px;
color:#0f3d7a;
margin-bottom:15px;
position:relative;
display:inline-block;
}
.section-title p{
    text-align: justify;
}

/* underline reveal */

.section-title::after{
content:"";
position:absolute;
left:0;
bottom:-6px;
width:0;
height:3px;
background:#1a73e8;
transition:0.4s ease;
}

.section-title:hover::after{
width:100%;
}

/* TEXT */

.edu-box p{
font-size:16px;
line-height:1.8;
color:#555;
}

/* TABLET */

@media(max-width:900px){

.section-title{
font-size:22px;
}

.edu-box{
padding:28px;
}

}

/* MOBILE */

@media(max-width:600px){

.section-title{
font-size:20px;
}

.edu-box p{
font-size:15px;
}

.health-edu-container{
padding:0 20px;
}

}

/*admission*/
/* SECTION */

.admission-section{
padding:100px 0;
background:linear-gradient(135deg,#0f1c3f,#1c3d8f);
color:#fff;
}

/* container */

.container{
max-width:1200px;
margin:auto;
padding:0 25px;
}

/* GRID */

.admission-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:60px;
align-items:center;
}

/* LEFT */

.admission-title{
font-size:36px;
font-weight:700;
margin-bottom:20px;
}

.admission-text{
font-size:18px;
line-height:1.7;
margin-bottom:10px;
opacity:0.95;
}

/* RIGHT */

.admission-info{
font-size:18px;
margin-bottom:15px;
}

/* BUTTONS */

.admission-buttons{
margin-top:25px;
display:flex;
gap:20px;
flex-wrap:wrap;
}

/* ENROLL BUTTON */

.enroll-btn{
background:#fff;
color:#0f1c3f;
padding:12px 28px;
border-radius:6px;
font-weight:600;
text-decoration:none;
transition:0.3s;
}

.enroll-btn:hover{
background:#c90909;
transform:translateY(-3px);
}

/* WHATSAPP BUTTON */

.whatsapp-btn{
background:#25D366;
color:#fff;
padding:12px 28px;
border-radius:6px;
font-weight:600;
text-decoration:none;
transition:0.3s;
}

.whatsapp-btn:hover{
background:#04f163;
transform:translateY(-3px);
}

/* TABLET */

@media(max-width:900px){

.admission-grid{
grid-template-columns:1fr;
gap:40px;
text-align:center;
}

.admission-buttons{
justify-content:center;
}

.admission-title{
font-size:30px;
}

}

/* MOBILE */

@media(max-width:600px){

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

.admission-title{
font-size:24px;
}

.admission-text,
.admission-info{
font-size:16px;
}

.admission-buttons{
flex-direction:column;
align-items:center;
}

.enroll-btn,
.whatsapp-btn{
width:100%;
max-width:260px;
text-align:center;
}

}

/*faq*/
/* Container */
.faq-section {
  padding: 60px 20px;
  background: #f3f7fb;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.faq-section .container {
  max-width: 1100px; /* increased width */
  margin: 0 auto;
}

.faq-section h2 {
  text-align: center;
  font-size: 2.4rem;
  margin-bottom: 50px;
  color: #0d3b66;
}

/* FAQ Item */
.faq-item {
  margin-bottom: 15px;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 3px 10px rgba(0,0,0,0.05);
}

/* Question Button */
.faq-question {
  width: 100%;
  background: #2a62b8; /* light blue */
  color: white;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 18px 25px;
  text-align: left;
  font-size: 1.15rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: background 0.3s, color 0.3s;
}

.faq-question:hover {
  background: #48bec7;
}

.faq-icon {
  font-size: 1.6rem;
  transition: transform 0.3s;
  color: #0d3b66;
}

/* Answer */
.faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease, padding 0.4s ease;
  background: #ffffff; /* light background */
  padding: 0 25px;
  font-size: 1rem;
  line-height: 1.6;
  color: #333;
}

/* Open state */
.faq-item.active .faq-answer {
  max-height: 500px; /* adjust if needed */
  padding: 15px 25px;
}

.faq-item.active .faq-icon {
  transform: rotate(45deg);
}

/* Mobile responsiveness */
@media(max-width: 768px){
  .faq-section h2 {
    font-size: 2rem;
  }

  .faq-question {
    font-size: 1rem;
    padding: 15px 20px;
  }

  .faq-answer {
    font-size: 0.95rem;
    padding: 0 20px;
  }
}

@media(max-width: 480px){
  .faq-section {
    padding: 40px 15px;
  }

  .faq-section h2 {
    font-size: 1.8rem;
  }

  .faq-question {
    font-size: 0.95rem;
    padding: 12px 15px;
  }

  .faq-answer {
    font-size: 0.9rem;
    padding: 0 15px;
  }
}

.para{
    text-decoration: none;
    color: navy;
}