/* @import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,600;1,700;1,800&display=swap"); */



/* css code */




:root {
  margin: 0;
  padding: 0;
  box-sizing: border-box;

  /* colors */
  --primay-color: #fbb929;
  --secondary-color: #1e3d69;
}
body {
  font-family: "Montserrat", sans-serif;
  scroll-behavior: smooth;
  overflow-x: hidden;
}
a {
  text-decoration: none;
}
ul li {
  list-style: none;
}
button {
  font-weight: inherit;
  border-style: none;
  background-color: transparent;
}
input {
  font-family: inherit;
  border-style: none;
  outline: none;
}
textarea {
  font-family: inherit;
  border-style: none;
  outline: none;
}
.languages_header {
  display: none;
  width: 100%;
  background-color: var(--secondary-color);
}
.languages_nav_menu {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 1.5rem;
}
.nav_icons {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 2rem;
}
.nav_icons i {
  font-size: 1.2rem;
}
.language_nav_links {
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--primay-color);
}
header {
  background-color: transparent;
}
nav {
  width: 100%;
  height: 70px;
  padding: 1rem 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.logo {
  width: 80px;
}
.nav_links {
  padding: 0.5rem 0;
  font-size: 1rem;
  font-weight: 700;
  color: var(--secondary-color);
}
/* #nav_head {
  padding: 0.5rem 0;
  font-size: 1rem;
  font-weight: 700;
  color: var(--secondary-color);
} */
.nav_toggle,
.nav_close {
  font-size: 2rem;
  cursor: pointer;
}
.menu_icon i {
  font-size: 1.2rem;
  transition: 0.2s;
}
.sub_menu_nav_links {
  padding: 0.5rem 0;
  font-size: 1rem;
  font-weight: 700;
  color: var(--secondary-color);
}
.menu_icon.rotate i {
  transform: rotate(180deg);
}
.resources_sub_menu {
  display: none;
  width: 200px;
  padding: 1rem;
  transition: 0.2s;
}
.resources_sub_menu li {
  padding: 0.5rem;
}
.sub_menu_nav_items a {
  font-family: inherit;
  font-size: 0.85rem;
  font-weight: 500;
}
.resources_sub_menu.show {
  display: block;
}
.footer_container {
  background-color: #006958;
  padding: 2rem 0;
}
.footer_address_heading {
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--primay-color);
}
.footer_email_heading {
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--primay-color);
}
.footer_news_heading {
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--primay-color);
}
.footer_form {
  display: flex;
  flex-direction: row;
  column-gap: 0.5rem;
  justify-content: start;
  align-items: center;
}
.footer_email {
  padding: 0.8rem;
  border: 2px solid var(--secondary-color);
  border-radius: 1rem;
}
.footer_form button {
  padding: 1rem;
}
.footer_menu {
  display: flex;
  flex-direction: column;
  row-gap: 1.5rem;
}
.footer_social_links {
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--primay-color);
}
.footer_menu_heading {
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--primay-color);
}
.footer_menu li {
  list-style: none;
}
.footer_menu li a {
  font-size: 0.9rem;
  color: black;
  font-weight: 500;
}
.footer_img {
  width: min(500px, 90%);
  overflow: hidden;
}
.path-0 {
  animation: pathAnim-0 4s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
@keyframes pathAnim-0 {
  0% {
    d: path(
      "M 0,400 C 0,400 0,133 0,133 C 109.58851674641147,130.11004784688996 219.17703349282294,127.22009569377991 314,141 C 408.82296650717706,154.7799043062201 488.88038277511964,185.22966507177034 569,182 C 649.1196172248804,178.77033492822966 729.3014354066986,141.86124401913872 835,134 C 940.6985645933014,126.13875598086126 1071.913875598086,147.32535885167465 1177,152 C 1282.086124401914,156.67464114832535 1361.0430622009571,144.83732057416267 1440,133 C 1440,133 1440,400 1440,400 Z"
    );
  }
  25% {
    d: path(
      "M 0,400 C 0,400 0,133 0,133 C 101.96172248803828,103.46889952153111 203.92344497607655,73.93779904306221 305,91 C 406.07655502392345,108.06220095693779 506.26794258373207,171.7177033492823 608,179 C 709.7320574162679,186.2822966507177 813.0047846889953,137.19138755980862 904,115 C 994.9952153110047,92.80861244019138 1073.712918660287,97.51674641148325 1161,105 C 1248.287081339713,112.48325358851675 1344.1435406698565,122.74162679425837 1440,133 C 1440,133 1440,400 1440,400 Z"
    );
  }
  50% {
    d: path(
      "M 0,400 C 0,400 0,133 0,133 C 108.40191387559807,143.20095693779905 216.80382775119614,153.40191387559807 311,154 C 405.19617224880386,154.59808612440193 485.18660287081343,145.59330143540672 586,152 C 686.8133971291866,158.40669856459328 808.4497607655502,180.2248803827751 897,175 C 985.5502392344498,169.7751196172249 1041.0143540669856,137.50717703349284 1126,126 C 1210.9856459330144,114.49282296650716 1325.4928229665072,123.74641148325358 1440,133 C 1440,133 1440,400 1440,400 Z"
    );
  }
  75% {
    d: path(
      "M 0,400 C 0,400 0,133 0,133 C 93.79904306220095,149.48803827751198 187.5980861244019,165.97607655502392 297,177 C 406.4019138755981,188.02392344497608 531.4066985645934,193.58373205741628 628,178 C 724.5933014354066,162.41626794258372 792.7751196172247,125.688995215311 879,106 C 965.2248803827753,86.311004784689 1069.4928229665072,83.66028708133972 1166,91 C 1262.5071770334928,98.33971291866028 1351.2535885167463,115.66985645933013 1440,133 C 1440,133 1440,400 1440,400 Z"
    );
  }
  100% {
    d: path(
      "M 0,400 C 0,400 0,133 0,133 C 109.58851674641147,130.11004784688996 219.17703349282294,127.22009569377991 314,141 C 408.82296650717706,154.7799043062201 488.88038277511964,185.22966507177034 569,182 C 649.1196172248804,178.77033492822966 729.3014354066986,141.86124401913872 835,134 C 940.6985645933014,126.13875598086126 1071.913875598086,147.32535885167465 1177,152 C 1282.086124401914,156.67464114832535 1361.0430622009571,144.83732057416267 1440,133 C 1440,133 1440,400 1440,400 Z"
    );
  }
}
.path-1 {
  animation: pathAnim-1 4s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
@keyframes pathAnim-1 {
  0% {
    d: path(
      "M 0,400 C 0,400 0,266 0,266 C 106.39234449760764,256.76555023923447 212.78468899521528,247.5311004784689 311,257 C 409.2153110047847,266.4688995215311 499.2535885167465,294.6411483253588 581,303 C 662.7464114832535,311.3588516746412 736.200956937799,299.90430622009575 831,298 C 925.799043062201,296.09569377990425 1041.9425837320575,303.7416267942584 1147,300 C 1252.0574162679425,296.2583732057416 1346.0287081339711,281.1291866028708 1440,266 C 1440,266 1440,400 1440,400 Z"
    );
  }
  25% {
    d: path(
      "M 0,400 C 0,400 0,266 0,266 C 82.35406698564591,256.7942583732057 164.70813397129183,247.58851674641147 251,244 C 337.29186602870817,240.41148325358853 427.52153110047846,242.44019138755982 545,254 C 662.4784688995215,265.5598086124402 807.2057416267943,286.6507177033493 909,284 C 1010.7942583732057,281.3492822966507 1069.6555023923445,254.95693779904306 1151,248 C 1232.3444976076555,241.04306220095694 1336.1722488038276,253.52153110047846 1440,266 C 1440,266 1440,400 1440,400 Z"
    );
  }
  50% {
    d: path(
      "M 0,400 C 0,400 0,266 0,266 C 94.62200956937798,273.2918660287081 189.24401913875596,280.5837320574163 281,271 C 372.75598086124404,261.4162679425837 461.6459330143541,234.9569377990431 551,241 C 640.3540669856459,247.0430622009569 730.1722488038278,285.58851674641147 823,296 C 915.8277511961722,306.41148325358853 1011.6650717703349,288.688995215311 1115,279 C 1218.3349282296651,269.311004784689 1329.1674641148325,267.6555023923445 1440,266 C 1440,266 1440,400 1440,400 Z"
    );
  }
  75% {
    d: path(
      "M 0,400 C 0,400 0,266 0,266 C 92.76555023923447,277.7799043062201 185.53110047846894,289.5598086124402 287,291 C 388.46889952153106,292.4401913875598 498.6411483253588,283.5406698564593 581,271 C 663.3588516746412,258.4593301435407 717.9043062200959,242.27751196172247 818,242 C 918.0956937799041,241.72248803827753 1063.7416267942583,257.34928229665076 1175,264 C 1286.2583732057417,270.65071770334924 1363.129186602871,268.32535885167465 1440,266 C 1440,266 1440,400 1440,400 Z"
    );
  }
  100% {
    d: path(
      "M 0,400 C 0,400 0,266 0,266 C 106.39234449760764,256.76555023923447 212.78468899521528,247.5311004784689 311,257 C 409.2153110047847,266.4688995215311 499.2535885167465,294.6411483253588 581,303 C 662.7464114832535,311.3588516746412 736.200956937799,299.90430622009575 831,298 C 925.799043062201,296.09569377990425 1041.9425837320575,303.7416267942584 1147,300 C 1252.0574162679425,296.2583732057416 1346.0287081339711,281.1291866028708 1440,266 C 1440,266 1440,400 1440,400 Z"
    );
  }
}
.social_media_icon {
  display: flex;
  justify-content: start;
  align-items: center;
  column-gap: 2rem;
}
.icons {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  border: 2px solid var(--primay-color);
}
.icons {
  color: var(--primay-color);
}

.footer_content p {
  font-size: 0.8rem;
  font-weight: 500;
  color: #262626;
}
/* .banner_img_section {
  position: relative;
  width: 100%;
  min-height: 35vh;
  background-image: linear-gradient(rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75));
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
} */
.banner_img_section {
  width: 100%;
  height: 50vh;
}
/* .hero_video {
  width: 100%;
  height: 35vh;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -10;
  object-fit: cover;
}
.banner_content_container {
  width: min(900px, 90%);
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  row-gap: 0.5rem;
  z-index: 7;
}
.heading {
  display: inline-block;
} */
.banner_img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  overflow: hidden;
}
.carousel-caption {
  height: 100%;
}
/* .heading::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 2px;
  height: 100%;
  background: var(--primay-color);
  animation: blinkCursor 0.8s steps(3) infinite;
}
@keyframes blinkCursor {
  0%,
  75% {
    opacity: 1;
  }
  76%,
  100% {
    opacity: 0;
  }
}
.heading h1 {
  position: relative;
  color: var(--primay-color);
  font-weight: 800;
  letter-spacing: 5px;
  font-size: 2.5rem;
  animation: typing 3s steps(13) infinite;
  overflow: hidden;
}
@keyframes typing {
  0%,
  90%,
  100% {
    width: 0;
  }
  30%,
  60% {
    width: 347.15;
  }
} */
/*scrolltop start*/
.scroll_top_icon {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #006958;
  border: 2px solid var(--primay-color);
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  z-index: 100;
}
.scroll_top_icon i {
  font-size: 1.5rem;
}

/*scrolltop end*/
.bg_color {
  display: flex;
  justify-content: center;
  align-items: center;
}
.heading h1 {
  font-size: 1.3rem;
  font-weight: 800;
  background-image: linear-gradient(90deg, #fbb929, #e7562f);
  -webkit-background-clip: text;
  color: transparent;
}
.sub_heading {
  font-size: 0.8rem;
  font-weight: 500;
  color: white;
}
.hero_btn {
  width: 150px;
  padding: 0.7rem 0;
  text-align: center;
  margin: 0 auto;
  background-image: linear-gradient(90deg, #fbb929, #e7562f);
  font-size: 0.8rem;
  color: white;
  font-weight: 600;
  border-radius: 2rem;
}

.star_bg_section {
  padding: 2rem 0;
  width: 100%;
  background-image: url("../assets/images/home_page/about_school.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.title_container {
  width: min(800px, 90%);
  margin: 0 auto;
  text-align: center;
}
.title_container h2 {
  font-size: 1.6rem;
  font-weight: 800;
  line-height: 1.6;
  color: var(--secondary-color);
}
.title_container p {
  margin-top: 2.5rem;
  font-size: 0.8rem;
  line-height: 1.6;
  font-weight: 500;
}
.about_us_img {
  overflow: hidden;
  width: min(450px, 90%);
  border-radius: 0.625rem;
}
.about_us_heading {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--secondary-color);
}
.about_us_para {
  font-size: 0.8rem;
  font-weight: 500;
  line-height: 1.8;
}
.our_mission_section {
  width: 100%;
  padding: 5rem 0;
  background-image: url("../assets/images/home_page/Untitled-1.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.rocket_img {
  width: min(500px, 90%);
  overflow: hidden;
  animation: rocket 2s linear 0s infinite alternate forwards;
}
@keyframes rocket {
  0% {
    transform: translate(0);
  }

  20% {
    transform: translate(-2px, 2px);
  }

  40% {
    transform: translate(-2px, -2px);
  }

  60% {
    transform: translate(2px, 2px);
  }

  80% {
    transform: translate(2px, -2px);
  }

  100% {
    transform: translate(0);
  }
}
.our_aim {
  position: relative;
  width: min(550px, 100%);
  height: 580px;
  margin: 0 auto;
  padding: 1rem;
  /* background-color: #006958; */
  background-image: url("../assets/images/home_page/board_vsm.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  display: flex;
  justify-content: center;

  border-radius: 0.625rem;
  /* background-image: url("../assets/images/home_page/sun-tornado.svg");
  background-repeat: no-repeat;
  background-size: cover; */
}
.our_aim_icon {
  position: absolute;
  top: -2rem;
  left: 40%;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: var(--secondary-color);
  display: flex;
  justify-content: center;
  align-items: center;
}
.our_aim_icon img {
  width: 30px;
}
.our_aim_heading {
  font-size: 1.5rem;
  font-weight: 700;
  background-image: linear-gradient(90deg, #fbb929, #e7562f);
  -webkit-background-clip: text;
  color: transparent;
}
.our_aim_sub_headings {
  display: flex;
  justify-content: center;
  column-gap: 0.5rem;
}
.our_aim_sub_headings p i {
  font-size: 1.3rem;
  color: white;
}
.our_aim_sub_headings p {
  color: white;
  font-size: 0.85rem;
  font-weight: 500;
}
.lets_learn_section {
  width: 100%;
  padding: 4rem 0;
  /* height: 700px; */
  background-image: url("../assets/images/home_page/main_content_2.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.best_tutors_section {
  width: 100%;
  height: 700px;
  background-image: url("../assets/images/home_page/16395901_5738293_3.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.learn_best_section {
  width: 100%;
  background-image: url("../assets/images/home_page/best_from_others_bg.png");
  /* background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)),
    url("../assets/images/home_page/empty-classroom-due-coronavirus-pandemic.jpg"); */
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.learn_best_heading {
  margin: 0 auto;
  font-size: 2rem;
  line-height: 1.6;
  font-weight: 800;
  color: var(--secondary-color);
}
.best_container_img {
  width: min(300px, 70%);
}
/* .learn_card_section {
  width: min(1000px, 100%);
  height: 800px;
  margin: 0 auto;
  background-image: url("../assets/images/home_page/board_img.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: flex;
  justify-content: center;
  align-items: center;
} */
.learn_best_card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.learn_best_container {
  width: min(500px, 90%);
  height: 250px;
  background-image: url("../assets/images/home_page/board_vsm.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  /* background-color: white;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);*/
  margin: 3rem auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  row-gap: 1rem;
  text-align: center;
  padding: 1rem;
  border-radius: 0.625rem;
}
/* .swiper_section {
  width: 100%;
  height: 500px;
  overflow: hidden;
}
.swiper {
  width: min(500px, 90%);
  padding-top: 50px;
  padding-bottom: 50px;
  border-radius: 1rem;
}

.swiper-slide {
  background-position: center;
  background-size: cover;
  width: 300px;
  height: 100px;
  border-radius: 1rem;
  box-shadow: 0 15px 50px rgba(0, 0, 0, 0.2);
  filter: blur(4px);
}
.swiper-slide-active {
  filter: blur(0);
} */
.home_testmonial_heading {
  font-size: 2rem;
  font-weight: 800;
  text-align: center;
  padding: 2rem 0;
  color: var(--secondary-color);
}
.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
}
.home_testmonial {
  width: 100%;
  height: 100%;
  background-color: #006958;
}
.testmonial_content p {
  color: rgb(233, 233, 233);
}
.testmonial_user_name {
  font-size: 0.8rem;
  color: white;
}
.learn_best_circle {
  width: 50px;
  height: 50px;
  background-color: #fbb929;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.learn_best_circle img {
  width: 30px;
}
.learn_best_container h6 {
  font-size: 1.8rem;
  font-weight: 700;
  color: white;
}
.learn_best_container p {
  font-size: 0.8rem;
  font-weight: 500;
  color: rgb(233, 233, 233);
}
.tutors_heading {
  font-size: 1.6rem;
  font-weight: 800;
  line-height: 1.6;
  color: var(--secondary-color);
}
.tutors_sub_heading {
  font-size: 0.8rem;
  font-weight: 500;
}
.tutors_img {
  width: min(400px, 90%);
  border-radius: 0.625rem;
}
.learn_best_container {
  width: min(400px, 90%);
}
.lets_learn_title_container {
  width: min(800px, 90%);
  margin: 0 auto;
}
.lets_learn_title {
  text-align: center;
  font-size: 1.8rem;
  font-weight: 800;
  line-height: 1.6;
  background-image: linear-gradient(90deg, #fbb929, #e7562f);
  -webkit-background-clip: text;
  color: transparent;
}

.lets_learn_sub_title {
  text-align: center;
  font-size: 0.8rem;
  font-weight: 500;
}
.lets_learn_btn {
  width: 150px;
  padding: 0.7rem 0;
  text-align: center;
  margin: 0 auto;
  background-image: linear-gradient(90deg, #fbb929, #e7562f);
  font-size: 0.8rem;
  color: white;
  font-weight: 600;
  border-radius: 2rem;
}
.lets_learn_img_bg {
  width: min(500px, 90%);
  margin: 0 auto;
}
.lets_learn_img {
  width: min(400px, 90%);
  border-radius: 0.625rem;
}
.activity_container {
  margin-top: 2rem;
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
  justify-content: center;
  align-items: center;
}
.class {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 1rem;
}
.class_circle {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #e5f4fb;
}
.class_circle i {
  font-size: 1.5rem;
}
.class p {
  margin-top: 0.5rem;
  font-size: 1rem;
  font-weight: 600;
}
.lets_learn_section_heading {
  width: min(600px, 90%);
  margin: 0 auto;
}
.lets_learn_section_heading h2 {
  font-size: 1.5rem;
  font-weight: 800;
  color: var(--secondary-color);
  line-height: 1.6;
}
.author_name {
  font-weight: 500;
}

.no_of_members_section {
  width: 100%;
  background-color: var(--primay-color);
  padding: 5rem 0;
}
.no_of_flex_container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  row-gap: 3rem;
}
.no_of {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  row-gap: 1.5rem;
}
.no_of h6 {
  font-size: 3rem;
  font-weight: 800;
  font-style: italic;
  color: var(--secondary-color);
}
.no_of p {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--secondary-color);
}
.quote_section {
  width: 100%;
  background-image: url("../assets/images/home_page/quote_bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

/*-------------------------------
 
       About_NOD section

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

.about_nod_heading_section {
  width: 100%;
  height: 30vh;
  background-image: url("../assets/images/about_nod/about_nod_heading_bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.about_us_section {
  width: 100%;
  background-image: url("../assets/images/about_nod/about_us_bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.accordion-body {
  font-size: 0.9rem;
  line-height: 1.7;
  font-weight: 500;
}
.accordion-button {
  font-size: 1.4rem;
  font-weight: 700;
  color: var(--secondary-color);
}

.about_us_heading {
  font-size: 2rem;
  font-weight: 800;
  text-align: center;
  background-image: linear-gradient(90deg, #fbb929, #e7562f);
  -webkit-background-clip: text;
  color: transparent;
}
.about_us_objective_list li {
  list-style: initial;
}
.about_us_objective_lis::marker {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.profile_pic {
  width: min(300px, 90%);
  margin: 0 auto;
  overflow: hidden;
  border-radius: 0.625rem;
}

.profile_card {
  width: min(1100px, 100%);
  margin: 0 auto;
  padding: 1rem;
  background-color: white;
  border-radius: 1rem;
}
.profile_card_heading {
  font-size: 1.2rem;
  line-height: 1.4;
  color: var(--secondary-color);
  font-weight: 700;
}
.profile_card_para {
  font-size: 0.85rem;
  line-height: 1.6;
}
.box_bg {
  background-color: white;
  border-radius: 1rem;
}

/*-------------------------------
 
       Contact_us section

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

.contact_us_heading_section {
  width: 100%;
  height: 30vh;
  background-image: url("../assets/images/contact_us/contact_us_heading_bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.contact_us_section {
  width: 100%;
  padding: 5rem 0;
  background-image: url("../assets/images/contact_us/bg.png");
  background-repeat: no-repeat;
}
.contact_us_bg {
  width: min(1200px, 100%);
  margin: 0 auto;
  padding: 1rem;
  border-radius: 1rem;
  background-color: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.contact_us_img {
  width: min(387px, 148%);
}
form {
  width: 100%;
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
  justify-content: center;
  align-items: center;
}
form div {
  width: 100%;
}
form.contact_us_form input {
  width: min(500px, 90%);
  background-color: transparent;
  border-bottom: 2px solid var(--secondary-color);
}
form input::placeholder {
  font-size: 0.8rem;
}
.contact_us_heading {
  font-size: 1.5rem;
  padding: 1.5rem 0;
  font-weight: 700;
  color: var(--secondary-color);
}
button {
  font-family: inherit;
  font-size: 1rem;
  background: var(--secondary-color);
  color: white;
  padding: 0.7em 1em;
  padding-left: 0.9em;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: 30px;
  overflow: hidden;
  transition: all 0.2s;
}

button span {
  display: block;
  margin-left: 0.3em;
  transition: all 0.3s ease-in-out;
}

button svg {
  display: block;
  transform-origin: center center;
  transition: transform 0.3s ease-in-out;
}

button:hover .svg-wrapper {
  animation: fly-1 0.6s ease-in-out infinite alternate;
}

button:hover svg {
  transform: translateX(1.2em) rotate(45deg) scale(1.1);
}

button:hover span {
  transform: translateX(5em);
}

button:active {
  transform: scale(0.95);
}

@keyframes fly-1 {
  from {
    transform: translateY(0.1em);
  }

  to {
    transform: translateY(-0.1em);
  }
}
.contact_heading {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--secondary-color);
}
.address_heading,
.email_heading {
  font-size: 1.2rem;
  font-weight: 600;
}
.address {
  font-size: 0.9rem;
  font-weight: 500;
}
.email {
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--primay-color);
}
.map_container iframe {
  width: 100%;
  overflow: hidden;
}
.map_container h5 {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--secondary-color);
}
/*-------------------------------
 
       Contact_us section

--------------------------------*/
.parents_reach_bg {
  width: 100%;
  height: 500px;
  padding: 2rem;
  background-image: url("../assets/images/parents_reach/parents_reach_left_img.png");
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
}
.parents_reach_heading {
  font-size: 3.5rem;
  font-weight: 800;
  color: var(--secondary-color);
}
.parents_reach_sub_heading {
  font-size: 1rem;
  font-weight: 500;
  color: var(--secondary-color);
}
.form_section {
  width: 100%;
  padding: 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.form_btn {
  padding-right: 2rem;
  padding: 1rem 2rem;
  font-family: inherit;
  background-color: var(--primay-color);
  color: var(--secondary-color);
  font-size: 1rem;
  font-weight: 500;
  border-radius: 1.5rem;
}
.register_btn,.log_in_btn {
  padding-right: 2rem;
  padding: 1rem 2rem;
  font-family: inherit;
  color: var(--secondary-color);
  font-size: 1rem;
  font-weight: 500;
  border-radius: 1.5rem;
}
.parents_login label {
  font-size: 1rem;
  font-weight: 500;
}
.parents_login input {
  border: 1px solid var(--secondary-color);
  padding: 0.8rem 1rem;
  border-radius: 0.625rem;
}
.parents_login input::placeholder {
  font-size: 0.8rem;
}
.log_in {
  padding: 0.8rem 2rem;
  border-radius: 0.625rem;
  background-color: var(--secondary-color);
  color: white;
  font-size: 1rem;
  font-weight: 500;
}
.parents_register_form.form_show {
  display: block;
}
.parents_register_form.form_hide {
  display: none;
}
.parents_login_form.form_hide {
  display: none;
}
.parents_login.form_show {
  display: block;
}
.parents_register label {
  font-size: 1rem;
  font-weight: 500;
}
.parents_register input {
  width: 100%;
  border: 1px solid var(--secondary-color);
  padding: 0.8rem 1rem;
  border-radius: 0.625rem;
}
.parents_register input::placeholder {
  font-size: 0.8rem;
}
.register {
  padding: 0.8rem 2rem;
  border-radius: 0.625rem;
  background-color: var(--secondary-color);
  color: white;
  font-size: 1rem;
  font-weight: 500;
}
/*-------------------------------
 
       Dyslexia section

--------------------------------*/
.dyslexia_heading_section {
  width: 100%;
  height: 30vh;
  background-image: url("../assets/images/dyslexia/dyslexia_heading_bg.png");
  background-size: cover;
  background-position: center;
}
.dyslexia_section {
  width: 100%;
  background-image: url("../assets/images/testmonial_bg.png");
  background-size: cover;
  background-repeat: no-repeat;
}
.dyslexia_img_1 {
  width: min(300px, 90%);
  border-radius: 0.625rem;
}
.dyslexia_heading {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--secondary-color);
}
.dyslexia_para {
  font-size: 0.85rem;
  font-weight: 500;
  color: rgb(0, 0, 0);
}
.characteristics_heading {
  font-size: 2rem;
  color: var(--secondary-color);
  text-align: center;
  font-weight: 800;
}

/*-------------------------------
 
       Infographic section start

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

.info_heading_section {
  width: 100%;
  height: 30vh;
  background-image: url("../assets/images/infographic/infographic_heading_bg.png");
  background-size: cover;
  background-position: center;
}
.info_section {
  width: 100%;
  background-image: url("../assets/images/testmonial_bg.png");
  background-size: cover;
  background-repeat: no-repeat;
}
.info_container {
  background-color: rgb(246, 246, 246);
  border-radius: 1rem;
}
.info_img {
  width: min(300px, 90%);
  margin: 0 auto;
}
.info_para {
  font-size: 0.9rem;
  line-height: 1.6;
  font-weight: 500;
  color: black;
}
/*-------------------------------
 
       Infographic section end

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

/*-------------------------------
 
       Testmonial section start

--------------------------------*/
.testmonial_heading_bg {
  width: 100%;
  height: 30vh;
  background-image: url("../assets/images/testmonial/testmonial_heading_bg.png");
  background-position: center;
  background-size: cover;
}

.testmonial_section {
  width: 100%;
  background-image: url("../assets/images/testmonial_bg.png");
  background-size: cover;
  background-repeat: no-repeat;
}
.testmonial__bg_section {
  background-color: rgb(248, 248, 248);
  padding: 1rem;
  border-radius: 1rem;
}
.children_one_img {
  width: min(300px, 90%);
  margin: 0 auto;
}
.testmonial_heading {
  font-size: 1.5rem;
  font-weight: 600;
  color: rgb(0, 0, 0);
}
.testmonial {
  font-size: 0.9rem;
  color: rgb(0, 0, 0);
  line-height: 1.6;
}
.testmonial_img {
  width: min(400px, 90%);
  overflow: hidden;
}
/*-------------------------------
 
      events/teaching tools section start

--------------------------------*/
.events_heading_section {
  width: 100%;
  height: 30vh;
  background-image: url("../assets/images/events/events_heading_bg.png");
  background-position: center;
  background-size: cover;
}

.teachingtools_heading_section {
  width: 100%;
  height: 55vh;
  background-image: url("../assets/images/teachingtools/teachingtoolsbanner.jpg");
  background-position: center;
  background-size: cover;
}

.gallery_heading_section {
  width: 100%;
  height: 30vh;
  background-image: url("../assets/images/events/events_heading_bg.png");
  background-position: center;
  background-size: cover;
}
.gallery_container {
  background-color: rgb(250, 250, 250);
  border-radius: 1rem;
}
.events_section {
  width: 100%;
  background-image: url("../assets/images/testmonial_bg.png");
  background-size: cover;
}
.carousel-cell {
  width: 80%;
  height: 500px;
  margin-right: 5px;

  border-radius: 5px;
  counter-increment: carousel-cell;
}
/* position dots in gallery */
.flickity-page-dots {
  bottom: 0px;
}
/* white circles */
.flickity-page-dots .dot {
  width: 12px;
  height: 12px;
  opacity: 1;
  background: transparent;
  border: 2px solid rgb(0, 0, 0);
}
/* fill-in selected dot */
.flickity-page-dots .dot.is-selected {
  background: rgb(0, 0, 0);
}
.carousel_card_body {
  width: 100%;
  height: 600px;
  overflow: hidden;
}
.gallery_img {
  object-fit: contain;
  object-position: center;
}
.card {
  border-style: none;
  outline: none;
  background-color: transparent;
}
.events_heading {
  font-size: 2rem;
  font-weight: 700;
  color: var(--secondary-color);
}
.events_date {
  font-size: 1rem;
  font-weight: 600;
}
.events_content {
  font-size: 0.85rem;
  line-height: 1.5;
  font-weight: 500;
  width: min(700px, 90%);
  margin: 0 auto;
  padding: 1rem;
}
.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 450px;
  object-fit: cover;
  overflow: hidden;
}
.gallery_heading {
  font-size: 2rem;
  font-weight: 700;
  color: var(--primay-color);
}
.services_heading {
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--secondary-color);
}
.about_nod_video {
  width: min(900px, 90%);
  margin: 0 auto;
  background-color: black;
}
.slider{
	
	height: 250px;
	margin: auto;
	position: relative;
	width: 90%;
	display: grid;
	place-items: center;
	overflow: hidden;
	
}



.slide-track{
	
	display: flex;
	width: calc(250px * 18);
	animation: scroll 40s linear infinite;
	
}


.slide-track:hover{
	animation-play-state: paused;
}


@keyframes scroll{
	
	0%{
		transform: translateX(0);
	}
	100%{
		transform: translateX(calc(-250px * 9));
	}
}

.slide{
	height: 200px;
	width: 250px;
	display: flex;
	align-items: center;
	padding: 15px;
	perspective: 100px;
	
}

img{
	width: 100%;
	transition: transform 1s;
	
}


img:hover{
	transform: translateZ(20px);
}

.middle1 {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
  width: 270px;
  height: 435px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* .slide:hover .image {
  opacity: 0.3;
} */

.swiper-slide .card-image:hover .middle1 {
  opacity: 1;
}

.text1 {
  color: white;
  font-size: 16px;
  padding: 16px 32px;
}

.cell{
  width: 33%;
  height: 350px;
  margin: 0 15px;
  overflow: hidden;
  border-radius: 8px;
}
.cell img{
  width: 100%;
  height: 350px;
  object-fit: cover;
}
.card-image{
  position: relative;
}


/*parents reach page css*/

.dbox {
  width: 300%;
  margin-bottom: 25px;
  padding: 0 20px; 
}
  @media (min-width: 768px) {
    .dbox {
      margin-bottom: 0;
      padding: 0;
     } 
    }
  .dbox p {
    margin-bottom: 0;
   }
    .dbox p span {
      font-weight: 500;
      color: #bc9864;
      display: block; 
    }
    .dbox p a {
      color: black; 
    }
  .dbox .icon {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #1e3d69;
    margin: 0 auto;
    margin-bottom: 20px;
   }
    .dbox .icon span {
      font-size: 20px;
      color: #fff; 
    }
  .dbox .text {
    width: 100%;
   }