.nav-item.dropdown > a::after {
  content: none !important;
}

body {
    margin: 0;
  padding: 0;
  overflow-x: hidden;  /* Prevent horizontal scroll */
}
/* navbar */
.navbar-nav .nav-link{
  position: relative;
  padding-bottom: 8px;
  color: #333;
  text-decoration: none;
}

.navbar-nav .nav-link::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  height: 4px;
  width: 0;
  background-color: #e6a700;
  transition: width 0.3s ease;
}

.navbar-nav .nav-link.active::after {
  width: 100%;
}


      .map-container {
            max-width: 100%;
            overflow: hidden;
            margin-top: 50px; 
        }
        iframe {
            width: 600px;
            height: 350px;
            max-width: 100%;
            border-radius: 10px;
        }
/* Gallery */




.gallery-container{
  margin-left:50px;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
}

.gallery-item {
  position: relative;
  width: 350px;
  overflow: hidden;
  border-radius:10px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.gallery-item2{
  position: relative;
  width: 350px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}
.gallery-item2 img{
  width: 100%;
  height: auto;
  display: block;
  transition: 0.3s ease-in-out;
}
.gallery-item img {
  width: 100%;
  height: auto;
  display: block;
  transition: 0.3s ease-in-out;
}

.gallery-item1 {
  position: relative;
  width: 350px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.gallery-item1 img {
  width: 100%;
  height: auto;
  display: block;
  transition: 0.3s ease-in-out;
}

.gallery-item:hover img {
  transform: scale(1.05);
}

.overlay-text {
  position: absolute;
  bottom: 10px;
  left: 15px;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  transform: skew(0);
}

  .galleries-container {
   display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px;
  padding: 20px;
}

.galleries-item {
  width: 300px;
  border: 1px solid #ddd;
  padding: 10px;
  text-align: center;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.galleries-item img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.galleries-item h4 {
  margin: 15px 0 10px;
  font-size: 18px;
  color: #222;
}


.galleries-item .gallery3 a:hover {
  text-decoration: underline;
}

/*jumbotron banner images */
.jumbotron.Firstdayofschool-banner{
  background-image: url('../img/gallery/banners/firstday.jpg');
	margin-top: -3px;
  height: 400px;
  background-repeat: no-repeat;
  background-size:cover;
}

@media (min-width: 350px) and (max-width: 420px) {
  .jumbotron.Firstdayofschool-banner {
    height: 20vh; /* Reduce height */
    margin: right 60%;    
    background-position: center top;
    /* background-attachment: fixed; */
    
  }
}

.jumbotron.diwali-banner{
	background: url('../img/gallery/banners/diwali.jpg');
	margin-top: -3px;
  height: 400px;
  background-repeat: no-repeat;
  background-size: cover;
}

@media (min-width: 350px) and (max-width: 420px) {
  .jumbotron.diwali-banner{
    height: 20vh; /* Reduce height */
    
    background-position: center top;
    /* background-attachment: fixed; */
    
  }
}

.jumbotron.record-banner {
  	background: url('../img/gallery/banners/kalam.jpg');
	margin-top: -3px;
  height: 400px;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (min-width: 350px) and (max-width: 420px) {
  .jumbotron.record-banner{
    height: 20vh; /* Reduce height */
    
    background-position: center top;
    /* background-attachment: fixed; */
    
  }
}
.jumbotron.annualandgraduationday-banner{
	background: url('../img/gallery/banners/anuualday.jpg');
	margin-top: -3px;
  height: 400px;
  background-repeat: no-repeat;
  background-size:cover;
}

@media (min-width: 350px) and (max-width: 420px) {
  .jumbotron.annualandgraduationday-banner {
    background: url('../img/gallery/banners/anuualday2.jpg');
    height: 20vh; /* Reduce height */
    
    background-position: center top;
    /* background-attachment: fixed; */
    
  }
}

.jumbotron.independenceday-banner{
  background: url('../img/gallery/banners/independanceday.jpg');
	margin-top: -3px;
  height: 400px;
  background-repeat: no-repeat;
  background-size:cover;
}

@media (min-width: 350px) and (max-width: 420px) {
  .jumbotron.independenceday-banner {
    height: 20vh; /* Reduce height */
    
    background-position: center top;
    /* background-attachment: fixed; */
    
  }
}

.jumbotron.republicday-banner{
	background: url('../img/gallery/banners/rebuplicday.jpg'); 
	margin-top: -3px;
  height: 400px;
  background-repeat: no-repeat;
  background-size:cover;
}

@media (min-width: 350px) and (max-width: 420px) {
  .jumbotron.republicday-banner {
    height: 20vh; /* Reduce height */
    
    background-position: center top;
    /* background-attachment: fixed; */
    
  }
}

.jumbotron.birthday-banner{
	background: url('../img/gallery/banners/birthdaycelebration.jpg');
	margin-top: -3px;
  height: 400px;
  background-repeat: no-repeat;
  background-size:cover;
}

@media (min-width: 350px) and (max-width: 420px) {
  .jumbotron.birthday-banner {
    background: url('../img/gallery/banners/birthdaycelebration.jpg');
    height: 20vh; /* Reduce height */
    
    background-position: center top;
    /* background-attachment: fixed; */
    
  }
}

.jumbotron.teacherday-banner{
	background: url('../img/gallery/banners/teachersbanner.jpg');
	margin-top: -3px;
  height: 400px;
  background-repeat: no-repeat;
  background-size:cover;
}

@media (min-width: 350px) and (max-width: 420px) {
  .jumbotron.teacherday-banner {
    /* background: url('../img/gallery/teachersss.jpg'); */
    height: 20vh; /* Reduce height */
    
    background-position: center top;
    /* background-attachment: fixed; */
    
  }
}

.jumbotron.christmasday-banner{
  background: url('../img/gallery/banners/christmas.jpg');
	margin-top: -3px;
  height: 400px;
  background-repeat: no-repeat;
  background-size:cover;
}

@media (min-width: 350px) and (max-width: 420px) {
  .jumbotron.christmasday-banner{
    height: 20vh; /* Reduce height */
    margin: right 40%;    
    background-position: center top;
    /* background-attachment: fixed; */
    
  }
}

.jumbotron.vijaya-banner {
    background: url('../img/gallery/banners/vijayadashami.jpg');
	margin-top: -3px;
  height: 400px;
  background-repeat: no-repeat;
  background-size:cover;
}
@media (min-width: 350px) and (max-width: 420px) {
  .jumbotron.vijaya-banner {
    height: 20vh; /* Reduce height */
    
    background-position: center top;
    /* background-attachment: fixed; */
    
  }
}

.jumbotron.pongal-banner{
  background: url('../img/gallery/banners/pongal.webp');
	margin-top: -3px;
  height: 400px;
  background-repeat: no-repeat;
  background-size:cover;
}

@media (min-width: 350px) and (max-width: 420px) {
  .jumbotron.pongal-banner {
    background: url('../img/gallery/banners/pongal2.jpg');
    height: 20vh; /* Reduce height */
    
    background-position: center top;
    /* background-attachment: fixed; */
    
  }
}

.jumbotron.sports-banner{
 
  background: url('../img/gallery/banners/sportsday.jpg');
  margin-top: -3px;
  height: 400px;
  background-repeat: no-repeat;
  background-size:cover;

}

@media (min-width: 350px) and (max-width: 420px) {
  .jumbotron.sports-banner {
    height: 20vh; /* Reduce height */
    
    background-position: center top;
    /* background-attachment: fixed; */
    
  }
}

.jumbotron.parentsday-banner{
  background: url('../img/gallery/banners/parentsday.webp');
  margin-top: -3px;
  height: 400px;
  background-repeat: no-repeat;
  background-size:cover;
}

@media (min-width: 350px) and (max-width: 420px) {
  .jumbotron.parentsday-banner {
    background: url('../img/gallery/banners/parentsday2.jpg');
    height: 20vh; /* Reduce height */
    background-position: center top;
    /* background-attachment: fixed; */
    
  }
}

.jumbotron.grandparentsday-banner{
  background: url('../img/gallery/banners/grandparends.jpg');
  margin-top: -3px;
  height: 400px;
  background-repeat: no-repeat;
  background-size:cover;

}

@media (min-width: 350px) and (max-width: 420px) {
  .jumbotron.grandparentsday-banner {
    height: 20vh; /* Reduce height */
    
    background-position: center top;
    /* background-attachment: fixed; */
    
  }
}

.jumbotron.krishnajeyanthi-banner{
  background: url('../img/gallery/banners/krishnajeyanthi.jpg');
  margin-top: -3px;
  height: 400px;
  background-repeat: no-repeat;
  background-size:cover;

}

@media (min-width: 350px) and (max-width: 420px) {
  .jumbotron.krishnajeyanthi-banner {
    background: url('../img/gallery/banners/krishnajeyanthi.jpg');
    height: 20vh; /* Reduce height */
    
    background-position: center top;
    /* background-attachment: fixed; */
    
  }
}

.jumbotron.trip-banner{
  background: url('../img/gallery/banners/fieldtrip.jpg');
  margin-top: -3px;
  height: 400px;
  background-repeat: no-repeat;
  background-size:cover;
  
}

@media (min-width: 350px) and (max-width: 420px) {
  .jumbotron.trip-banner {
    height: 20vh; /* Reduce height */
    
    background-position: center top;
    /* background-attachment: fixed; */
    
  }
}

.jumbotron.colorday-banner{
  background: url('../img/gallery/banners/yellowday.jpg');
  margin-top: -3px;
  height: 400px;
  background-repeat: no-repeat;
  background-size:cover;
}

@media (min-width: 350px) and (max-width: 420px) {
  .jumbotron.colorday-banner {
    height: 20vh; /* Reduce height */
    
    background-position: center top;
    /* background-attachment: fixed; */
    
  }
}
    
.jumbotron.blue-banner{
	background: url("../img/gallery/banners/blueday.jpg");
	margin-top: -3px;
  height: 400px;
  background-repeat: no-repeat;
  background-size:cover;
}
    
@media (min-width: 350px) and (max-width: 420px) {
  .jumbotron.blue-banner {
    height: 20vh; /* Reduce height */
    
    background-position: center top;
    /* background-attachment: fixed; */
    
  }
}

.jumbotron.red-banner{
	background: url("../img/gallery/banners/redday.webp");
	 margin-top: -3px;
  height: 400px;
  background-repeat: no-repeat;
  background-size:cover;
}

@media (min-width: 350px) and (max-width: 420px) {
  .jumbotron.red-banner {
    background: url("../img/gallery/banners/redday2.jpg");
   height: 20vh; /* Reduce height */
    background-position: center top;
    /* background-attachment: fixed; */
    
  }
}

.jumbotron.pink-banner{
	background: url("../img/gallery/banners/pinkday.jpg");
  margin-top: -3px;
  height: 400px;
  background-repeat: no-repeat;
  background-size:cover;
}

@media (min-width: 350px) and (max-width: 420px) {
  .jumbotron.pink-banner {
    height: 20vh; /* Reduce height */
    
    background-position: center top;
    /* background-attachment: fixed; */
    
  }
}

.jumbotron.rakshabandhan-banner{
	background: url("../img/gallery/banners/raksha.jpg");
  margin-top: -3px;
  height: 400px;
  background-repeat: no-repeat;
  background-size:cover;
}

@media (min-width: 350px) and (max-width: 420px) {
  .jumbotron.rakshabandhan-banner {
    background: url("../img/gallery/banners/raksha2.jpg");
    height: 20vh; /* Reduce height */
    
    background-position: center top;
    /* background-attachment: fixed; */
    
  }
}

.jumbotron.green-banner{
	height: 400px;
	background: url("../img/gallery/banners/green.jpg");
	    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

@media (min-width: 350px) and (max-width: 420px) {
  .jumbotron.green-banner {
    height: 20vh; /* Reduce height */
    background-position: center;
    /* background-attachment: fixed; */
    
  }
}

.jumbotron.violet-banner{
	height: 400px;
	background: url("../img/gallery/banners/violet.png");
	    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

@media (min-width: 350px) and (max-width: 420px) {
  .jumbotron.violet-banner {
    height: 20vh; /* Reduce height */
    
    background-position: center top;
    /* background-attachment: fixed; */
    
  }
}

.jumbotron.child-banner {
  	height: 400px;
	background: url("../img/gallery/banners/childrens.jpg");
	    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
@media (min-width: 350px) and (max-width: 420px) {
  .jumbotron.child-banner {
    height: 20vh; /* Reduce height */
    
    background-position: center top;
    /* background-attachment: fixed; */
    
  }
}

.jumbotron.gandhi-banner {
  	height: 400px;
	background: url("../img/gallery/banners/gandhi.jpg");
	    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
@media (min-width: 350px) and (max-width: 420px) {
  .jumbotron.gandhi-banner {
    height: 20vh; /* Reduce height */
    
    background-position: center top;
    /* background-attachment: fixed; */
    
  }
}

.jumbotron.vinayagar-banner {
  	height: 400px;
	background: url("../img/gallery/banners/vinayagar.jpg");
	    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
@media (min-width: 350px) and (max-width: 420px) {
  .jumbotron.vinayagar-banner {
    height: 20vh; /* Reduce height */
    
    background-position: center top;
    /* background-attachment: fixed; */
    
  }
}

.jumbotron.onam-banner {
  	height: 400px;
	background: url("../img/gallery/banners/onam.jpg");
	    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
@media (min-width: 350px) and (max-width: 420px) {
  .jumbotron.onam-banner {
    height: 20vh; /* Reduce height */
    
    background-position: center top;
    /* background-attachment: fixed; */
    
  }
}

.jumbotron.nutritional-banner {
  	height: 400px;
	background: url("../img/gallery/banners/nutritional.jpg");
	    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
@media (min-width: 350px) and (max-width: 420px) {
  .jumbotron.nutritional-banner {
    height: 20vh; /* Reduce height */
    
    background-position: center top;
    /* background-attachment: fixed; */
    
  }
}

.jumbotron.book-banner {
  	height: 400px;
	background: url("../img/gallery/banners/bookfair.jpg");
	    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
@media (min-width: 350px) and (max-width: 420px) {
  .jumbotron.book-banner {
    height: 20vh; /* Reduce height */
    
    background-position: center top;
    /* background-attachment: fixed; */
    
  }
}

.jumbotron.orange-banner {
  	height: 400px;
	background: url("../img/gallery/banners/orangedayjpg.jpg");
	    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
@media (min-width: 350px) and (max-width: 420px) {
  .jumbotron.orange-banner {
    /* background: url("../img/gallery/banners/orange2.jpg"); */
    height: 20vh; /* Reduce height */
    
    background-position: center top;
    /* background-attachment: fixed; */
    
  }
}

.jumbotron.expo-banner {
  	height: 400px;
	background: url("../img/gallery/banners/science.jpg");
	    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
@media (min-width: 350px) and (max-width: 420px) {
  .jumbotron.expo-banner {
    height: 20vh; /* Reduce height */
    
    background-position: center top;
    /* background-attachment: fixed; */
    
  }
}

.jumbotron.dental-banner {
  	height: 400px;
	background: url("../img/gallery/banners/dental.jpg");
	    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
@media (min-width: 350px) and (max-width: 420px) {
  .jumbotron.dental-banner {
    height: 20vh; /* Reduce height */
    
    background-position: center top;
    /* background-attachment: fixed; */
    
  }
}

.jumbotron.womens-banner {
  	height: 400px;
	background: url("../img/gallery/banners/womensday.jpg");
	    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
@media (min-width: 350px) and (max-width: 420px) {
  .jumbotron.womens-banner {
    height: 20vh; /* Reduce height */
    
    background-position: center top;
    /* background-attachment: fixed; */
    
  }
}

.jumbotron.yoga-banner {
  	height: 400px;
	background: url("../img/gallery/banners/yoga.jpg");
	    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
@media (min-width: 350px) and (max-width: 420px) {
  .jumbotron.yoga-banner {
    height: 20vh; /* Reduce height */
    
    background-position: center top;
    /* background-attachment: fixed; */
    
  }
}

.jumbotron.activity-banner {
  	height: 400px;
	background: url("../img/gallery/banners/activity2.jpg");
	    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
@media (min-width: 350px) and (max-width: 420px) {
  .jumbotron.activity-banner {
    height: 20vh; /* Reduce height */
    
    background-position: center top;
    /* background-attachment: fixed; */
    
  }
  .my-5.image-container{
    margin-top: -4rem !important;
  }
}


@media (min-width:391px)and(max-width: 420px) {
  /* .contact-details {
    
  } */
}

.mt-3.subscribe{
      margin-top: 1rem !important;
    white-space: nowrap;
    margin-left: -40px;
    font-size: 26px;
}
.input-group {
  margin-left: -20px;
}

.social-buttons {
  display: flex;
  gap: 20px;
  justify-content: center;
  margin-top: 50px;
}

.btn {
  border-radius:40px;
  font-family: 'Arial', sans-serif;
  font-size: 15px;
  padding: 12px 20px;
  text-decoration: none;
  transition: 0.3s ease;
  display: inline-block;
}

/* .fb-btn {
  background-color: #f0f0f0;
  color:#a45df0;
}

.fb-btn:hover {
  background-color: #e0e0e0;
} */

.outline-btn {
  font: #a45df0;
  border: 2px solid #004f91;
}

.outline-btn:hover {
  background-color:#004f91;
  color: white;
}