/* ================= ABOUT PAGE ================= */

/* Hero Section */
.page-hero{
    padding:140px 20px 80px;
    text-align:center;
    background:linear-gradient(135deg,#00AEEF,#FF7A00);
    color:white;
}

.page-hero h1{
    font-size:clamp(24px, 5vw, 48px);
    font-family:'Fredoka', sans-serif;
    margin-bottom:15px;
}

.page-hero p{
    font-size:20px;
    max-width:700px;
    margin:0 auto;
}

/* Main About Section */
.about-full{
    padding:80px 8%;
    background:#F4F9FF;
}

.about-full .container{
    max-width:1000px;
    margin:auto;
}

/* Headings */
.about-full h2{
    font-size:32px;
    font-family:'Fredoka', sans-serif;
    margin-top:40px;
    margin-bottom:15px;
    color:#103669;
}

/* Paragraph */
.about-full p{
    font-size:18px;
    line-height:1.8;
    color:#444;
    margin-bottom:20px;
}

/* List Styling */
.about-full ul{
    margin-top:15px;
    padding-left:20px;
}

.about-full ul li{
    font-size:18px;
    margin-bottom:10px;
    color:#333;
    position:relative;
}

/* Optional custom bullet */
.about-full ul li::marker{
    color:#FF7A00;
    font-weight:bold;
}

/* ================= FOOTER IMPROVEMENT ================= */

.footer{
    background:#103669;
    color:white;
    text-align:center;
    padding:50px 20px;
}

.footer h3{
    font-family:'Fredoka', sans-serif;
    margin-bottom:10px;
}

.footer p{
    margin:8px 0;
    font-size:14px;
}

/* email link style */
.email-link{
color:#fff;
text-decoration:none;
font-weight:500;
}

.email-link:hover{
text-decoration:underline;
color:#ffbe0b;
}


/* ===================================== */
/* ADVANCED RESPONSIVE IMPROVEMENTS */
/* ===================================== */

/* Large Screens (1400px+) */
@media (min-width:1400px){
  .about-full .container{
    max-width:1200px;
  }
}

/* Laptops */
@media (max-width:1200px){
  .page-hero h1{
    font-size:40px;
  }
}

/* Tablets */
@media (max-width:992px){

  .page-hero{
    padding:120px 20px 70px;
  }

  .page-hero h1{
    font-size:34px;
  }

  .page-hero p{
    font-size:18px;
  }

  .about-full{
    padding:70px 6%;
  }

}

/* Large Phones */
@media (max-width:768px){

  .page-hero{
    padding:110px 15px 60px;
  }

  .page-hero h1{
    font-size:28px;
  }

  .page-hero p{
    font-size:16px;
  }

  .about-full h2{
    font-size:22px;
  }

  .about-full p,
  .about-full ul li{
    font-size:15px;
  }

}

/* Small Phones */
@media (max-width:480px){

  .page-hero{
    padding:100px 15px 50px;
  }

  .page-hero h1{
    font-size:24px;
  }

  .about-full{
    padding:50px 5%;
  }

}