.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);
  border: 5px solid #004f91;
  transition: all 0.5s;
}
.gallery-item:hover{
  border: 5px solid #e4a40f;
  transition: all 0.5s;
  border-radius:10px;
  border: 5px solid #e4a40f;
}
  .gallery-item:hover .overlay-birthday{
    position: absolute;
    top: -3px;
    left: -3px;
    width: 102%;
    height: 102%;
    opacity: 1;
    border-radius: 10px;
    transition: opacity .3s ease-out;
    background: rgba(0, 0, 0, 0.50);
    opacity: 1;
    transition: all 0.5s;
  }
  .gallery-item:hover .overlay-birthday1{
    position: absolute;
    top: -13px;
    left: -3.5px;
    width: 102%;
    height: 103.70%;
    opacity: 1;
    border-radius: 10px;
    transition: opacity .3s ease-out;
    background: rgba(0, 0, 0, 0.50);
    opacity: 1;
    transition: all 0.5s;
  }
  .gallery-item .overlay-birthday1{
    top: -13px;
    left: -3.5px;
    width: 102%;
    height: 103.70%;
    transition: all 0.5s;
  }
.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: 100%;
  display: block;
  transition: 0.3s ease-in-out;
  border-radius: 5px;
  transition: all 0.5s;
}
.gallery-item:hover img{
border: 5px solid #e4a40f;
transition: all 0.5s;
border-radius: 10px;
}

.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;
}
.jumbotron.ayaan-banner{
  background-image: url('../img/gallery/birthday/2024-2025/mohamed_ayaan/banner1.png');
	margin-top: -3px;
  height: 400px;
  background-repeat: no-repeat;
  background-size:cover;
}
.jumbotron.shamphavi-banner{
  background-image: url('../img/gallery/birthday/2024-2025/shamphavi_d_prekg/banner.webp');
	margin-top: -3px;
  height: 400px;
  background-repeat: no-repeat;
  background-size:cover;
}
.jumbotron.dharshan-banner{
  background-image: url('../img/gallery/banners/birthday.webp');
	margin-top: -3px;
  /* height: 400px; */
  background-repeat: no-repeat;
  background-size:cover;
}
.dharshan-banner .jumbo-heading{
  margin-top: 260px;
}
@media (min-width: 350px) and (max-width: 420px) {
  .jumbotron.dharshan-banner{
    height: 20vh;
  }
  .dharshan-banner .jumbo-heading{
    margin-top: 50px;
    width: 330px;
  }
  .jumbotron.Firstdayofschool-banner {
    height: 20vh; /* Reduce height */
    margin: right 60%;    
    background-position: center top;
    /* background-attachment: fixed; */
    
  }
  /* .jumbotron.ayaan-banner{
    background: url('../img/gallery/birthday/2024-2025/mohamed_ayaan/banner.png');
    height: 20vh;
    background-position: center top;
  } */
 
  
}

.jumbotron.diwali-banner{
	background: url('../img/gallery/banners/diwali.webp');
	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.webp');
	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.webp');
	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.webp');
    height: 20vh; /* Reduce height */
    
    background-position: center top;
    /* background-attachment: fixed; */
    
  }
}

.jumbotron.independenceday-banner{
  background: url('../img/gallery/banners/Independenceday.webp');
	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/republic.webp'); 
	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 left;
    /* background-attachment: fixed; */
    
  }
}

.jumbotron.birthday-banner{
	background: url('../img/gallery/banners/birthday.webp');
	margin-top: -3px;
  height: 400px;
  background-repeat: no-repeat;
  background-size:cover;
}
/* .jumbotron.nandhu-banner{
  background: url('../img/gallery/birthday/2024-2025/nandhu_asoken/banner.webp');
  margin-top: -3px;
  height: 400px;
  background-repeat: no-repeat;
  background-size:cover;
} */
 .jumbotron.sanjith-banner {
  background: url('../img/gallery/banners/sanjithvelan.webp');
   margin-top: -3px;
  height: 400px;
  background-repeat: no-repeat;
  background-size:cover;
 }
.jumbotron.niranjana-banner {
    background: url('../img/gallery/banners/niranjana.webp');
   margin-top: -3px;
  height: 400px;
  background-repeat: no-repeat;
  background-size:cover;
    
  }
  .jumbotron.ourpride-banner {
    background: url('../img/gallery/banners/parent.webp');
   margin-top: -3px;
  height: 400px;
  background-repeat: no-repeat;
  background-size:cover;
  }
  .jumbotron.yadhu-banner {
    background: url('../img/gallery/banners/yadhu.webp');
   margin-top: -3px;
  height: 400px;
  background-repeat: no-repeat;
  background-size:cover;
  }
  .jumbotron.niranjan-banner {
    background: url('../img/gallery/banners/niranjan.webp');
   margin-top: -3px;
  height: 400px;
  background-repeat: no-repeat;
  background-size:cover;
  }
  .jumbotron.vetrivel-banner {
    background: url('../img/gallery/banners/vetrivel.webp');
   margin-top: -3px;
  height: 400px;
  background-repeat: no-repeat;
  background-size:cover;
  }
  .jumbotron.hithesh-banner {
    background: url('../img/gallery/banners/hithesh.webp');
   margin-top: -3px;
  height: 400px;
  background-repeat: no-repeat;
  background-size:cover;
  }
  .jumbotron.shyam-banner {
    background: url('../img/gallery/banners/shyam.webp');
   margin-top: -3px;
  height: 400px;
  background-repeat: no-repeat;
  background-size:cover;
  }
  .jumbotron.dhishana-banner {
    background: url('../img/gallery/banners/dhishana.webp');
   margin-top: -3px;
  height: 400px;
  background-repeat: no-repeat;
  background-size:cover;
  }
  .jumbotron.yashmitha-banner {
    background: url('../img/gallery/banners/yashmitha.webp');
   margin-top: -3px;
  height: 400px;
  background-repeat: no-repeat;
  background-size:cover;
  }
  .jumbotron.deekshitha-banner {
    background: url('../img/gallery/banners/deekshitha.webp');
   margin-top: -3px;
  height: 400px;
  background-repeat: no-repeat;
  background-size:cover;
  }
  .jumbotron.ayaan-banner {
    background: url('../img/gallery/banners/ayaan.webp');
   margin-top: -3px;
  height: 400px;
  background-repeat: no-repeat;
  background-size:cover;
  }
  .jumbotron.deijan-banner {
    background: url('../img/gallery/banners/deijan.webp');
   margin-top: -3px;
  height: 400px;
  background-repeat: no-repeat;
  background-size:cover;
  }
  .jumbotron.sanshika-banner {
    background: url('../img/gallery/banners/sanshika.webp');
   margin-top: -3px;
  height: 400px;
  background-repeat: no-repeat;
  background-size:cover;
  }
  /* .jumbotron.dharshan-banner {
    background: url('../img/gallery/banners/birthday.webp');
   margin-top: -3px;
  height: 400px;
  background-repeat: no-repeat;
  background-size:cover;
  } */
  .jumbotron.shamphavi-banner {
    background: url('../img/gallery/banners/birthday.webp');
   margin-top: -3px;
  height: 400px;
  background-repeat: no-repeat;
  background-size:cover;
  }
@media (min-width: 350px) and (max-width: 420px) {
  .shamphavi-banner .jumbo-heading {
    margin-top: 50px;
    width: 310px;
  }
   .jumbotron.sanshika-banner {
    height: 20vh;
   }
   .sanshika-banner .jumbo-heading {
    margin-top: 50px;
   }
  .jumbotron.deijan-banner {
    height: 20vh;
  }
  .deijan-banner .jumbo-heading {
    margin-top: 50px;
  }
  .jumbotron.ayaan-banner {
    height: 20vh;
  }
  .top-img {
  overflow-x: auto;
}
.contanct-info {
   margin-top: 30px;
}

  .jumbotron.deekshitha-banner {
    height: 20vh;
    background-position: center right;
  }
  .deekshitha-banner .jumbo-heading {
    margin-top: 50px;
  }
  .jumbotron.yashmitha-banner {
    height: 20vh;
  }
  .yashmitha-banner .jumbo-heading {
    margin-top: 50px;
    width: 315px;
  }
  .jumbotron.dhishana-banner {
    height: 20vh;
    background-position: center;
  }
  .dhishana-banner .jumbo-heading {
    margin-top: 50px;
  }
  .jumbotron.shyam-banner {
    height: 20vh;
    background-position: center;
  }
  .shyam-banner .jumbo-heading {
    margin-top: 50px;
  }
  .jumbotron.hithesh-banner {
    background: url('../img/gallery/banners/hithesh.webp');
    height: 20vh;
    background-position: center right;
  }
  .hithesh-banner .jumbo-heading {
    margin-top: 50px;
  }
  .jumbotron.vetrivel-banner {
    background: url('../img/gallery/banners/vetrivel.webp');
    height: 20vh;
  }
  .vetrivel-banner .jumbo-heading {
    margin-top: 50px;
  }
  .jumbotron.birthday-banner {
    background: url('../img/gallery/banners/birthday.webp');
    height: 20vh;
    
    /* background-position: center top; */
    
  }
  .jumbotron.niranjan-banner {
    background: url('../img/gallery/banners/niranjan.webp');
    height: 20vh;
    background-position: center;
  }
  .jumbotron.yadhu-banner {
    background: url('../img/gallery/banners/yadhu.webp');
    height: 20vh;
    /* background-position: center top; */
  }
  .jumbotron.niranjana-banner {
    background: url('../img/gallery/banners/niranjana.webp');
    height: 20vh;
    background-position: center right;
  }
  .jumbotron.sanjith-banner {
    background: url('../img/gallery/banners/sanjithvelan.webp');
    height: 20vh;
    background-position: left;
  }
  .sanjith-banner .jumbo-heading {
    margin-top: 130px;
    width: 311px;
  }
 /* .jumbotron.niranjana-banner {
    background: url('../img/gallery/birthday/2025-2026/niranjana/jana2.jpg');
    height: 20vh;
    
    background-position: center top;
    
  } */
  .jumbotron.ourpride-banner {
    background: url('../img/gallery/banners/parent.webp');
    height: 20vh;
    background-position: center top;
  }
  /* .jumbotron.nandhu-banner{
  background: url('../img/gallery/birthday/2024-2025/nandhu_asoken/banner.webp');
  height: 20vh;
  background-position: center top;
} */
.jumbotron.shamphavi-banner{
  background: url('../img/gallery/birthday/2024-2025/shamphavi_d_prekg/banner.webp');
  height: 20vh;
  background-position: center top;
}
}

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

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

.jumbotron.christmasday-banner{
  background: url('../img/gallery/banners/christmas.webp');
	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/vijayadashami1.webp');
	background-position: center;
  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/pongalcelebration.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/pongalcelebration.webp');
    height: 20vh; /* Reduce height */
    
    background-position: center top;
    /* background-attachment: fixed; */
    
  }
}

.jumbotron.sports-banner{
 
  background: url('../img/gallery/banners/sports_day.webp');
  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.webp');
    height: 20vh; /* Reduce height */
    background-position: center top;
    /* background-attachment: fixed; */
    
  }
}

.jumbotron.grandparentsday-banner{
  background: url('../img/gallery/banners/grandparends.webp');
  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.webp');
  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.webp');
    height: 20vh; /* Reduce height */
    
    background-position: center top;
    /* background-attachment: fixed; */
    
  }
}

.jumbotron.trip-banner{
  background: url('../img/gallery/banners/fieldtrip.webp');
  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.webp');
  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.webp");
	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.webp");
   height: 20vh; /* Reduce height */
    background-position: center top;
    /* background-attachment: fixed; */
    
  }
}

.jumbotron.pink-banner{
	background: url("../img/gallery/banners/pinkday.webp");
  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.webp");
  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.webp");
    height: 20vh; /* Reduce height */
    
    background-position: center top;
    /* background-attachment: fixed; */
    
  }
}

.jumbotron.green-banner{
	height: 400px;
	background: url("../img/gallery/banners/green.webp");
	    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; */
    
  }
  .counter-calltoaction {
	background: url('../img/call-to-action/counterbg.webp');
	height: 21vh;
	        background-size: cover;
        background-repeat: no-repeat;
        position: relative;
}
}

.jumbotron.violet-banner{
	height: 400px;
	background: url("../img/gallery/banners/violet.webp");
	    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.webp");
	    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.webp");
	    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.webp");
	    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.jumbotron.banner {
  height: 400px;
	background: url("../img/gallery/banners/maingallery.webp");
	    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
@media (min-width: 350px) and (max-width: 420px) {
  .jumbotron.banner {
    height: 20vh;
  }
  .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.webp");
	    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.webp");
	    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.webp");
	    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.webp");
	    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.webp");
	    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.webp");
	    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.webp");
	    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.webp");
	    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.webp");
	    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;
    margin-left: -7px;
  }
  .my-5.third-container{
    margin-top: 1.5rem !important;
    margin-left: -13px;
  }
  .my-5.second-container{
    margin-left: -11px;
  }
  .gallery-thumb .overlay-birthday {
    height: 89%;
  }
  .ourpride{
  margin-top: 115px;
        margin-left: -5px;
        font-size: 21px;
  }
  .deekshitha-mom{
    font-size: 21px;
        margin-left: 55px;
    font-weight: 800;
  }
  .nandhu-mom {
    font-size: 21px;
        margin-left: -6px;
    font-weight: 800;
  }
  .sanshika-mom {
    font-size: 21px;
        margin-left: -6px;
    font-weight: 800;
  }
  .deeksha-mom {
    font-size: 21px;
        margin-left: -6px;
    font-weight: 800;
  }
  .hafaz-mom {
    font-size: 21px;
    margin-left: -6px;
    font-weight: 800;
  }
  .hafazmom {
    color: #004f91;
    font-weight: 800;
    font-size: 16px;
        margin-left: 0px;
    margin-top: -12px;
  }
  .hafaz-date {
    font-size: 15px;
        margin-top: -12px;
        margin-left: 0px;
        font-weight: 800;
        color: #004f91;
  }
  .childmom{
   font-size: 16px;
        margin-left: 26px;

        margin-top: -12px;
  }
  .sanshikamom {
    color: #004f91;
    font-weight: 800;
    font-size: 16px;
        margin-left: 0px;
    margin-top: -12px;
  }
  .deekshamom {
    color: #004f91;
    font-weight: 800;
    font-size: 16px;
        margin-left: 0px;
    margin-top: -12px;
  }
  .deeksha-date {
    font-size: 15px;
        margin-top: -12px;
        margin-left: 0px;
        font-weight: 800;
        color: #004f91;
  }
  .sanshika-date {
    font-size: 15px;
        margin-top: -12px;
        margin-left: 0px;
        font-weight: 800;
        color: #004f91;
  }
  .nandhumom {
    color: #004f91;
    font-weight: 800;
    font-size: 16px;
        margin-left: 0px;
    margin-top: -12px;
  }
  .sports-date {
    font-size: 15px;
        margin-top: -12px;
        margin-left: 0px;
        font-weight: 800;
        color: #004f91;
  }
  .childrenmom{
    color: #004f91;
    font-weight: 800;
    font-size: 16px;
        margin-left: 16px;
    margin-top: -12px;
  }
  .pride-date{
            font-size: 15px;
        margin-top: -12px;
        margin-left: 110px;
  }
  .jungle-date{
    font-size: 15px;
        margin-top: -12px;
        margin-left: 116px;
  }
  .jungle-prize {
    margin-top: 0px;
  }
  .ourpride-banner .jumbo-heading{
    width: 340px;
    top: 40px;
  }
  
  .yadhu-banner .jumbo-heading{
    width: 315px;
  }
  .niranjana-banner .jumbo-heading{
    width: 293px;
  }
  .yadhu{
    margin-top: 60px;
    white-space: normal;
  }
  .niranjan{
            font-size: 6px;
        white-space: nowrap;
  }
  .niran-prekg{
    font-size: 6px;
        white-space: nowrap;
        margin-top: 6px;
  }
  .niran{
    font-size: 16px;
  }
  .niran-date{
    margin-left: 0px;
        margin-top: -21px;
  }
 /* .prekg{
      font-size: 1.6rem;
 }
 .h2 .year {
  font-size: 1.6rem;
 } */
}


@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;
}