/* Sidebar */
.nav-pills .nav-link {
  background-color: #e5e5e5;
  color: #000;
  margin-bottom: 15px;
  border-radius: 8px;
  padding: 15px;
  text-align: left;
  font-weight: 500;
}

.nav-pills .nav-link.active {
  background-color: var(--theme-color);
  color: #fff;
}

/* Titles */
.section-title {
  color: #000000;
  font-size: 32px;
  font-weight: 600;
}

.section-subtitle {
  color: #D3224D;
  font-size: 22px;
}

.curriculum{
    padding-top: 120px;
}

.student-header{
background:url('images/studentlife-banner.jpg') center/cover no-repeat;
height:350px;
display:flex;
align-items:center;
justify-content:center;
color:white;
text-align:center;
}

.student-header h1{
background:rgba(0,0,0,0.6);
padding:15px 30px;
border-radius:5px;
}

/* Section spacing */

.section{
padding:60px 0;
}

/* Card style */

.student-card{
border:none;
border-radius:10px;
box-shadow:0 5px 15px rgba(0,0,0,0.1);
transition:0.3s;
}

.student-card:hover{
transform:translateY(-5px);
}

.section-title{
font-weight:700;
margin-bottom:20px;
color:#000000;
}

.student-card img{
height:200px;
object-fit:cover;
}
.student-card h5{
  color:#fff;
  font-weight:600;
  padding:5px 0;
}

.section{
padding:60px 0;
}

.section-title{
font-weight:700;
color:#000000;
margin-bottom:15px;
}

.section ul{
padding-left:20px;
}

.section li{
margin-bottom:6px;
font-size: 16px;
}

.section img{
box-shadow:0 5px 15px rgba(0,0,0,0.1);
}

.welcome-area {
  padding: 0px 20px;
}

.welcome-content h2 {
  color: #000000;
  font-size: 45px;
  font-weight: 700;
  margin-bottom: 20px;
}

.welcome-content p {
  font-size: 16px;
  color: #555;
  line-height: 1.7;
}

@media (max-width: 768px) {
  .welcome-content h2 {
    font-size: 26px;
  }

  .welcome-content p {
    font-size: 16px;
  }
}

.story-area-1{
padding:60px 0;
background:#f8f9fa;
}

.sec-title{
font-size:36px;
font-weight:700;
margin-bottom:40px;
}

.story-card img{
width:100%;
height:250px;
object-fit:cover;
border-radius:10px;
transition:0.4s;
}

.story-content{
position:absolute;
bottom:0;
left:0;
width:100%;
padding:15px;
background:linear-gradient(transparent, rgba(0,0,0,0.85));
}

.box-title{
font-size:18px;
font-weight:600;
margin:0;
}

.school-main-img img{
width:100%;
height:100%;
object-fit:cover;
border-radius:12px;
}
 
@media (max-width:991px){

.school-main-img{
margin-bottom:25px;
}

.school-main-img img{
height:320px;
}

}

@media (max-width:576px){

.sec-title{
font-size:28px;
}

.story-card img{
height:280px;
}

}
@media (max-width:768px){

.sec-title{
font-size:28px;
}

.story-card img{
height:auto;
}

.school-main-img img{
height:auto;
}

}
.story-card{
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}

.story-card img{
  width: 100%;
  display: block;
  border-radius: 10px;
}

.story-content{
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}

.ribbon-text{
  background: linear-gradient(135deg,#004aad,#007bff);
  color: #fff;
  padding: 10px 20px;
  font-size: 15px;
  font-weight: 600;
  display: inline-block;
  box-shadow: 0 4px 10px rgba(0,0,0,0.25);
  letter-spacing: 0.3px;
}
.main-slider{
  height: 580px;
}
.chemistry{
  background: linear-gradient(135deg,#ff9a44,#fc6076);
}

.computer{
  background: linear-gradient(135deg,#43cea2,#185a9d);
}

.physics{
  background: linear-gradient(135deg,#56ccf2,#2f80ed);
}

.sports{
  background: linear-gradient(135deg,#f857a6,#ff5858);
}

.maths{
  background: linear-gradient(135deg,#f7971e,#ffd200);
}

.library{
  background: linear-gradient(135deg,#654ea3,#eaafc8);
}

.biology{
  background: linear-gradient(135deg,#11998e,#38ef7d);
}

.art{
  background: linear-gradient(135deg,#4facfe,#00f2fe);
}
.feature-card-box-content{
  height: 370px;
}
.blog-card:hover{
  transform:translateY(-10px);
  box-shadow:0 20px 45px rgba(0,0,0,0.18);
}

.blog-content h3{
  color:#fff;
  font-weight:600;
  padding:16px 0;
}
.card{
  height: 270px;
}
.bharathanatyam{
  background: linear-gradient(135deg,#c31432,#240b36);   /* classical royal tone */
}

.music{
  background: linear-gradient(135deg,#1FA2FF,#12D8FA,#A6FFCB);   /* musical fresh tone */
}

.menu-dance{
  background: linear-gradient(135deg,#ff416c,#ff4b2b);   /* energetic dance tone */
}

.drama{
  background: linear-gradient(135deg,#f7971e,#ffd200);   /* stage spotlight gold */
}

.essay{
  background: linear-gradient(135deg,#00c6ff,#0072ff);   /* intellectual blue */
}
.rally{
  background: linear-gradient(135deg,#ff6a00,#ee0979);
}

.festival{
  background: linear-gradient(135deg,#00c6ff,#0072ff);
}

.pongal{
  background: linear-gradient(135deg,#f7971e,#ffd200);
}
.celebration-card{
  border-radius:20px;
  overflow:hidden;
  transition:0.4s;
}

.celebration-card img{
  height:220px;
  object-fit:cover;
}

.celebration-card h5{
  color:#fff;
  font-weight:600;
}

.celebration-card:hover{
  transform:translateY(-8px);
  box-shadow:0 20px 40px rgba(0,0,0,0.15);
}
.contact-map-srk{
  height: auto;
  width: auto;
}
 /* background: rgba(11, 11, 12, 0.3); */