@media(max-width:575px){
 .gallery-title h6 {
    color: #4C3F99;
font-family: Quicksand;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-align: center;
    }

    .gallery-title h2 {
   color: var(--Deep-Blue, #0B2038);
text-align: center;
font-family: appleberry;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 50px; /* 104.167% */
margin-bottom: 20px;
    }
    .gallery-img {
      width: 100%;
      height: auto;
    }
    .btn-carousel {
      margin-top: 10px;
    }

.slide{
  margin: 0%;
  padding: 0%;
}
    .carousel-inner img {
      border-radius: 20px;
    }

    .carousel-control-prev,
    .carousel-control-next {
      position: absolute;
      bottom: -50px;
      top: auto;
      width: 50px;
      height: 50px;
      background-color: #C7C7C7;
      border-radius: 50%;
      text-align: center;
      line-height: 50px;
      opacity: 1;
      
    }

    .carousel-control-prev:hover,
    .carousel-control-next:hover {
      background-color: #ffa500; /* Orange on hover */
    }

    .carousel-control-prev-icon,
    .carousel-control-next-icon {
      filter: invert(0);
    }

    .carousel-control-prev {
      left: 40%;
    }

    .carousel-control-next {
      right: 40%;
     
    }
    .preschool-sections{
      
       background-color: #005CA9;
       margin: 0%;
       padding: 0%;

    }
  .preschool{
    margin-bottom: 30px;
  }
  .parent-name{
  color: #000;
font-family: Quicksand;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 140%; /* 25.2px */
}
 } 
@media (min-width:576px) and (max-width:766.99px){
 .gallery-title h6 {
    color: #4C3F99;
font-family: Quicksand;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-align: center;
    }

    .gallery-title h2 {
   color: var(--Deep-Blue, #0B2038);
text-align: center;
font-family: appleberry;
font-size: 25px;
font-style: normal;
font-weight: 400;
line-height: 50px; /* 104.167% */
margin-bottom: 20px;
    }
    .gallery-img {
      width: 100%;
      height: auto;
    }
    .btn-carousel {
      margin-top: 10px;
    }

.slide{
  margin: 0%;
  padding: 0%;
}
    .carousel-inner img {
      border-radius: 20px;
    }

    .carousel-control-prev,
    .carousel-control-next {
      position: absolute;
      bottom: -50px;
      top: auto;
      width: 50px;
      height: 50px;
      background-color: #C7C7C7;
      border-radius: 50%;
      text-align: center;
      line-height: 50px;
      opacity: 1;
      
    }

    .carousel-control-prev:hover,
    .carousel-control-next:hover {
      background-color: #ffa500; /* Orange on hover */
    }

    .carousel-control-prev-icon,
    .carousel-control-next-icon {
      filter: invert(0);
    }

    .carousel-control-prev {
      left: 40%;
    }

    .carousel-control-next {
      right: 40%;
     
    }
    .preschool-sections{
      
       background-color: #005CA9;
       margin: 0%;
       padding: 0%;

    }
  .preschool{
    margin-bottom: 30px;
  }
  .parent-name{
  color: #000;
font-family: Quicksand;
font-size: 15px;
font-style: normal;
font-weight: 600;
line-height: 140%; /* 25.2px */
}
}
@media (min-width: 767px) and (max-width: 991.99px) {
 .gallery-title h6 {
    color: #4C3F99;
font-family: Quicksand;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-align: center;
    }

    .gallery-title h2 {
   color: var(--Deep-Blue, #0B2038);
text-align: center;
font-family: appleberry;
font-size: 30px;
font-style: normal;
font-weight: 400;
line-height: 50px; /* 104.167% */
margin-bottom: 20px;
    }
    .gallery-img {
      width: 100%;
      height: auto;
    }
    .btn-carousel {
      margin-top: 10px;
    }

.slide{
  margin: 0%;
  padding: 0%;
}
    .carousel-inner img {
      border-radius: 20px;
    }

    .carousel-control-prev,
    .carousel-control-next {
      position: absolute;
      bottom: -50px;
      top: auto;
      width: 50px;
      height: 50px;
      background-color: #C7C7C7;
      border-radius: 50%;
      text-align: center;
      line-height: 50px;
      opacity: 1;
      
    }

    .carousel-control-prev:hover,
    .carousel-control-next:hover {
      background-color: #ffa500; /* Orange on hover */
    }

    .carousel-control-prev-icon,
    .carousel-control-next-icon {
      filter: invert(0);
    }

    .carousel-control-prev {
      left: 40%;
    }

    .carousel-control-next {
      right: 40%;
     
    }
    .preschool-sections{
      
       background-color: #005CA9;
       margin: 0%;
       padding: 0%;

    }
  .preschool{
    margin-bottom: 30px;
  }
  .parent-name{
  color: #000;
font-family: Quicksand;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 140%; /* 25.2px */
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
 .gallery-title h6 {
    color: #4C3F99;
font-family: Quicksand;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-align: center;
    }

    .gallery-title h2 {
   color: var(--Deep-Blue, #0B2038);
text-align: center;
font-family: appleberry;
font-size: 35px;
font-style: normal;
font-weight: 400;
line-height: 50px; /* 104.167% */
margin-bottom: 20px;
    }
    .gallery-img {
      width: 100%;
      height: auto;
    }
    .btn-carousel {
      margin-top: 10px;
    }

.slide{
  margin: 0%;
  padding: 0%;
}
    .carousel-inner img {
      border-radius: 20px;
    }

    .carousel-control-prev,
    .carousel-control-next {
      position: absolute;
      bottom: -50px;
      top: auto;
      width: 50px;
      height: 50px;
      background-color: #C7C7C7;
      border-radius: 50%;
      text-align: center;
      line-height: 50px;
      opacity: 1;
      
    }

    .carousel-control-prev:hover,
    .carousel-control-next:hover {
      background-color: #ffa500; /* Orange on hover */
    }

    .carousel-control-prev-icon,
    .carousel-control-next-icon {
      filter: invert(0);
    }

    .carousel-control-prev {
      left: 40%;
    }

    .carousel-control-next {
      right: 40%;
     
    }
    .preschool-sections{
      
       background-color: #005CA9;
       margin: 0%;
       padding: 0%;

    }
  .preschool{
    margin-bottom: 30px;
  }
  .parent-name{
  color: #000;
font-family: Quicksand;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 140%; /* 25.2px */
}
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
 .gallery-title h6 {
    color: #4C3F99;
font-family: Quicksand;
font-size: 22px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-align: center;
    }

    .gallery-title h2 {
   color: var(--Deep-Blue, #0B2038);
text-align: center;
font-family: appleberry;
font-size: 40px;
font-style: normal;
font-weight: 400;
line-height: 50px; /* 104.167% */
margin-bottom: 20px;
    }
    .gallery-img {
      width: 100%;
      height: auto;
    }
    .btn-carousel {
      margin-top: 10px;
    }

.slide{
  margin: 0%;
  padding: 0%;
}
    .carousel-inner img {
      border-radius: 20px;
    }

    .carousel-control-prev,
    .carousel-control-next {
      position: absolute;
      bottom: -50px;
      top: auto;
      width: 50px;
      height: 50px;
      background-color: #C7C7C7;
      border-radius: 50%;
      text-align: center;
      line-height: 50px;
      opacity: 1;
      
    }

    .carousel-control-prev:hover,
    .carousel-control-next:hover {
      background-color: #ffa500; /* Orange on hover */
    }

    .carousel-control-prev-icon,
    .carousel-control-next-icon {
      filter: invert(0);
    }

    .carousel-control-prev {
      left: 40%;
    }

    .carousel-control-next {
      right: 40%;
     
    }
    .preschool-sections{
      
       background-color: #005CA9;
       margin: 0%;
       padding: 0%;

    }
  .preschool{
    margin-bottom: 30px;
  }
  .parent-name{
  color: #000;
font-family: Quicksand;
font-size: 17px;
font-style: normal;
font-weight: 600;
line-height: 140%; /* 25.2px */
}
}
  @media (min-width: 1400px) {
  
    .gallery-title h6 {
    color: #4C3F99;
font-family: Quicksand;
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-align: center;
    }

    .gallery-title h2 {
   color: var(--Deep-Blue, #0B2038);
text-align: center;
font-family: appleberry;
font-size: 45px;
font-style: normal;
font-weight: 400;
line-height: 50px; /* 104.167% */
margin-bottom: 20px;
    }
    .gallery-img {
      width: 100%;
      height: auto;
    }
    .btn-carousel {
      margin-top: 10px;
    }

.slide{
  margin: 0%;
  padding: 0%;
}
    .carousel-inner img {
      border-radius: 20px;
      opacity: 100%;
    }

    .carousel-control-prev,
    .carousel-control-next {
      position: absolute;
      bottom: -50px;
      top: auto;
      width: 50px;
      height: 50px;
      background-color: #C7C7C7;
      border-radius: 50%;
      text-align: center;
      line-height: 50px;
      opacity: 1;
      
    }

    .carousel-control-prev:hover,
    .carousel-control-next:hover {
      background-color: #ffa500; /* Orange on hover */
    }

    .carousel-control-prev-icon,
    .carousel-control-next-icon {
      filter: invert(0);
    }

    .carousel-control-prev {
      left: 40%;
    }

    .carousel-control-next {
      right: 40%;
     
    }
    .preschool-sections{
      
       background-color: #005CA9;
       
       margin: 0%;
       padding: 0%;

    }
  .preschool{
    margin-bottom: 30px;
  }
 .parent-name{
  color: #000;
font-family: Quicksand;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 140%; /* 25.2px */
}
  
  }