@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


body{
    font-family: "DM Sans", serif;
}
h2{
    font-family: "Bricolage Grotesque", serif;
}
.section-margin{
  margin-top: 80px;
}
.section-bottom-margin{
  margin-bottom: 80px;
}

.section-padding{
  padding: 0 50px;
}
.section-padding, .banner-bg{

}
a{
  text-decoration: none;
}
p{
  color: #655945;
  font-size: 18px;
}
:root {
    --header-bg-color: #8A1538;
    --link-color: #efefef;
    --link-active-color: rgba(255, 255, 255);
    --nav-bg-color: #010314;
    --btn-secondary-bg-color: #ffffff;
    --btn-secondary-color: #0e1014;
    --btn-secondary-shadow-color: rgba(0, 0, 0, 0.1);
    --btn-secondary-hover-bg-color: #3f71f6;
    --btn-secondary-hover-color: #ffffff;
    --btn-secondary-hover-border-color: #3f71f6;
    --btn-secondary-hover-shadow-color: rgba(63, 113, 246, 0.3);
  }
  
  * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1440 - 320)));
  }
  
  ul {
    list-style: none;
  }
  
  .logo {
    width: 100%;
    max-width: 200px;
    height: 100%;
    max-height: 35px;
    display: block;
  }

  
  .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-radius: 0;
    border: 1px solid transparent;
    background-color: transaprent;
  }
  .btn.secondary {
    height: 35px;
    padding: 11px 16px;
    border-radius: 10px;
    background-color: var(--btn-secondary-bg-color);
    color: var(--btn-secondary-color);
    font-weight: 500;
    transition: all 0.3s ease;
    box-shadow: 0 4px 6px var(--btn-secondary-shadow-color);
  }
  .btn.secondary:hover {
    background-color: var(--btn-secondary-hover-bg-color);
    color: var(--btn-secondary-hover-color);
    border: 1px solid var(--btn-secondary-hover-border-color);
    box-shadow: 0 8px 16px var(--btn-secondary-hover-shadow-color);
    /* transform: translateY(-3px); */
  }
  .btn.secondary:active {
    background-color: var(--btn-secondary-active-bg-color);
    box-shadow: 0 4px 10px var(--btn-secondary-active-shadow-color);
    transform: translateY(2px);
  }
  .btn.secondary:focus {
    outline: none;
    box-shadow: 0 0 0 3px var(--btn-secondary-focus-shadow-color);
  }
  .btn.secondary:focus:not(:hover) {
    background-color: var(--btn-secondary-bg-color);
    color: var(--btn-secondary-color);
    border: 1px solid transparent;
    box-shadow: 0 4px 6px var(--btn-secondary-shadow-color);
  }
  
  .btn-menu {
    width: 50px;
    min-width: 50px;
    height: 50px;
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    border: 1px solid transparent;
    border-radius: 2px;
    background-color: var(--btn-secondary-bg-color);
    cursor: pointer;
  }
  .btn-menu svg {
    width: 50px;
    height: 50px;
    stroke: #ffffff;
    stroke-width: 2px;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
    display: block;
    position: absolute;
    z-index: 99;
  }
  .btn-menu svg path {
    transition: stroke-dasharray 0.85s ease 0s, stroke-dashoffset 0.85s ease 0s;
    stroke-dasharray: 26px 100px;
    stroke-dashoffset: 126px;
    transform: translateZ(0);
  }
  .btn-menu svg path:nth-child(2) {
    transition-duration: 0.7s;
    transition-timing-function: ease-in;
    stroke-dashoffset: 100px;
    stroke-dasharray: 26px 74px;
  }
  .btn-menu svg path:nth-child(3) {
    stroke-dashoffset: 133px;
    stroke-dasharray: 26px 107px;
  }
  .btn-menu.active svg path {
    stroke-dashoffset: 57px;
  }
  .btn-menu.active svg path:nth-child(1), .btn-menu.active svg path:nth-child(3) {
    transition-delay: 0.15s;
    transition-timing-function: cubic-bezier(0.2, 0.4, 0.2, 1.1);
  }
  .btn-menu.active svg path:nth-child(2) {
    transition-duration: 0.4s;
    stroke-dashoffset: 2px;
    stroke-dasharray: 1px 100px;
  }
  .btn-menu.active svg path:nth-child(3) {
    stroke-dashoffset: 58px;
  }
  
  .section.header {
    padding: 8px 50px;
  }

  .banner-text-slider{
    margin-top: 60px;
  }
  
  .header {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    background-color: var(--header-bg-color);
    position: fixed;
    z-index: 9;
    top: 0;
  }
  .header__logo {
    min-width: 200px;
  }
  .header__btns {
    min-width: 200px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 20px;
  }

  .header__btns .btn-menu {
    display: none;
  }

  .nav__list {
    display: flex;
    align-items: center;
    margin: 0;
  }

  .nav__item {
    width: 100%;
    flex: 1 1 calc(100% / 6 - 20px);
  }
  .header__btns button {
    background: transparent;
    border-radius: 8px;
    color: #8A1538;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
}
.header__btns a{
  text-decoration: none;
  color: #8A1538;
  font-family: "DM Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.btn.secondary:hover{
  background: #FFEB3B !important;
  color: #8A1538;
  border: 0;
  box-shadow: inherit;
  padding: 11px 16px;
}
.header__btns button:hover {
  background: #8A1538;
  border-radius: 8px;
  color: #fff;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
}

.education-video {
  width: 100% !important;
}

  .nav__link {
    padding: 14px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-size: 14px;
    text-decoration: none;
    cursor: pointer;
    color: var(--link-color);
    white-space: nowrap;
    transition: all 0.3s ease-in-out;
  }
  .dropdown:hover>.dropdown-menu {
    display: block;
  }
  
  .dropdown>.dropdown-toggle:active {
    /*Without this, clicking will make it sticky*/
      pointer-events: none;
  }
  .nav__link:hover {
    color: #e0bb84;
    transition: all 0.3s ease-in-out;
  }
  .nav__link:active {
    color: var(--link-active-color);
    text-shadow: 0 0 3px rgba(255, 255, 255, 0.8), 0 0 15px rgba(255, 255, 255, 0.6);
  }
  .nav .btn.secondary {
    display: none;
  }

  .course{
    color: #fff !important;
  }
  .contact-detail p{
    color: #fff;
    margin: 0;
    white-space: nowrap;
    font-size: 14px;
  }
  .contact-detail p:first-child{
    margin-bottom: 10px;
  }
  .contact-detail p img{
    margin-right: 10px;
  }
  .contact-btn{
    white-space: nowrap;
    font-size: 14px;
  }
  footer{
    background: #8A1538;
    padding: 50px 50px 30px;
  }
  footer p{
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: -0.4px;
    margin: 0;
  }
  .copy-right {
    border-top: 1px solid rgba(220, 193, 150, 0.35);
    margin-top: 32px;
    padding-top: 30px;
  }
  footer h4{
    color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 165.5%;
    letter-spacing: -0.48px;
  }
  .swiper {
    width: 100%;
    height: 100%;
  }

  .test-slide {
    text-align: center;
    font-size: 18px;
    background: transparent;
    justify-content: center;
    align-items: center;
  }

  .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }



  
  
  
  .swiper-slide.swiper-slide-active {
    opacity: 1;
  }
  .banner-bg{
    background: url(../images/bg.png);
  }
  .swiper-slide h2 span{
    color: #8A1538;
    text-align: center;
    font-size: 55px;
    font-style: normal;
    font-weight: 800;
    line-height: 69.981px;
    letter-spacing: 1.356px;
  }
  .swiper-slide h2{
    color: #8A1538;
    font-size: 55px;
    font-style: normal;
    font-weight: 400;
    line-height: 69.981px;
    letter-spacing: 1.356px;
        margin-bottom: 40px;
  }
  .swiper-pagination {
    margin-top: 50px;
    text-align: center;
    
  }
  
  .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background: #ccc;
    opacity: 1;
    transition: 0.3s ease;
  }
  
  .swiper-pagination-bullet-active {
    background: #8a1538;
    width: 12px;
    height: 12px;
  }
  /* .kids .swiper-wrapper, .teach .swiper-wrapper, .exam .swiper-wrapper, .sliderTab .swiper-wrapper{
    margin-bottom: 90px;
  } */
  

 
.banner-img {
  overflow: hidden;
}
.img-up-down img {
  display: block;
  animation: moveUpDown 3s infinite ease-in-out;
}
.img-up img{
  display: block;
  animation: moveUp 3s infinite ease-in-out;
}
.world-sec .img-up img{
  display: block;
  animation: moveUp 3s infinite ease-in-out;
  width: 75%;
}
.world-sec .img-up-down img {
  display: block;
  animation: moveUpDown 3s infinite ease-in-out;
  width: 75%;
}
.world-sec .img-up img{
  display: block;
  animation: moveUp 3s infinite ease-in-out;
  width: 75%;
}
.world-sec .img-left img{
  display: block;
  animation: moveLeft 3s infinite ease-in-out;
  width: 75%;
}
.world-sec .img-right img{
  display: block;
  animation: moveRight 3s infinite ease-in-out;
  width: 75%;
}
@keyframes moveUpDown {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px);
  }
}
@keyframes moveUp {
  0%, 100% {
    transform: translateY(-20px);
  }
  50% {
    transform: translateY(0);
  }
}
@keyframes moveLeft {
  0%, 100% {
    transform: translateX(-20px);
  }
  50% {
    transform: translateX(0);
  }
}
@keyframes moveRight {
  0%, 100% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(-20px);
  }
}
.banner-btn {
  margin-top: 50px;
  text-align: center;
  position: relative;
}
.banner-booking-btn button{
  border-radius: 7.782px;
  background: #EBC48B;
  border: 0;
  padding: 14.592px 23.347px !important;
  transform: rotate(360deg);
  color: #FFF;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.389px;
  position: relative;
  z-index: 2;
}
.banner-btn button {
  border-radius: 7.782px;
  background: #EBC48B;
  border: 0;
  padding:  8px 23.347px;
  transform: rotate(360deg);
  color: #FFF;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.389px;
  position: relative;
  z-index: 2;
}

.banner-btn button::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 7.782px;
  background: #8A1538;
  z-index: -1; /* Background behind the button text */
  transform: rotate(-4.7deg);
}

.banner-btn button:hover::before {
  transform: rotate(0);
}
.blog-detail-cnt p br {
  display: contents;
}
.banner-btn p{
  color: #FFF !important;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.389px;
  transform: rotate(-4.7deg);
  margin: 0;
}
.banner-btn button:hover p{
  transform: rotate(0);

}


.banner-service ul {
  display: flex;
  justify-content: space-between;
  margin: 0;
}
.banner-service li {
  display: flex;
  align-items: center;
}
.banner-service li p{
  margin: 0;
  margin-left: 20px;
}
.banner-service-sec{
  background: #FFF3E1;
  padding: 15px 0 !important;
}
h2{
  color: #655945;
  font-size: 42px;
  font-style: normal;
  font-weight: 400;
  line-height: 83px;
  letter-spacing: -0.42px;
  font-family: "DM Sans" !important;
}
.contact-head h2{
  text-align: left;
}
.about-sec{
  margin-top: 120px;
}
h2 span{
  color: #655945;
  font-size: 42px;
  font-style: normal;
  font-weight: 700;
  line-height: 83px;
  letter-spacing: -0.42px;
}
.about-sec p{
  color: #655945;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 148.566%; /* 29.713px */
  letter-spacing: -0.4px;
}

.about-btn{
  text-align: left;
  margin-bottom: 50px !important;
}
.map-sec h2{
  text-align: center;
}
.about-btn button p{
  color: #fff !important;
}
.mission{
  display: flex;
  position: relative;
  border-radius: 26px;
  background: #FFF3E1;
  padding: 20px 30px;
  transition: .5s;
  height: 100%;
}
.mission-img{
  position: absolute;
  bottom: 0;
  right: 2px;
}
.mission-text{
  width: 80%;
}
.mission-img img {
  width: 140px;
}
.team-sec p {
  color: #655945;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
}
.mission-text h6{
  color: #8A1538;
  font-size: 24px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  letter-spacing: -0.48px;
}
.mission-text p{
  color: #8A1538;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.42px;
}
.about-mission p{
  display: inherit;
}
.mission-text p span{
  font-weight: 700;
  font-size: 18px;
}

.story-sec li, .career-sec li {
  list-style: disc;
  color: #655945;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 31.08px */
  letter-spacing: -0.42px;
  margin-bottom: 20px;
}
.story-sec ul, .career-sec ul {
  padding: 0 0 0 20px;
}
.story-sec, .exam-sec, .accordian-sec, .about-text, .couter-sec, .contact-sec{
  background: #F9F7F4;
  padding: 50px !important;
}
.kids-btn{
  text-align: right;
  margin-top: 0;
}
.kids-sec h2, .exam-sec h2{ 
  text-align: center;
}
.career-sec li{
  margin-bottom: 10px;
}
.kids-arrow img {
  width: auto;
  display: unset;
}
.kids-arrow {
  margin-top: 10px;
}
.kids-text{
  text-align: left;
}
.kids-text h6 {
  color: #8A1538;
  font-size: 20px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  letter-spacing: -0.48px;
}
.kids-text p{
  color: #8A1538;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.34px;
display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.teach-slide {
  border-radius: 10.922px;
  border: 1.146px solid rgba(138, 21, 56, 0.10);
  background: #FFF3E1;
  padding: 10px;
}
.teach-slide h6 {
  color: #8A1538;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.48px;
  padding-top: 10px;
  margin: 0;
  white-space: nowrap;
  display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: center;
    text-transform: capitalize;
}
.swiper-button-next:after, .swiper-button-prev:after{
  font-size: 20px;
  color: #8A1538;
}
.teach, .kids, .exam, .testimonial {
  padding: 15px 23px;
  position: relative;
}
/* .swiper-button-next, .swiper-rtl .swiper-button-prev{
  right: 0 !important;
}
.swiper-button-prev, .swiper-rtl .swiper-button-next{
  left: 0 !important;
} */
.world-sec{
  position: relative;
  width: 80%;
  margin: auto;
}
.world1, .world2, .world3, .world4, .world5, .world6, .world7, .world8, .world9, .world10, .world11, .world12, .world13, .world14{
  position: absolute;
  top: 0;
  left: 10%;
}
.world2{
  left: 40%;
}
.world3{
  right: 25%;
  left: auto;
}
.world4{
  right: 0;
  left: auto;
}
.world5{
  top: 25%;
  left: 22%;
}
.world6{
  top: 30%;
  left: 45%;
}
.world7{
  top: 40%;
  right: 30%;
  left: auto;
}
.world8{
  top: 35%;
  right: 15%;
  left: auto;
}
.world9{
  top: 40%;
  right: 0;
  left: auto;
}
.world10{
  top: 45%;
  left: 0;
}
.world11{
  top: 60%;
  left: 10%;
}
.world12{
  top: 55%;
  left: 30%;
}
.world13{
  bottom: 10%;
  top: auto;
  right: 35%;
  left: auto;
}
.world14{
  bottom: 0;
  top: auto;
  right: 10%;
  left: auto;
}
.marquee-text {
  overflow: hidden;
  position: relative;
  background: #f9f9f9; /* Optional: background color */
  white-space: nowrap;
}

.marquee {
  display: flex;
  width: 200%; /* Twice the width to ensure continuous scrolling */
  animation: scroll 25s linear infinite;
}

.marquee span {
  display: flex;
  align-items: center;
  gap: 10px; /* Space between text and icons */
}

@keyframes scroll {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}
.marquee-text{
  background: #FFF3E1;
  padding: 5px 20px;
  color: #8A1538;
  font-size: 26px;
  font-style: normal;
  font-weight: 400;
}
marquee {
  display: flex;
  align-items: center;
  padding: 4px;
}
.marquee-text img{
  width: 20px;
}
.education-video iframe{
  width: 100%;
  border-radius: 26px;
}
.marquee-sec{
  text-align: center;
}
.exam {
  text-align: center;
  position: relative;
}

.exam .exam-card {
  border-radius: 26px;
  background: #FFF3E1;
  border: 0;
  padding: 10px; 
  color: #FFF;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.389px;
  position: relative; 
  border: 1px solid rgba(138, 21, 56, 0.13);
}

.exam .exam-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 26px;
  border: 1px solid rgba(138, 21, 56, 0.13);
  background: #8A1538;
  z-index: -1;   
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1);
  transform: rotate(3deg);
  transition: .5s;
}

.exam .exam-card:hover::before { 
  transform: rotate(0deg);
}
.exam img, .exam .exam-contnt{
  /* transform: rotate(-1.039deg); */
  border-radius: 26px;
  border: 1px solid rgba(138, 21, 56, 0.13);
  background: #FFF3E1;
}
.exam .exam-card:hover img, .exam .exam-card:hover .exam-contnt{
  transform: rotate(0);
}
.exam .swiper-slide{
  background: transparent;
}
.exam-card h3 {
  color: #8A1538;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.48px;
}
.exam-card p{
  color: #655945;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 152%; /* 24.32px */
  letter-spacing: -0.32px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.exam .exam-contnt {
  text-align: left;
  padding: 10px 10px;
  border: 0;
  background: transparent;
  border-radius: inherit;
}
/* .testi-img{
  position: absolute;
  bottom: 13px;
  right: 2px;
} */
.customer{
  position: absolute;
  left: 25px;
  top: -30px;

}
.customer img{
  width: 70px;
  height: 70px;
  border-radius: 50px;
}
.comma{
  position: absolute;
  top: -25px;
  right: 25px;
}
.testimonial-sec h2{
  text-align: center;
}
.testimonial{
  position: relative;
  padding: 80px 15px 15px;
  border-radius: 26px;
  border: 2px solid rgba(138, 21, 56, 0.10);
  background: #FFF;
}
.testimonial-img{
  position: absolute;
  bottom: 13px;
  right: 2px;
}
.testimonial-img img {
  width: 140px;
}
.testimonial-text p{
  color: #4E4E4E;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
}
.testimonial-text p span{
  font-weight: 700;
  font-size: 18px;
}
.star ul{
  display: flex;
  text-align: left;
  padding: 0;
}
.ratings{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.customer-name h6 {
  color: #8A1538;
  text-align: right;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 20.798px;
  margin: 0;
}
.customer-name p {
  color: rgba(41, 42, 86, 0.49);
  text-align: right;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.15px;
}
[hidden="until-found"].collapse:not(.show) {
  display: block !important;
}

[hidden="until-found"] {
  display: none !important;
}
.accordion-item h3 button{
  color: #655945 !important;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: -0.44px;
}
.accordion-button:not(.collapsed){
  background: transparent;
  color: #655945;
}
.accordion-item {
  border-radius: 8px 8px 0px 0px;
  border: 0;
  border-bottom: 1px solid #CFCFCF;
  background: #FFF;
  margin-bottom: 20px;
}
.accordion-button:focus {
  box-shadow: none;
}
.accordian-sec h2{
  text-align: center;
}
.blog-text{
  text-align: left;
  margin-top: 5px;
}
.blog-text h6{
  color: #655945;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 36px;
  letter-spacing: -0.6px;
  margin: 0;
}
.blog-text p{
  color: rgba(101, 89, 69, 0.60);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: -0.36px;
}
.brand-slide h2{
  color: #8A1538;
  text-align: center;
  font-size: 23.544px;
  font-style: normal;
  font-weight: 700;
  line-height: 24.305px;
  letter-spacing: 0.471px;
}
.social-icons li {
  padding-right: 20px;
}

.social-icons ul {
  display: flex;
  justify-content: flex-start;
  padding: 0;
  align-items: center;
  margin-top: 20px;
}

.logo-text p{
  color: #FFF;
  font-size: 16px;
  font-style: italic;
  font-weight: 500;
  line-height: 165.5%; /* 26.48px */
  text-transform: capitalize;
  margin-top: 30px;
}
.nav-list p a{
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: -0.4px;
  margin: 0;
}

.nav-list h6 a{
  color: #FFF;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 165.5%; /* 33.1px */
  letter-spacing: -0.4px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.demo-class button{
  border-radius: 0 0 6.537px 6.537px;
  border-top: 1.226px solid #FFF;
  border-right: 1.226px solid #FFF;
  border-bottom: 1.226px solid #FFF;
  background: #8A1538;
  color: #fff;
  padding: 10px;
  border: 0;
}
.demo-class{
  position: fixed;
  top: 330px;
  right: -78px;
  transform: rotate(90deg);
  z-index: 3;
}

.btn-whatsapp-pulse {
	background: #25d366;
	color: white;
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 0;
	height: 0;
	padding: 35px;
	text-decoration: none;
	border-radius: 50%;
	animation-name: pulse;
	animation-duration: 1.5s;
	animation-timing-function: ease-out;
	animation-iteration-count: infinite;
}

@keyframes pulse {
	0% {
		box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
	}
	80% {
		box-shadow: 0 0 0 14px rgba(37, 211, 102, 0);
	}
}

.btn-whatsapp-pulse-border {
	bottom: 55px;
	right: 20px;
	animation-play-state: paused;
  z-index: 3;
}

.btn-whatsapp-pulse-border::before {
	content: "";
	position: absolute;
	border-radius: 50%;
	padding: 25px;
	border: 5px solid #25d366;
	opacity: 0.75;
	animation-name: pulse-border;
	animation-duration: 1.5s;
	animation-timing-function: ease-out;
	animation-iteration-count: infinite;
}

@keyframes pulse-border {
	0% {
		padding: 25px;
		opacity: 0.75;
	}
	75% {
		padding: 50px;
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}

.banner-slider{
  display: none;
}
.banner-service .swiper-slide p{
  margin: 0;
}
.banner-service .swiper-slide{
  border-right: 1px solid #8A1538;
}

.banner-service .swiper-slide:last-child{
  border: 0;
}

.brand .swiper-slide {
  opacity: 0.5; /* Default: semi-transparent */
  transition: opacity 0.3s, transform 0.3s;
  transform: scale(0.9); /* Slightly smaller by default */
}

/* Highlight the active slide */
.brand .swiper-slide-active {
  opacity: 1; /* Fully visible */
  transform: scale(1.2); /* Slightly enlarge the active slide */
}

.mission:hover {
  box-shadow: 3px 3px 0px #8a1538;
}

.brand .swiper-slide img{
  width: 110px;
  height: auto;
}


.modal-heading{
  text-align: center;
}
.modal-heading h5{
  color: #655945;
  text-align: center;
  font-size: 33px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.99px;
}
.modal-heading p{
  color: #969696;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.15px;
}
.form-section form label{
  width: 100%;
  color: #655945;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.32px;
  margin-top: 20px;
}
.form-section form input, .form-section form select, .form-section form textarea{
  width: 100%;
  border-radius: 8px;
  border: 1px solid rgba(101, 89, 69, 0.24);
  background: transparent;
  height: 48px;
  padding: 12px 20px;
}

.form-section form select{
  background: #FFF3E1;
  margin-top: 20px;
}

.modal-body{
  padding: 30px;
}
.form-section form textarea{
  height: 137px;
}
.submit-btn{
  border-radius: 8px;
  background: #8A1538;
  width: 100%;
  color: #fff;
  margin-top: 20px;
}


.copy-right p{
  color: #FFF;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 27.68px;
  text-align: center;
}
.copy-right p span a{
  color: #DCC196;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 27.68px;
}
.counters {
  background: transparent;
  padding: 40px 20px;
  display: flex;
  justify-content: space-around;
  margin: 0;
}

.counters .container {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 30px;
	text-align: center;
}

.counter-item h2, .counter-item h2 span{
  color: #655945;
  font-size: 113.771px;
  font-style: normal;
  font-weight: 200;
  line-height: 130px;
  letter-spacing: -2.275px;
  text-align: center;
}
.counter-item p{
  color: #655945;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 0;
  letter-spacing: -0.48px;
  text-align: center;
}

.course-head p{
  color: #655945;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 148.566%; /* 29.713px */
  letter-spacing: -0.4px;
  width: 50%;
}

.tab-slider-container {
  max-width: 100%;
  margin: auto;
}

/* Tab Buttons Styling */
.tabs-swiper, .tabs-english-swiper {
  margin-bottom: 10px;
  overflow: hidden;
}
.tabs-swiper .swiper-slide a, .tabs-english-swiper .swiper-slide a{
  color: #8A1538;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.44px;
  text-decoration: none;
}
.tabs-swiper .swiper-slide, .tabs-english-swiper .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 20px;
  cursor: pointer;
  border-radius: 6px;
  background: #F9F0DF;
  white-space: nowrap;
  border: 0;
  width: fit-content !important;
  margin-left: 10px;
}

.tabs-swiper .swiper-slide.active a, .tabs-english-swiper .swiper-slide.active a{
  color: #F9F0DF;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.44px;
  text-decoration: none;
}
.kids-content-sec h2{
  color: #655945 !important;
  font-size: 26px !important;
  font-style: normal;
  font-weight: 600;
  line-height: 83px; /* 276.667% */
  letter-spacing: -0.3px;
}
.tab-content p span{
  color: #655945;
font-family: "DM Sans";
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 168%; /* 33.6px */
letter-spacing: -0.4px;
}
.tab-content h6 span {
  color: #655945;
  font-size: 25px;
  font-style: normal;
  font-weight: 600;
  line-height: 83px;
  letter-spacing: -0.3px;
}
.tabs-swiper .swiper-slide.active, .tabs-english-swiper .swiper-slide.active {
  border-radius: 6px;
  background: #8A1538;
  
}

/* Tab Content Styling */



.tab-content .content-sec{
  padding: 80px 50px;
  border-radius: 5px;
  background: #F9F7F4;
}

.tab-panel {
  display: none;
}

.tab-panel.active {
  display: block;
}
.tab-content h6{
  color: #655945;
  font-size: 25px;
  font-style: normal;
  font-weight: 600;
  line-height: 83px;
  letter-spacing: -0.3px;
}
.tab-content p, .tab-content li, .tab-content li span{
  color: #655945 !important;
  font-family: "DM Sans" !important;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 168%; /* 33.6px */
  letter-spacing: -0.4px;
}
.tab-content ul{
  padding-left: 20px;
}
.tab-content li {
  list-style: disc;
}
@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-200px * 5));
  }
}
.slider {
  height: 100px;
  margin: auto;
  overflow: hidden;
  position: relative;
  width: auto;
}
.slider .slide-track {
  animation: scroll 17s linear infinite;
  display: flex;
  width: calc(362px* 59);
}
.slider .slide {
  height: 100px;
  width: 160px;
}
.enquiry-sec{
  background: #8A1538;
  padding: 5px;
  text-align: center;
}
.enquiry-sec p{
  color: #FFF !important;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 50px;
  letter-spacing: -0.26px;
  margin: 0;
}
.enquiry-sec button{
  border-radius: 6px;
background: #FFF;
}
.enquiry-btn{
  display: flex;
  justify-content: center;
  align-items: center;
}
.enquiry-btn button {
  border-radius: 6.822px;
  background: #FFF;
  border: 0;
  padding: 7px 14px;
  color: #8A1538;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: -0.2px;
  margin-left: 20px;
}

.course-faq h2{
  text-align: left;
}
.career-form-sec label{
  width: 100%;
}
.career-form-sec label, .career-form-sec select{
  margin-top: 10px;
  margin-bottom: 5px;
  color: #655945;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.32px;
}
.career-form-sec input, .career-form-sec select, .career-form-sec textarea{
  width: 100%;
  border-radius: 8px;
  border: 1px solid rgba(101, 89, 69, 0.24);
  height: 50px;
  padding: 5px 10px;
  background: transparent;
  color: #655945;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.32px;
  
}
.career-form-sec textarea{
  height: 175px;
}
.career-form-sec select{
  border-radius: 8px;
  background: #FFF3E1;
}
.career-form-sec {
  border-radius: 8px;
  border: 4px solid #F9F7F4;
  background: #FFF;
  padding: 22px;
  margin-top: -245px;
}
.iti{
  width: 100%;
}
.iti__flag{
  display: none;
}
input[type="file"] {
  position: relative;
  height: auto;
  margin-top: 10px;
}

input[type="file"]::file-selector-button {
  width: 130px;
  color: transparent;
}

/* Faked label styles and icon */
input[type="file"]::before {
  position: absolute;
  pointer-events: none;
  top: 9px;
  left: 18px;
  height: 20px;
  width: 20px;
  content: "";
  background-image: url("../images/upload.svg");
}

input[type="file"]::after {
  position: absolute;
  pointer-events: none;
  top: 13px;
  left: 40px;
  color: #655945;
  font-size: 12px;
  content: "Upload your CV*";
}

/* ------- From Step 1 ------- */

/* file upload button */
input[type="file"]::file-selector-button {
  border-radius: 4px;
  background: #FFF3E1;
  padding: 10px 16px;
  height: 30px;
  cursor: pointer;
  border: 1px solid rgba(0, 0, 0, 0.16);
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.05);
  margin-right: 16px;
  transition: background-color 200ms;
}

/* file upload button hover state */


/* file upload button active state */
input[type="file"]::file-selector-button:active {
  background-color: #e5e7eb;
}
.career-btn button{
  border-radius: 8px;
  background: #8A1538;
  width: 100%;
  color: #FFF;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  padding: 10px;
  margin-top: 10px;
  border: 0;
}

.inspiring{
  display: flex;
}
.inspiring {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.inspiring h2{
  color: #655945;
  font-size: 42px;
  font-style: normal;
  font-weight: 400;
  line-height: 60px; /* 126.14% */
  letter-spacing: -0.476px;
}
.inspiring h6, .inspiring p{
  color: #655945;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 148.566%; /* 35.656px */
  letter-spacing: -0.48px;
}
.inspiring p a{
  color: #8A1538;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 148.566%;
  letter-spacing: -0.48px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.inspiring-sec img{
  border-radius: 30px;
}

.related-blog {
  display: flex;
  align-items: center;
}
.blog-detail {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 0 22px;
}
.blog-detail .banner-btn{
  text-align: left;
  margin-top: 20px !important;
}
.blog-detail h6 {
  color: #655945;
  font-size: 17px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.6px;
}
.related-blog{
  margin-bottom: 20px;
}
.blog-main-img img{
  height: 100%;
  object-fit: cover;
}
.blog-main-img{
  height: 100%;
}
.why-choose-cnt ul{
  padding: 13px;
}
.why-choose-cnt li, .blog-detail-cnt h6{
  list-style: auto;
  color: #655945;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.44px;
}
.blog-detail-cnt p {
  color: #655945;
  font-family: "DM Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px;
  letter-spacing: -0.44px;
}
.blog-detail-cnt h3{
  color: #655945;
  font-size: 38.627px;
  font-style: normal;
  font-weight: 600;
  line-height: 69.529px; /* 180% */
  letter-spacing: -1.159px;
}
.advantage li{
  list-style: disc;
}
.information li{
  list-style: auto;
}
.personal-info li{
  list-style: disc;
}
.contact-info{
  display: flex;
  justify-content: space-between;
}
.contact-sec h6{
  color: #655945;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 165.5%; /* 39.72px */
  letter-spacing: -0.48px;
}
.contact-info p, .footer-contact p{
  text-decoration: underline;
}
.contact-img-sec img{
  margin-top: -113px;
}
.contact-form h5{
  color: #655945;
  text-align: center;
  font-size: 33px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.99px;
  margin-bottom: 25px;
}

.contact-form{
  margin-top: -115px;
}

.contact-form input{
  margin-bottom: 15px;
}
.sub-menu-list {
  position: absolute;
  right: -165px;
  top: 10px;
}
.copy p{
  text-align: left;
}
.privacy-policy p{
  text-align: right;
}
.contact-menu{
  display: none;
}




.dropdown-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #fff;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  padding: 10px;
  list-style: none;
  z-index: 1000;
}

.dropdown:hover .dropdown-menu {
  display: block;
}

/* Dropdown Arrow */
.nav__link i {
  transition: transform 0.3s ease-in-out;
}

/* When hovering over the menu */
.nav__item:hover i {
  transform: translateY(180deg);
}
.dropdown-toggle::after{
  display: none;
}
/* Submenu */

.dropdown-menu{
  background-color: #FFF3E1;
}

.submenu {
  display: none;
  position: absolute;
  top: 0;
  left: 100%;
  background-color: #FFF3E1;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  padding: 0;
  list-style: none;
  z-index: 1000;
  width: 100%;
  transition: .5s;
}

.dropdown-menu li:hover .submenu {
  display: block;
}

.submenu-item {
  padding: 10px 15px;
  text-decoration: none;
  color: #333;
  display: block;
}

.submenu-item:hover, .dropdown-item:hover {
  background-color: #8A1538;
  color: #fff;
  border-radius: 7px 7px 0px 0px;
}
.dropdown-item, .submenu-item{
  border-bottom: 1px solid #6559454D;
}
.dropdown-menu li .dropdown-item:last-child{
  border-bottom: 0 !important;
}
.error{
  color: red;
}

.kids-sec .mission{
  height: 100%;
}
.kids-sec .mission-img img{
  width: 100%;
}

.kids-sec .mission-img{
  position: absolute;
  bottom: 0;
  right: 0;
  width: 30%;
  height: 215px;
}
.kids, .testimonials, .teach{
  padding: 55px 40px !important;
}
/* .swiper-button-lock{
  display: block !important;
} */
.dropdown-menu{
  padding: 0;
  border-radius: 7px 7px 0 0;
}
.dropdown-item{
  padding: 10px 16px;
}
.testi-slide{
  text-align: center;
    font-size: 18px;
    background: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
}
.brand {
  padding-top: 25px;
}
.text-slide-cont p{
color: #8A1538 !important;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 36.604px; /* 135.802% */
letter-spacing: -0.809px;
margin-left: 15px;
}
.career-sec h6{
  color: #655945;
font-size: 30px;
font-style: normal;
font-weight: 600;
line-height: 83px; /* 276.667% */
letter-spacing: -0.3px;
}
.career-form-sec h5{
  color: #655945;
text-align: center;
font-size: 30px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.99px;
}
.blog-img img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  border-radius: 10px;
}

.blog-thumbnail img {
  width: 150px;
  height: 100px;
  object-fit: cover;
}

.sec-heading{
  position: relative;
  margin-bottom: 25px;
}
.head-btn{
  position: absolute;
  top: 10px;
  right: 0;
}

.blog-sec h2 {
  text-align: left;
}

.education-video iframe .html5-main-video{
  width: 100% !important;
  left: 0 !important;
}

.accordion-body p {
  color: rgba(101, 89, 69, 0.80);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 31px;
  letter-spacing: -0.32px;
}
.accordion-body {
  padding: 10px 30px;
}
.accordion-button{
  padding: 10px 30px;
}

.accordian-sec {
  margin-top: 40px;
}

.contact-info p a{
  text-decoration-line: underline;
}


.ReadMoreText{
  cursor: pointer;
  text-decoration: underline;
font-size: 18px;
color:#5777ff;
}
.ViewmoreText{
  display: none;
}
.ViewmoreText.view{
  display: block;
}



.tabs-english-swiper .swiper-slide:hover {
  background: #8a1538;
}
.tabs-english-swiper .swiper-slide:hover a{
  color:#F9F0DF;
}

.kids-card-home{
  margin-bottom: 0 !important;
}
.terms-condition a, .personal-info a{
  text-decoration: underline;
}
.terms-condition, .terms-condition a, .personal-info, .personal-info a{
  color: #655945;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 36px; /* 163.636% */
letter-spacing: -0.44px;
}
.terms-condition-head h2{
  margin-bottom: 25px;
}