@import url(animation.css);



/*-----------------

1. Global variable css

-----------------------*/

:root {

	--gradient-btn:  -webkit-linear-gradient(0deg, #394263 0%, #6373b1 100%);

    --primary-clr: #EE7705;

    --secondary-clr: #01589F;

    --color-pink: #e91e63;

    --color-green: #4caf50;

    --color-yellow: #F1C232;



    --white-clr:#ffffff;

    --accent-clr: #90a1a8;

    --gray-clr: #F1F1F1;

    --lightgray-clr: #f2f2f2;



}



/* Define color variants */

.yellow-variant {--current-color: var(--color-yellow);}

.pink-variant {--current-color: var(--color-pink);}

.green-variant {--current-color: var(--color-green);}

.blue-variant {--current-color: var(--secondary-clr);}

.primary-variant {--current-color: var(--primary-clr);}



body {

    font-family: "Nunito", sans-serif;

}



.font-primary {

    font-family: "Nunito", sans-serif;

    font-optical-sizing: auto;

    font-weight: normal;

    font-style: normal;

}





/*-----------------

Utility Class

-----------------------*/

button:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}

button:disabled::before {
  background-color: transparent;
}


.section-padding {

  padding-block: 5.25rem;

}

.imgRadius {

  /* border-radius: 40px px 0 55px; */

  border-radius: 40px;

}

.imgRadius2 {

  border-radius: 10rem 0;

}

.zoom-hover {

    transition: all .5s ease;

}

.zoom-hover:hover {

    transform: scale(1.2);

    -webkit-transform: scale(1.2);

}

.img-hover-color {

      filter:grayscale(1);

      -webkit-filter: grayscale(1);

      -webkit-transition: all .8s ease-in-out;  

}

.img-hover-color:hover {

      filter: none;

      -webkit-filter: grayscale(0);

      -webkit-transform: scale(1.01);

}



.fw-900 {

  font-weight: 900;

}

.social-icons.social-small a img {

  height: 28px;

}

/*-----------------

Background Color

-----------------------*/

.bg-primary {background: var(--primary-clr)!important;}

.bg-secondary {background: var(--secondary-clr) !important;}

.bg-pink { background-color: var(--color-pink); }

.bg-green { background-color: var(--color-green); }



.bg-gray {background: var(--gray-clr);}

.bg-lightgrey {background: var(--lightgray-clr);}

.bg-white {background: #fff !important;}

.bg-t {background: transparent !important;}





/*-----------------

Color and Fonts 

-----------------------*/

.primary-clr {color: var(--primary-clr) !important;}

.secondary-clr {color: var(--secondary-clr) !important;}

.text-pink { color: var(--color-pink); }

.text-green { color: var(--color-green); }



.grey {color: var(--accent-clr) !important;}

.grey2 {color: #6f6f6f !important;}





/*-----------------

4. Headings and Typographic Classes / .title, .uppercase etc

-----------------------*/



/* - Font size classes - */

.heading1 {

    font-size: clamp(1.5rem, 0.8571rem + 3.2143vw, 3.75rem);

    font-weight: 900;

    color: #272727;

    line-height: 118%;

}

.heading2 {

  font-size: clamp(1rem, 0.7857rem + 1.0714vw, 1.75rem);

  font-weight: 900;

  color: #272727;

  line-height: 118%;

}



.link {

  font-size: 1rem;

  font-weight: 900;

  color: var(--primary-clr);

  line-height: 118%;

  text-decoration: none;

}

.link:hover {

  text-decoration: underline;

}



.big {font-size: 36px;line-height: 48px;}

.bigger {font-size: 48px;line-height: 1.2;}

.super {font-size: 60px;line-height: 1.2;margin-bottom: 0;}

.f-12 {font-size: 12px;}

.f-13 {font-size: 13px;}

.f-14 {font-size: 14px !important;}

.f-16 {font-size: 16px;}

.f-18 {font-size: 18px;}

.f-20 {font-size: 20px;}





/*-----------------

Button  

-----------------------*/

/* Btn Style One */



.btn-style-one { 

	position: relative;

	font-weight:800;

  font-size: 0.875rem;

	overflow: hidden;

	text-align:center;

	border-radius:50px;

	padding:12px 32px;

	display:inline-block;

    color: var(--white-clr);

	text-transform: uppercase;

	background-color: var(--primary-clr);

}



.btn-style-one:before{

	-webkit-transition-duration: 800ms;

	transition-duration: 800ms;

	position: absolute;

	width: 200%;

	height: 200%;

	content: "";

	top: -200%;

	left: 50%;

	-webkit-transform: translateX(-50%);

	transform: translateX(-50%);

	border-radius: 50%;

	z-index: 1;

	background-color: var(--secondary-clr);

}

.btn-style-one.secondary-btn { 

	background-color: var(--secondary-clr);

}

.btn-style-one.secondary-btn:before{

    background-color: var(--primary-clr);

}



.btn-style-one:hover:before{

	top: 0%;

}



.btn-style-one i{

	position:relative;

	margin-left:5px;

	font-size:12px;

}



.btn-style-one .btn-wrap{

	position:relative;

	z-index:1;

	float:left;

    overflow: hidden;

    display: inline-block;

    width: 100%;



    img {

      margin-top: -4px;

    }

}



.btn-style-one .btn-wrap .text-one{

	position: relative;

	display: block;

	color: var(--white-clr);

	transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

	-webkit-transition: all 0.3s ease;

}



.btn-style-one:hover .btn-wrap  .text-one:first-child{

	-webkit-transform: translateY(-150%);

    -ms-transform: translateY(-150%);

    transform: translateY(-150%);

}



.btn-style-one .btn-wrap .text-two{

	position: absolute;

  top: 100%;

  display: block;

	color: var(--white-clr);

    -webkit-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



.btn-style-one:hover .btn-wrap .text-two{

	top: 50%;

    -webkit-transform: translateY(-50%); 

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

}



.btn-style-one:hover .btn-wrap .text-two{

	color: var(--white-clr);

  width: 100%;

}



.btn-style-one:hover{

	

}



.btn-style-one:hover:before{

	top: -40%;

}







/*-----------------

Position

-----------------------*/

.top-left {position: absolute;top: 8px;left: 16px;}

.top-right {position: absolute;top: 8px;right: 16px;}

.top-center {position: absolute;top: 0;right: 0;} 

.bottom-right {position: absolute;bottom: 16px;right: 20px;}

.bottom-left {position: absolute;bottom: 8px;left: 16px;}

.p-centered {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}

.v-center {-webkit-transform: translate(0,-50%);-o-transform: translate(0,-50%);transform: translate(0,-50%);top: 50%;margin: 0 auto;}

.vertical-center {display: flex;align-items: center;height: calc(100vh - 80px);}

.modal-dialog-bottom {display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: flex-end; min-height: calc(100% - 0rem);}

.modal-rounded {border-radius: 8px 8px 0 0;}



/*-----------------

Custom Scrollbar

-----------------------*/

.cus-scrollbar {

	margin-left: 30px;

	float: left;

	height: 200px;

	background: #F5F5F5;

	overflow-y: scroll;

	margin-bottom: 25px;

}

/* * STYLE 1 */

.style-1::-webkit-scrollbar-track {

	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);

	border-radius: 10px;

	background-color: #F5F5F5;

}

.style-1::-webkit-scrollbar {

	width: 12px;

	background-color: #F5F5F5;

}

.style-1::-webkit-scrollbar-thumb {

	border-radius: 10px;

	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);

	background-color: #555;

}

/** STYLE 2 **/

.style-2::-webkit-scrollbar-track

{

	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);

	background-color: #F5F5F5;

}

.style-2::-webkit-scrollbar

{

	width: 6px;

	background-color: #F5F5F5;

}



.style-2::-webkit-scrollbar-thumb

{

	background-color: #000000;

}

.swiper-button-next,

.swiper-button-prev {

  background: var(--primary-clr);

  color: white;

  width: 40px;

  height: 40px;

  border-radius: 50%;

}



.swiper-button-prev:after,

.swiper-button-next:after {

  content: '';

  background: url(../images/icons/ArrowLeft2.svg) no-repeat center;

  height: 20px;

  width: 22px;

  display: block;

}



.swiper-button-next:after {

  transform: rotate(180deg);

}

/*--------------------------------------------------------------

# Custom Cursor

--------------------------------------------------------------*/

.custom-cursor__cursor {

    width: 25px;

    height: 25px;

    border-radius: 100%;

    border: 1px solid var(--kidearn-base, #F25334);

    -webkit-transition: all 200ms ease-out;

    transition: all 200ms ease-out;

    position: fixed;

    pointer-events: none;

    left: 0;

    top: 0;

    -webkit-transform: translate(calc(-50% + 5px), -50%);

    transform: translate(calc(-50% + 5px), -50%);

    z-index: 999991;

  }

  .custom-cursor__cursor-two {

    width: 10px;

    height: 10px;

    border-radius: 100%;

    background-color: var(--kidearn-base, #F25334);

    opacity: 0.3;

    position: fixed;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    pointer-events: none;

    -webkit-transition: width 0.3s, height 0.3s, opacity 0.3s;

    transition: width 0.3s, height 0.3s, opacity 0.3s;

    z-index: 999991;

  }

  .custom-cursor__hover {

    background-color: var(--kidearn-base, #F25334);

    opacity: 0.4;

  }

  .custom-cursor__innerhover {

    width: 25px;

    height: 25px;

    opacity: 0.4;

  }

/*--------------------------------------------------------------

HEADER

--------------------------------------------------------------*/

.main-header {

    position: relative;

}



.custom-navbar {

    position: relative;

    padding-left: 1.5rem;

    padding-right: 1.5rem;

    z-index: 4;



    .nav-link {

      color: #000;

      font-weight: 800;

      text-transform: uppercase;

      padding: 0 15px !important;

      font-size: 0.875rem;

  }

  .nav-link:hover {

    color: var(--primary-clr)

  }

}



/*-----------------

HOMEPAGE

-----------------------*/

  .homeBanners {

    width: 100%;

    height: 90vh;



    .swiper-slide {

        display: flex;

        justify-content: center;

        align-items: center;

        background: #f22e6c;

        color: #fff;

        padding: 20px;

    }



    .swiper-pagination-bullet-active {

        background: var(--white-clr);

    }

  }

  

  .slider-content {

    display: flex;

    align-items: center;

    width: 100%;

    gap: 50px;

  }



  .slider-image,

  .slider-text {

    flex: 1;

    max-width: 50%;

  }

  

  .slider-text .welcome-text {

    font-size: 1rem;

    margin-bottom: 0;

  }

  

  .slider-text h2 {

    font-size: 3.75rem;

    font-weight: 700;

    margin: 0;

    line-height: 118%;

  }

  

  .slider-text .desc {

    margin: 8px 0 20px 0;

    font-size: 1rem;

    color: #ffe1e9;

  }

  

  /* Responsive */

  @media (max-width: 768px) {

    .slider-content {

      flex-direction: column;

      text-align: center;

    }

    .slider-text h2 {

      font-size: 2rem;

    }

  }



  .feature-card {

    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);

    border-radius: 0.75rem;

    padding: 1rem;

    display: flex;

    align-items: center;

    gap: 1rem;

    background-color: white;

  }

  .icon-box {

    width: 50px;

    height: 50px;

    display: flex;

    justify-content: center;

    align-items: center;

    border-radius: 0.5rem;

    color: white;

    font-size: 24px;

  }

 

  .ourPrograms {

    .swiper-slide {

      padding: 1rem

    }

  }

.program-card {

    background: #fff;

    border-radius: 4rem;

    box-shadow: 0 2px 10px rgba(0,0,0,0.1);

    padding: 30px 20px;

    text-align: center;

    transition: 0.3s;



    img.icon {

        width: 60px;

        margin-bottom: 15px;

    }



    .program-title {

        font-weight: bold;

        font-size: 1.2rem;

    }



    .program-age {

        font-size: 0.9rem;

        margin-bottom: 15px;

        color: var(--current-color);

    }



    .program-list {

        list-style: none;

        padding: 0;

        text-align: left;

        margin-bottom: 20px;

        height:120px;
        overflow-y: auto;


        li {

            margin-bottom: 10px;

            font-size: 13px;

        }



        .program-list-icon {

            color: var(--current-color);

            margin-right: 5px;

        }

    }



    .theme-btn {

        background-color: var(--current-color);

        border: none;

        color: #fff;

    }

}









.testimonial-card {

  max-width: min(86%, 100%);

  margin: auto;

  background: white;

  border-radius: 60px 60px 60px 60px;

  padding: 2rem 9rem;

  position: relative;

}

.testimonial-card::before,

.testimonial-card::after {

  content: "";

  position: absolute;

  height: 150px;

  width: 150px;

  background-repeat: no-repeat;

  background-size: contain;

  z-index: 12;

}



.testimonial-card::before {

  left: 20px;

  top: 16%;

  background: url(../images/icons/quoteStart.svg) no-repeat;

}



.testimonial-card::after {

  right: 14px;

  bottom: 15%;

  background: url(../images/icons/quoteEnd.svg) no-repeat bottom;

}



.user-initial {

  background: #ffda89;

  color: black;

  font-weight: bold;

  border-radius: 50%;

  width: 40px;

  height: 40px;

  display: flex;

  align-items: center;

  justify-content: center;

  margin-right: 10px;

}



.galleryGrid {

  display: grid;

  grid-template-areas: 

    "large large small1 small2"

    "large large small3 small4";

  grid-template-rows: 1fr 1fr;

  gap: 1rem;

  max-width: 1200px;

  margin: 0 auto;

  height: 500px;

}



.galleryGrid img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}





.galleryGrid .imgWrapper:nth-child(1) {

  grid-area: large;

}



.galleryGrid .imgWrapper:nth-child(2) { grid-area: small1; }

.galleryGrid .imgWrapper:nth-child(3) { grid-area: small2; }

.galleryGrid .imgWrapper:nth-child(4) { grid-area: small3; }

.galleryGrid .imgWrapper:nth-child(5) { grid-area: small4; }



.imgWrapper {

  position: relative;

  overflow: hidden;

}



.imgWrapper::after {

  content: '';

  position: absolute;

  inset: 0;

  background: rgba(0, 0, 0, 0.3);

  opacity: 0;

  transition: opacity 0.4s ease;

}



.imgWrapper:hover::after {

  opacity: 1;

}



.imgWrapper img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  transition: transform 0.4s ease;

}



.imgWrapper:hover img {

  transform: scale(1.1);

}



@media (max-width: 768px) {

  .galleryGrid {

    grid-template-areas: 

      "large large"

      "small1 small2"

      "small3 small4";

    grid-template-rows: auto; /* Reset for mobile */

    height: auto;

  }

}



.contact-box {

  background: white;

  border-radius: 20px;

  padding: 40px;

  box-shadow: 0 0 20px rgba(0,0,0,0.1);

}

.contact-info {

  display: flex;

  flex-direction: column;

  gap: 1rem;

  img {

    height: 30px;

    margin-top: 8px;

  }



  





  

}





.contactSec {



  .social-icons a img {

    height: 50px;

    border-radius: 50px;

    border: 0 solid #fff;

  }

  strong {

    font-size: 1.8rem;

  }



}
.BenefitsSection .boxEffect1 {
    min-height: 366px;
}


/*-----------------

ABOUT US

-----------------------*/

.page-header {
  background-color: var(--secondary-clr, #01589F);
  position: relative;
  padding-block: 120px;
  z-index:0;



  @media (min-width: 992px) {

      padding-block: 100px 100px;

  }



  .container {

      position: relative;

      z-index: 10;

      text-align: center;

  }



  .page-header__bg {

      position: absolute;

      inset: 0;

      background: url(../images/page-header-bg.jpg) no-repeat;

      background-position: center;



      &::before {

          content: "";

          position: absolute;

          inset: 0;

          background-color: var(--secondary-clr, #01589F);

          opacity: 0.8;

      }



      &::after {

          content: "";

          position: absolute;

          inset: 0 -1px 0 -1px;

          background-color: var(--white-clr, #fff);

          -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1920 23' fill='currentColor'><path d='M1920 43.5V0C1880 0 1880 21.56 1839.99 21.56C1799.99 21.56 1799.99 0 1759.98 0C1719.98 0 1719.98 21.56 1679.98 21.56C1639.98 21.56 1639.98 0 1599.98 0C1559.98 0 1559.98 21.56 1519.98 21.56C1479.98 21.56 1479.98 0 1439.98 0C1399.98 0 1399.98 21.56 1359.98 21.56C1319.98 21.56 1319.98 0 1279.98 0C1239.98 0 1239.98 21.56 1199.98 21.56C1159.98 21.56 1159.98 0 1119.98 0C1079.98 0 1079.98 21.56 1039.98 21.56C999.98 21.56 999.98 0 959.99 0C919.99 0 919.99 21.56 879.99 21.56C839.99 21.56 839.99 0 799.99 0C759.99 0 759.99 21.56 719.99 21.56C679.99 21.56 679.99 0 639.99 0C599.99 0 599.99 21.56 559.99 21.56C519.99 21.56 519.99 0 479.99 0C439.99 0 439.99 21.56 399.99 21.56C359.99 21.56 359.99 0 319.99 0C279.99 0 279.99 21.56 239.99 21.56C200 21.56 200 0 160 0C120 0 120 21.56 80 21.56C40 21.56 40 0 0 0L0 43.5H1920Z'/></svg>");

          mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1920 23' fill='currentColor'><path d='M1920 43.5V0C1880 0 1880 21.56 1839.99 21.56C1799.99 21.56 1799.99 0 1759.98 0C1719.98 0 1719.98 21.56 1679.98 21.56C1639.98 21.56 1639.98 0 1599.98 0C1559.98 0 1559.98 21.56 1519.98 21.56C1479.98 21.56 1479.98 0 1439.98 0C1399.98 0 1399.98 21.56 1359.98 21.56C1319.98 21.56 1319.98 0 1279.98 0C1239.98 0 1239.98 21.56 1199.98 21.56C1159.98 21.56 1159.98 0 1119.98 0C1079.98 0 1079.98 21.56 1039.98 21.56C999.98 21.56 999.98 0 959.99 0C919.99 0 919.99 21.56 879.99 21.56C839.99 21.56 839.99 0 799.99 0C759.99 0 759.99 21.56 719.99 21.56C679.99 21.56 679.99 0 639.99 0C599.99 0 599.99 21.56 559.99 21.56C519.99 21.56 519.99 0 479.99 0C439.99 0 439.99 21.56 399.99 21.56C359.99 21.56 359.99 0 319.99 0C279.99 0 279.99 21.56 239.99 21.56C200 21.56 200 0 160 0C120 0 120 21.56 80 21.56C40 21.56 40 0 0 0L0 43.5H1920Z'/></svg>");

          -webkit-mask-repeat: repeat-x;

          mask-repeat: repeat-x;

          -webkit-mask-position: bottom center;

          mask-position: bottom center;

          -webkit-mask-size: auto;

          mask-size: auto;

      }

  }

}



.breadcrumb {

  display: flex;

  justify-content: center;

  align-items: center;

  flex-wrap: wrap;

  margin: 0 0 -10px;



  li {

      display: flex;

      align-items: center;

      font-size: 18px;

      font-weight: 400;

      color: #fff;

      text-transform: none;



      span,

      a {

          color: inherit;

          display: inline-flex;

          line-height: 1em;

      }



      a {

          background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0 95% / 0 1px no-repeat;

          transition: all 500ms ease;

      }



      &:not(:last-of-type)::after {

          content: "/";

          position: relative;

          margin: 0 10px;

          top: 1px;

      }

  }

}



.team-card-two {

  position: relative;

  z-index: 2;

  text-align: center;

  margin: 0 auto;

  --accent-color: var(--primary-clr, #EE7705);

}

.team-card-two__svg-top {

  position: absolute;

  right: 5px;

  top: 2px;

  transition: all 500ms ease;

  z-index: -1;

  text-align: right;

}

.team-card-two__svg-top svg {

  width: 198px;

  fill: var(--accent-color);

}



.team-card-two__image {

  position: relative;

  z-index: 2;

  overflow: hidden;

  width: 100%;

  max-width: 344px;

  margin: 0 auto;



  /* WebKit (Chrome, Safari) */

  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 369 370" xmlns="http://www.w3.org/2000/svg"><path d="M25.8819 285.572C27.2325 288.979 28.697 292.302 30.3519 295.518C50.3307 334.769 90.3804 363.097 134.074 368.898C255.377 385.014 379.31 259.293 356.372 137.254C346.959 87.2236 305.187 49.3053 260.53 24.8066C239.854 13.4666 217.607 4.02241 194.1 2.01768C153.186 -1.46881 112.599 18.6114 84.6121 48.672C35.0905 101.847 -2.37131 213.603 25.8819 285.572Z"/></svg>');

  -webkit-mask-repeat: no-repeat;

  -webkit-mask-position: center center;

  -webkit-mask-size: cover;



  /* Standard (Firefox) */

  mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 369 370" xmlns="http://www.w3.org/2000/svg"><path d="M25.8819 285.572C27.2325 288.979 28.697 292.302 30.3519 295.518C50.3307 334.769 90.3804 363.097 134.074 368.898C255.377 385.014 379.31 259.293 356.372 137.254C346.959 87.2236 305.187 49.3053 260.53 24.8066C239.854 13.4666 217.607 4.02241 194.1 2.01768C153.186 -1.46881 112.599 18.6114 84.6121 48.672C35.0905 101.847 -2.37131 213.603 25.8819 285.572Z"/></svg>');

  mask-repeat: no-repeat;

  mask-position: center center;

  mask-size: cover;

}





.team-card-two__image img {

  width: 100%;

  height: auto;

}

.team-card-two__content {

  margin-top: -139px;

  padding: 165px 25px 21px;

  position: relative;

  border-radius: 48px;

  overflow: hidden;

  text-align: center;

}

.team-card-two__title a {

  text-decoration: none;

  color: inherit;

  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95% / 0px 1px no-repeat;

  transition: all 500ms ease;

}



.team-card-two:hover .team-card-two__title a {

  color: var(--accent-color);

  background-size: 100% 1px;

}



.team-card-two__designation {

  margin: 0;

  line-height: 1;

  text-transform: capitalize;

  margin-bottom: 15px;

}

.team-card-two__content::after {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  content: "";

  background-color: var(--accent-color);

  opacity: 0.1;

  z-index: -1;

}



/* Feature box (renamed) */

.vision-feature {

  border: 1px solid #f0e6da;

  border-radius: 8px;

  padding: 20px;

  margin-bottom: 20px;

  transition: all 0.3s ease;

}



.vision-feature:hover {

  color: #fff;

  background: #fff;

  border: 1px solid var(--accent-color);

  transform: translateY(-5px);

}



.feature-number {

  font-size: 1.5rem;

  font-weight: 900;

  color: var(--accent-color);

}



.feature-title {

  font-size: 18px;

  font-weight: 700;

  color: #092d4d;

  margin-bottom: 5px;

}



.feature-desc {

  font-size: 15px;

  color: #5a6570;

  margin: 0;

}

/*-----------------

Gallery

-----------------------*/

.filter-buttons {

  text-align: center;

  margin-bottom: 20px;

}

.filter-buttons button {

  padding: 10px 20px;

  margin: 5px;

  border: none;

  background: var(--gray-clr);

  border: 1px solid var(--primary-clr);

  border-radius: 5px;

  cursor: pointer;

  transition: all 0.3s ease-in;

  font-weight: 800;

  text-transform: capitalize;

}

.filter-buttons button.active {

  background: var(--primary-clr);

  color: var(--white-clr);

}

.grid-gallery {

    display: flex;

    flex-wrap: wrap;

    gap: 15px;

    justify-content: center;

  .grid-item {

    width: 250px;

    height: 250px;

    border-radius: 10px;

    overflow: hidden;

    position: relative;

    img {

      width: 100%;

      height: 100%;

      display: block;

      object-fit: cover;  

      border-radius: 10px;

      cursor: pointer;

    }

  }

}

.grid-item a::before {

  content: "View";

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background-color: rgba(0, 0, 0, 0.7);

  display: flex;

  justify-content: center;

  align-items: center;

  transform: scale(1, 0);

  transition: transform 500ms ease;

  transform-origin: bottom center;

  font-size: 1rem;
  font-weight: 800;

  color: #fff;

}

.grid-item:hover a::before {

  transform-origin: top center;

  transform: scale(1, 1);

}

.hidden {

  display: none !important;

}



/*-----------------

Program

-----------------------*/

.benefit-card {

  /* background-color: var(--current-color); */

  background: #fff;

  padding: 1.5rem;

  border-radius: 1rem;

  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);

  height: 100%;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  transition: all 0.3s ease;



  .variant-icon {

    font-size: 2.5rem;

    margin-bottom: 0.5rem;

    color: var(--current-color);

    border: 1px solid var(--current-color);

    border-radius: 50%;

    padding: 1rem;

    height: 5rem;

    width: 5rem;

    line-height: 1.2;

  }

}

.benefit-card:hover {

  transform: translateY(-5px);

  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;

}

.prodramDetailsImg {

  height: 380px;

  width: 100%;

  object-fit: cover;

  border: 2px solid #fff;

}

.boxEffect1 {

  border: 2px solid #fff;

  padding: 1rem;

  border-radius: 2rem;

  background-color: var(--current-color);

  min-height: 214px;

  transition: all 0.3s ease;

}

.boxEffect1:hover {

  transform: translateY(-5px);

  box-shadow: 0 1rem 3rem var(--current-color) !important;

}

.BenefitsSection {

  background: url("/images/background1.jpg") no-repeat;

  background-color: var(--secondary-clr);

  background-attachment:fixed;

  z-index: 1;

}

.BenefitsSection::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  height: 100%;

  width: 100%;

  background-color: var(--secondary-clr);

  opacity: 0.7;

  z-index: -1;

}



.activitiesCard img {
    height: 280px;
    object-fit: cover;
    width: 100%;
}
.activityDetailsIMG img {
  max-height: clamp(300px, 40vw, 490px);
}


.activities-details__info__text {

  font-size: 16px;

  line-height: 30px;

  margin: 0;

  border-bottom: 1px solid var(--gray-clr);

  padding-bottom: 25px;

  margin-bottom: 25px;

}



.activities-details__info__list li + li {

    padding-top: 30px;

    margin-top: 30px;

    border-top: 1px solid var(--gray-clr);

}

.activities-details__info__list__name {

  font-weight: 800;

    font-size: 1rem;

    color: #000;

    line-height: 1;

    margin-bottom: 0;

}

.activities-details__info__list__text {

  margin: 0;

  font-size: 1rem;

  color: var(--primary-clr);

  line-height: 1;

  margin-top: 10px;

  a {color: var(--primary-clr);}

}



/*-----------------

Footer

-----------------------*/

footer {

    background-color: var(--secondary-clr);

    color: white;

    padding: 40px 0;

    a {

        color: white;

        text-decoration: none;

    }



    h5 {font-weight: 900;}

    

    .contact-info strong {

      font-weight: 900;

      color: #F1C232;

    }

    ul li a {

      display: block;

      transition: all 0.3s ease-in;

   } 

    ul li a:hover {

        color: var(--primary-clr);

        transform: translateX(6px);

    }

}



  footer a:hover img {

    transform: scale(1.0);

  }

  .social-icons a {

    color: white;

    margin-right: 10px;

  }

  .social-icons a img {

    height: 34px;

    width: auto;

    background: #fff;

    border-radius: 50px;

    border: 1px solid #fff;

  }



  



@media only screen and (max-width: 768px) {





  #navbarNavDropdown {

    position: absolute;

    top: 85px;

    left: 0;

    background: #fff;

    width: 80%;

    height: 100vh;

    padding: 1rem;

    border-top: 1px solid #ddd;

    transform: translateX(-100%);

    opacity: 0;

    transition: all 0.3s;

  }



  #navbarNavDropdown.show {

    opacity: 1;

    transform: translateX(0);

  }



  .custom-navbar {

    .nav-link {

        padding: 0.5rem 0 !important;

    }

    .dropdown-menu.show {

      border: none;

  }

}



  .navbar-brand img {

    height: 60px;

    margin-left: -14px;

  }

  .navbar-toggler{border: none;padding: 0;box-shadow: none !important;}



  .page-header {

    padding-block: 50px;

  }

  .page-header__bg::after{display: none;}

  .breadcrumb {

    li {

        line-height: 2;

    }

  }

  .slider-image, .slider-text {

    flex: 1;

    max-width: 100%;

  }

  .testimonial-card {

    padding: 1.5rem 3rem;

  }



  .testimonial-card::before,

  .testimonial-card::after {

    height: 20px;

    width: 20px;

    background-size: contain;

 }

 .testimonial-card::before {

  top: 10%;

 }

 .testimonial-card::after {

  bottom: 10%;

 }



 .contact-box {

  padding: 20px;

}

.custom-cursor__cursor,

.custom-cursor__cursor-two {

  display: none;

}



.custom-toggler {

  width: 30px;

  height: 30px;

  position: relative;

  border: none;

  background: transparent;

}



.custom-toggler span {

  position: absolute;

  height: 3px;

  width: 100%;

  background: black;

  border-radius: 2px;

  transition: all 0.3s ease;

  left: 0;

}



.custom-toggler span:nth-child(1) {

  top: 6px;

}



.custom-toggler span:nth-child(2) {

  top: 13.5px; /* center line */

}



.custom-toggler span:nth-child(3) {

  top: 21px;

}



.custom-toggler[aria-expanded="true"] span:nth-child(1) {

  transform: rotate(45deg);

  top: 13.5px; /* move to center */

}



.custom-toggler[aria-expanded="true"] span:nth-child(2) {

  opacity: 0;

}



.custom-toggler[aria-expanded="true"] span:nth-child(3) {

  transform: rotate(-45deg);

  top: 13.5px; /* move to center */

}



.grid-gallery {

  .grid-item {

      width: 46%;

      height: 110px;

  }

}




.activityDetailsIMG img {
    max-height: fit-content;
    width: 100%;
}








}



  



/* Large devices (laptops/desktops, 992px and up) */

@media only screen and (min-width: 991px) {

  .main-header:after {

    content: "";

    position: absolute;

    bottom: -24px;

    left: -4px;

    width: 100%;

    max-width: 214px;

    height: 40px;

    background: #fff;

    border-bottom-left-radius: 50px;

    border-bottom-right-radius: 50px;

    z-index: 2;

    box-shadow: 0 2px 10px -5px rgba(0, 0, 0, 0.05);

}

.main-header::before {

    content: "";

    position: absolute;

    bottom: -8px;

    right: 0;

    width: calc(100% - 220px);

    height: 8px;

    z-index: 2;

    background: #000;

    filter: blur(4px);

    opacity: 0.1;

}

.navbar-brand {

  padding: 0;

  img {

    margin-bottom: -20px;

    margin-left: -10px;

  }

}



}



/* Extra large devices (large laptops and desktops, 1200px and up) */

@media only screen and (min-width: 1200px) {



}