@import url("https://fonts.googleapis.com/css2?family=Antonio:wght@100..700&family=Bebas+Neue&family=Geist:ital,wght@0,100..900;1,100..900&display=swap");
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body {
  background-color: #F9F5F2;
  scroll-behavior: smooth;
  font-family: "Geist", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  color: #2B2521;
}

ul, ol {
  list-style: none;
}

a, img {
  text-decoration: none;
  outline: none;
}

/* media Queries */
h1, h2, h3, h4, h5 {
  font-family: "Antonio", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

h1 {
  text-align: center;
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: clamp(48px, 5vw, 84px);
  color: #2B2521;
  text-transform: uppercase;
  line-height: 1;
}

h2 {
  text-align: center;
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-style: normal;
  font-size: 52px;
  font-size: clamp(32px, 5vw, 52px);
  color: #2B2521;
  text-transform: uppercase;
  line-height: 1;
}

h3 {
  text-align: center;
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-style: normal;
  font-size: clamp(24px, 5vw, 32px);
  color: #2B2521;
  text-transform: uppercase;
  line-height: 1;
}

h4 {
  text-align: center;
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-style: normal;
  font-size: clamp(29px, 5vw, 39px);
  color: #2B2521;
  text-transform: uppercase;
  line-height: 1;
}

h5 {
  text-align: center;
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-style: normal;
  font-size: 24px;
  color: #2B2521;
  text-transform: uppercase;
  line-height: 1;
}

header {
  width: 100%;
  height: auto;
  background-color: #F9F5F2;
  position: sticky;
  top: 0;
  background-color: rgba(249, 245, 242, 0.7);
  backdrop-filter: blur(8px);
  z-index: 9999;
}
@media (max-width: 1160px) {
  header {
    position: unset;
    backdrop-filter: unset;
  }
}
header .header {
  width: 100%;
  max-width: 1288px;
  margin: 0 auto;
  padding: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
header .header .logo {
  width: auto;
  flex-shrink: 0;
}
header .header .logo a {
  display: inline-block;
  width: auto;
}
header .header .logo a img {
  display: block;
  height: 72px;
  width: auto;
}
header .header .nav {
  width: 100%;
}
@media (max-width: 1160px) {
  header .header .nav {
    width: 100%;
    height: 100%;
    position: fixed;
    right: 0;
    top: 0;
    background-color: rgba(16, 63, 80, 0.78);
    display: flex;
    flex-flow: column;
    align-items: flex-end;
    transform: translateX(100%);
    transition: 1s ease;
    z-index: 9990;
    backdrop-filter: blur(10px);
  }
}
header .header .nav .nav_inner {
  width: 100%;
  display: flex;
  flex-flow: column;
  align-items: flex-end;
  gap: 12px;
}
@media (max-width: 1160px) {
  header .header .nav .nav_inner {
    max-width: 300px;
    width: 100%;
    background-color: #F9F5F2;
    height: 100%;
    overflow-y: auto;
    display: flex;
    flex-flow: column-reverse;
    align-items: center;
    justify-content: center;
    padding: 32px;
    gap: 48px;
  }
}
header .header .nav .nav_inner .top_nav {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 24px;
}
@media (max-width: 1160px) {
  header .header .nav .nav_inner .top_nav {
    width: 100%;
    display: flex;
    flex-flow: column;
    gap: 8px;
  }
}
header .header .nav .nav_inner .top_nav a {
  display: inline-flex;
  width: auto;
  gap: 4px;
  font-size: 14px;
  font-weight: 500;
  color: #2B2521;
}
@media (max-width: 1160px) {
  header .header .nav .nav_inner .top_nav a {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 8px 16px;
    background-color: #fff;
  }
}
header .header .nav .nav_inner .top_nav a svg {
  width: 20px;
}
header .header .nav .nav_inner .top_nav a:hover {
  color: #103F50;
}
@media (max-width: 1160px) {
  header .header .nav .nav_inner .top_nav a:hover {
    background-color: #C0C620;
    color: #2B2521;
  }
}
header .header .nav .nav_inner .top_nav a.admission {
  padding: 8px 20px;
  background-color: #C0C620;
  font-family: "Antonio", sans-serif;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  color: #2B2521;
}
header .header .nav .nav_inner .top_nav a.admission:hover {
  background-color: #dee516;
}
header .header .nav .nav_inner nav {
  width: 100%;
}
@media (max-width: 1160px) {
  header .header .nav .nav_inner nav {
    width: 100%;
  }
}
header .header .nav .nav_inner nav ul {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 40px;
}
@media (max-width: 1160px) {
  header .header .nav .nav_inner nav ul {
    width: 100%;
    display: flex;
    flex-flow: column;
    gap: 24px;
  }
}
header .header .nav .nav_inner nav ul li {
  width: auto;
  position: relative;
  z-index: 999;
}
@media (max-width: 1160px) {
  header .header .nav .nav_inner nav ul li {
    width: 100%;
  }
}
header .header .nav .nav_inner nav ul li:hover a {
  color: #C0C620;
}
header .header .nav .nav_inner nav ul li:hover .sub_menu {
  display: inline-block;
}
header .header .nav .nav_inner nav ul li a {
  display: inline-block;
  width: auto;
  font-family: "Antonio", sans-serif;
  font-weight: 700;
  font-size: 18px;
  text-transform: uppercase;
  color: #2B2521;
  position: relative;
  z-index: 1000;
}
@media (max-width: 1160px) {
  header .header .nav .nav_inner nav ul li a {
    width: 100%;
    display: block;
  }
}
header .header .nav .nav_inner nav ul li .sub_menu {
  width: auto;
  min-width: 200px;
  position: absolute;
  left: 0;
  top: 0;
  padding-top: 32px;
  display: none;
}
@media (max-width: 1160px) {
  header .header .nav .nav_inner nav ul li .sub_menu {
    width: 100%;
    position: relative;
    padding: 8px 0 0 0;
  }
}
header .header .nav .nav_inner nav ul li .sub_menu .sub_menuInner {
  width: 100%;
  background-color: #fff;
  padding: 16px 8px;
  border-radius: 12px;
  display: flex;
  flex-flow: column;
  gap: 4px;
}
@media (max-width: 1160px) {
  header .header .nav .nav_inner nav ul li .sub_menu .sub_menuInner {
    padding: 8px;
  }
}
header .header .nav .nav_inner nav ul li .sub_menu .sub_menuInner a {
  display: block;
  width: 100%;
  text-align: left;
  font-weight: 700;
  font-size: 14px;
  color: #000;
  padding: 8px 12px;
  border-radius: 8px;
}
header .header .nav .nav_inner nav ul li .sub_menu .sub_menuInner a:hover, header .header .nav .nav_inner nav ul li .sub_menu .sub_menuInner a.active {
  background-color: #C0C620;
}
header .header .nav .closePop {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  display: none;
  align-items: center;
  justify-content: center;
  background-color: #C0C620;
  cursor: pointer;
  position: relative;
  z-index: 10000;
}
header .header .nav .closePop:hover {
  background-color: #dee516;
}
header .header .nav .closePop small {
  width: 100%;
  height: 100%;
  position: absolute;
  transform: scale(1.02);
  left: 0;
  top: 0;
}
header .header .nav .closePop small img {
  display: block;
  width: 100%;
  height: 100%;
}
@media (max-width: 1160px) {
  header .header .nav .closePop {
    position: absolute;
    right: 24px;
    top: 24px;
    display: flex;
  }
}
header .header .nav .closePop img {
  display: block;
  width: 20px;
}
header .header .popMenu {
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 50%;
  background: #103F50;
  display: none;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex-shrink: 0;
  position: relative;
}
@media (max-width: 1160px) {
  header .header .popMenu {
    display: flex;
  }
}
header .header .popMenu img {
  display: block;
  width: 22px;
}
header .header .popMenu small {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  transform: scale(1.02);
}
header .header .popMenu small img {
  display: block;
  width: 100%;
  height: 100%;
}

.slider {
  width: 100%;
  overflow-x: hidden;
  background-color: #103F50;
}
.slider .swiper {
  width: 100%;
  height: 100%;
  max-height: 610px;
  overflow: hidden;
}
.slider .swiper-slide {
  text-align: center;
  height: 100%;
  font-size: 18px;
  background: #444;
  display: flex;
  justify-content: center;
  align-items: center;
}
.slider .swiper-slide img {
  display: block;
  width: 100%;
}
.slider .swiper-button-next, .slider .swiper-button-prev {
  color: #C0C620 !important;
}

.discover_wrapper {
  width: 100%;
  background: url(../images/discover_bg.jpg) no-repeat center #F9F5F2;
  background-size: cover;
  overflow-x: hidden;
}
.discover_wrapper .discover_container {
  width: 100%;
  max-width: 1288px;
  margin: 0 auto;
  padding: 72px 24px;
  display: flex;
  flex-flow: column;
  gap: 48px;
  align-items: center;
}
.discover_wrapper .discover_container .heading {
  width: 100%;
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: 24px;
}
.discover_wrapper .discover_container .heading .icon {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.discover_wrapper .discover_container .heading .icon img {
  display: block;
  width: 64px;
}
.discover_wrapper .discover_container ul {
  width: 100%;
  display: grid;
  align-items: flex-start;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 48px;
}
@media (max-width: 834px) {
  .discover_wrapper .discover_container ul {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.discover_wrapper .discover_container ul li {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 24px;
  align-items: center;
}
.discover_wrapper .discover_container ul li .heading {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 16px;
  align-items: center;
}
.discover_wrapper .discover_container ul li .heading .icon {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.discover_wrapper .discover_container ul li .heading .icon img {
  display: block;
  width: 24px;
}
.discover_wrapper .discover_container ul li p {
  text-align: center;
  line-height: 1.4;
  font-size: 15px;
}

.journey_wrapper {
  width: 100%;
  background-color: #103F50;
  overflow-x: hidden;
}
.journey_wrapper .journey_conatiner {
  width: 100%;
  max-width: 1288px;
  margin: 0 auto;
  padding: 72px 24px;
  display: flex;
  flex-flow: column;
  gap: 48px;
}
.journey_wrapper .journey_conatiner .heading {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 24px;
}
.journey_wrapper .journey_conatiner .heading h1 {
  color: #fff;
}
.journey_wrapper .journey_conatiner .heading p {
  text-align: center;
  line-height: 1.5;
  font-size: 18px;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.78);
}
@media (max-width: 768px) {
  .journey_wrapper .journey_conatiner .heading p {
    font-size: 16px;
  }
}
@media (max-width: 480px) {
  .journey_wrapper .journey_conatiner .heading p {
    font-size: 14px;
  }
}
.journey_wrapper .journey_conatiner .journey_wrapp {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 32px;
}
.journey_wrapper .journey_conatiner .journey_wrapp .journey-tabs {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 40px;
}
@media (max-width: 834px) {
  .journey_wrapper .journey_conatiner .journey_wrapp .journey-tabs {
    gap: 24px;
  }
}
@media (max-width: 768px) {
  .journey_wrapper .journey_conatiner .journey_wrapp .journey-tabs {
    overflow-x: auto;
  }
  .journey_wrapper .journey_conatiner .journey_wrapp .journey-tabs ::-webkit-scrollbar {
    display: none;
  }
}
@media (max-width: 480px) {
  .journey_wrapper .journey_conatiner .journey_wrapp .journey-tabs {
    gap: 16px;
  }
}
.journey_wrapper .journey_conatiner .journey_wrapp .journey-tabs button {
  appearance: none;
  background: transparent;
  border: none;
  display: inline-block;
  width: auto;
  appearance: none;
  font-family: "Geist", sans-serif;
  font-weight: 700;
  font-size: 14px;
  color: #fff;
  cursor: pointer;
  text-transform: uppercase;
}
@media (max-width: 480px) {
  .journey_wrapper .journey_conatiner .journey_wrapp .journey-tabs button {
    font-size: 12px;
  }
}
.journey_wrapper .journey_conatiner .journey_wrapp .journey-tabs button.active {
  color: #C0C620;
}
.journey_wrapper .journey_conatiner .journey_wrapp .journey-panels {
  width: 100%;
  position: relative;
}
.journey_wrapper .journey_conatiner .journey_wrapp .journey-panels .journey-panel {
  width: 100%;
  position: relative;
  display: none;
}
.journey_wrapper .journey_conatiner .journey_wrapp .journey-panels .journey-panel.active {
  display: block;
}
.journey_wrapper .journey_conatiner .journey_wrapp .journey-panels .journey-panel .journey-side-title {
  width: 390px;
  position: absolute;
  top: -60px;
  right: 10px;
  z-index: 10;
  pointer-events: none;
}
@media (max-width: 834px) {
  .journey_wrapper .journey_conatiner .journey_wrapp .journey-panels .journey-panel .journey-side-title {
    width: 330px;
  }
}
@media (max-width: 768px) {
  .journey_wrapper .journey_conatiner .journey_wrapp .journey-panels .journey-panel .journey-side-title {
    top: 320px;
  }
}
@media (max-width: 480px) {
  .journey_wrapper .journey_conatiner .journey_wrapp .journey-panels .journey-panel .journey-side-title {
    width: 220px;
    top: 240px;
  }
}
.journey_wrapper .journey_conatiner .journey_wrapp .journey-panels .journey-panel .journey-side-title h3 {
  margin: 0;
  color: #C0C620;
  font-size: clamp(45px, 5vw, 72px);
  line-height: 0.92;
  text-align: right;
  text-transform: uppercase;
  letter-spacing: -2px;
  opacity: 0;
}
@media (max-width: 834px) {
  .journey_wrapper .journey_conatiner .journey_wrapp .journey-panels .journey-panel .journey-side-title h3 {
    font-size: 52px;
  }
}
@media (max-width: 480px) {
  .journey_wrapper .journey_conatiner .journey_wrapp .journey-panels .journey-panel .journey-side-title h3 {
    font-size: 34px;
  }
}
.journey_wrapper .journey_conatiner .journey_wrapp .journey-panels .journey-panel .journey-images {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: flex-end;
}
.journey_wrapper .journey_conatiner .journey_wrapp .journey-panels .journey-panel .journey-images .journey-image {
  width: auto;
}
.journey_wrapper .journey_conatiner .journey_wrapp .journey-panels .journey-panel .journey-images .journey-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform 1s ease;
}
.journey_wrapper .journey_conatiner .journey_wrapp .journey-panels .journey-panel .journey-images .journey-image:hover img {
  transform: scale(1.04);
}
.journey_wrapper .journey_conatiner .journey_wrapp .journey-panels .journey-panel .journey-images .journey-image.image-one {
  width: 63%;
  aspect-ratio: 4/3;
  top: 0;
  left: 0;
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
}
@media (max-width: 768px) {
  .journey_wrapper .journey_conatiner .journey_wrapp .journey-panels .journey-panel .journey-images .journey-image.image-one {
    width: 90%;
  }
}
@media (max-width: 480px) {
  .journey_wrapper .journey_conatiner .journey_wrapp .journey-panels .journey-panel .journey-images .journey-image.image-one {
    width: 100%;
  }
}
.journey_wrapper .journey_conatiner .journey_wrapp .journey-panels .journey-panel .journey-images .journey-image.image-two {
  width: 42%;
  right: 0;
  z-index: 2;
  aspect-ratio: 3/4;
  position: relative;
  right: 0;
  margin-top: 100px;
}
@media (max-width: 768px) {
  .journey_wrapper .journey_conatiner .journey_wrapp .journey-panels .journey-panel .journey-images .journey-image.image-two {
    width: 82%;
    margin-top: 420px;
  }
}
@media (max-width: 480px) {
  .journey_wrapper .journey_conatiner .journey_wrapp .journey-panels .journey-panel .journey-images .journey-image.image-two {
    width: 85%;
    margin-top: 320px;
  }
}
.journey_wrapper .journey_conatiner .journey_wrapp .journey-panels .journey-panel.animate-in .image-one {
  animation: imageOneAnimation 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) forwards;
}
.journey_wrapper .journey_conatiner .journey_wrapp .journey-panels .journey-panel.animate-in .image-two {
  animation: imageTwoAnimation 0.9s cubic-bezier(0.22, 0.61, 0.36, 1) 0.12s forwards;
}
.journey_wrapper .journey_conatiner .journey_wrapp .journey-panels .journey-panel.animate-in .journey-side-title h3 {
  animation: titleAnimation 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.18s forwards;
}
@keyframes imageOneAnimation {
  0% {
    opacity: 0;
    transform: translateX(-80px) translateY(20px) scale(0.93);
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: translateX(0) translateY(0) scale(1);
  }
}
@keyframes imageTwoAnimation {
  0% {
    opacity: 0;
    transform: translateX(90px) translateY(50px) scale(0.93);
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: translateX(0) translateY(0) scale(1);
  }
}
@keyframes titleAnimation {
  0% {
    opacity: 0;
    transform: translateX(80px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

.curiosity_wrapper {
  width: 100%;
  padding: 72px 0;
  display: flex;
  flex-flow: column;
  gap: 48px;
  overflow-x: hidden;
  background-color: #EDE0D0;
}
.curiosity_wrapper h1 {
  text-align: center;
  width: 100%;
  max-width: 1288px;
  padding: 0 24px;
  margin: 0 auto;
}
.curiosity_wrapper .curiosity_container {
  width: 100%;
  display: grid;
  align-items: flex-start;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 48px;
}
@media (max-width: 1160px) {
  .curiosity_wrapper .curiosity_container {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.curiosity_wrapper .curiosity_container .left {
  width: 100%;
}
.curiosity_wrapper .curiosity_container .left img {
  display: block;
  width: 100%;
}
.curiosity_wrapper .curiosity_container .right {
  width: 100%;
  padding: 0 100px 0 0;
  display: flex;
  flex-flow: column;
  gap: 24px;
}
@media (max-width: 1160px) {
  .curiosity_wrapper .curiosity_container .right {
    padding: 0 24px;
  }
}
.curiosity_wrapper .curiosity_container .right ul {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 24px;
}
.curiosity_wrapper .curiosity_container .right ul li {
  width: 100%;
  padding: 0 0 24px 0;
  border-bottom: 1px solid #103F50;
  display: flex;
  flex-flow: column;
  gap: 12px;
  overflow: hidden;
}
.curiosity_wrapper .curiosity_container .right ul li:last-child {
  border: none;
  padding: 0;
}
.curiosity_wrapper .curiosity_container .right ul li .heading {
  width: 100%;
  display: flex;
  flex-flow: column;
}
.curiosity_wrapper .curiosity_container .right ul li .heading a {
  display: flex;
  align-items: center;
  gap: 16px;
  color: #103F50;
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-size: 48px;
  transform: translateX(-35px);
  transition: all 0.5s ease;
}
.curiosity_wrapper .curiosity_container .right ul li .heading a img {
  display: block;
  width: auto;
  height: 30px;
}
.curiosity_wrapper .curiosity_container .right ul li .heading a:hover {
  transform: translateX(2px);
  transition: all 0.5s ease;
}
.curiosity_wrapper .curiosity_container .right ul li .heading .text {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 24px;
}
.curiosity_wrapper .curiosity_container .right ul li .heading .text b {
  display: inline-block;
  width: auto;
  text-align: left;
  color: #A3A80A;
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-size: 32px;
  padding-right: 24px;
  border-right: 1px solid #888888;
}
.curiosity_wrapper .curiosity_container .right ul li .heading .text small {
  display: inline-block;
  text-align: left;
  font-weight: 700;
  font-size: 16px;
  color: #103F50;
}
.curiosity_wrapper .curiosity_container .right ul li p {
  text-align: left;
  font-weight: 400;
  font-size: 16px;
  color: #4C433D;
}
.curiosity_wrapper .curiosity_container .right .nep {
  width: 100%;
  background: url(../icons/nep.svg) no-repeat right -4px center #103F50;
  background-size: 100%;
  font-size: 24px;
  font-weight: 600;
  color: #fff;
  padding: 16px 24px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  gap: 16px;
}
.curiosity_wrapper .curiosity_container .right .nep img {
  display: block;
  width: 40px;
}

.day_at_wrapper {
  width: 100%;
  background: url(../images/bg.jpg) no-repeat center #F9F5F2;
  background-size: cover;
  overflow-x: hidden;
}
.day_at_wrapper .dat_at_container {
  width: 100%;
  max-width: 1288px;
  margin: 0 auto;
  padding: 72px 24px;
  display: flex;
  flex-flow: column;
  gap: 72px;
}
.day_at_wrapper .dat_at_container .heading {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 16px;
  align-items: center;
}
.day_at_wrapper .dat_at_container .heading small {
  display: inline-flex;
  width: auto;
  align-items: center;
  gap: 12px;
  padding: 8px 16px;
  border-radius: 50px;
  background-color: #fff;
  color: #BA622B;
  font-weight: 600;
  font-size: 18px;
  letter-spacing: 4px;
}
@media (max-width: 480px) {
  .day_at_wrapper .dat_at_container .heading small {
    font-size: 14px;
  }
}
.day_at_wrapper .dat_at_container .heading small span {
  display: inline-block;
}
.day_at_wrapper .dat_at_container .heading small i {
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #BA622B;
}
.day_at_wrapper .dat_at_container .heading p {
  text-align: center;
  font-size: 20px;
  color: #4C433D;
}
.day_at_wrapper .dat_at_container .day_at_wrapp {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 16px;
}
.day_at_wrapper .dat_at_container .day_at_wrapp ul {
  width: 100%;
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  align-items: flex-start;
}
@media (max-width: 1160px) {
  .day_at_wrapper .dat_at_container .day_at_wrapp ul {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    row-gap: 72px;
  }
}
@media (max-width: 768px) {
  .day_at_wrapper .dat_at_container .day_at_wrapp ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 480px) {
  .day_at_wrapper .dat_at_container .day_at_wrapp ul {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.day_at_wrapper .dat_at_container .day_at_wrapp ul li {
  width: 100%;
  height: 100%;
  padding: 8px;
  background-color: #fff;
  border-radius: 12px;
  display: flex;
  flex-flow: column;
  gap: 8px;
}
.day_at_wrapper .dat_at_container .day_at_wrapp ul li .photo {
  width: 100%;
  position: relative;
}
.day_at_wrapper .dat_at_container .day_at_wrapp ul li .photo img {
  display: block;
  width: 100%;
  aspect-ratio: 4/3;
  object-fit: cover;
  object-position: top;
  overflow: hidden;
  border-radius: 8px;
}
.day_at_wrapper .dat_at_container .day_at_wrapp ul li .photo .icon {
  width: 56px;
  height: 56px;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  right: 0;
  top: -36px;
  margin: 0 auto;
}
.day_at_wrapper .dat_at_container .day_at_wrapp ul li .photo .icon .icon_inner {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(0deg, #7246D9 0%, #9381EF 100%);
}
.day_at_wrapper .dat_at_container .day_at_wrapp ul li .photo .icon .icon_inner.icon_1 {
  background: linear-gradient(0deg, #7246D9 0%, #9381EF 100%);
}
.day_at_wrapper .dat_at_container .day_at_wrapp ul li .photo .icon .icon_inner.icon_2 {
  background: linear-gradient(0deg, #F9820C 0%, #FDAC1E 100%);
}
.day_at_wrapper .dat_at_container .day_at_wrapp ul li .photo .icon .icon_inner.icon_3 {
  background: linear-gradient(0deg, #2C8AE2 0%, #4AB1F3 100%);
}
.day_at_wrapper .dat_at_container .day_at_wrapp ul li .photo .icon .icon_inner.icon_4 {
  background: linear-gradient(0deg, #0BB38E 0%, #50D1A5 100%);
}
.day_at_wrapper .dat_at_container .day_at_wrapp ul li .photo .icon .icon_inner.icon_5 {
  background: linear-gradient(0deg, #7A52D7 0%, #9A89EF 100%);
}
.day_at_wrapper .dat_at_container .day_at_wrapp ul li .photo .icon .icon_inner.icon_6 {
  background: linear-gradient(0deg, #F87F14 0%, #F9A317 100%);
}
.day_at_wrapper .dat_at_container .day_at_wrapp ul li .photo .icon .icon_inner.icon_7 {
  background: linear-gradient(0deg, #3F9FEC 0%, #5BB9FA 100%);
}
.day_at_wrapper .dat_at_container .day_at_wrapp ul li .photo .icon .icon_inner.icon_8 {
  background: linear-gradient(0deg, #F2B214 0%, #F8C322 100%);
}
.day_at_wrapper .dat_at_container .day_at_wrapp ul li .photo .icon .icon_inner.icon_9 {
  background: linear-gradient(0deg, #EE5182 0%, #FC769B 100%);
}
.day_at_wrapper .dat_at_container .day_at_wrapp ul li .photo .icon .icon_inner.icon_10 {
  background: linear-gradient(0deg, #F2B214 0%, #F8C322 100%);
}
.day_at_wrapper .dat_at_container .day_at_wrapp ul li .photo .icon .icon_inner.icon_11 {
  background: linear-gradient(0deg, #A65DD7 0%, #CB7DE2 100%);
}
.day_at_wrapper .dat_at_container .day_at_wrapp ul li .photo .icon .icon_inner.icon_12 {
  background: linear-gradient(0deg, #ED5181 0%, #FB7399 100%);
}
.day_at_wrapper .dat_at_container .day_at_wrapp ul li .photo .icon .icon_inner img {
  display: block;
  width: 22px;
  aspect-ratio: unset;
  border-radius: unset;
}
.day_at_wrapper .dat_at_container .day_at_wrapp ul li .text {
  width: 100%;
  padding: 4px 8px;
  display: flex;
  flex-flow: column;
  gap: 8px;
  align-items: center;
}
.day_at_wrapper .dat_at_container .day_at_wrapp ul li .text b {
  display: block;
  width: 100%;
  text-align: center;
  font-weight: 600;
  font-size: 16px;
  color: #2B2521;
}
.day_at_wrapper .dat_at_container .day_at_wrapp ul li .text p {
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  color: #4C433D;
}
.day_at_wrapper .dat_at_container .day_at_wrapp dl {
  width: 100%;
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  align-items: center;
  position: relative;
}
@media (max-width: 1160px) {
  .day_at_wrapper .dat_at_container .day_at_wrapp dl {
    display: none;
  }
}
.day_at_wrapper .dat_at_container .day_at_wrapp dl::before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #39109D;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto 0;
}
.day_at_wrapper .dat_at_container .day_at_wrapp dl dt {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
}
.day_at_wrapper .dat_at_container .day_at_wrapp dl dt:first-child::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #39109D;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto 0;
}
.day_at_wrapper .dat_at_container .day_at_wrapp dl dt:last-child::after {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #39109D;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto 0;
}
.day_at_wrapper .dat_at_container .day_at_wrapp dl dt small {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border: 1px solid #39109D;
  font-weight: 600;
  font-size: 14px;
  color: #39109D;
  border-radius: 50%;
}
.day_at_wrapper .dat_at_container .day_at_wrapp dl dt small.two {
  border-color: #fa8e10;
  color: #fa8e10;
}
.day_at_wrapper .dat_at_container .day_at_wrapp dl dt small.three {
  border-color: #308EE7;
  color: #308EE7;
}
.day_at_wrapper .dat_at_container .day_at_wrapp dl dt small.four {
  border-color: #34BB9D;
  color: #34BB9D;
}
.day_at_wrapper .dat_at_container .day_at_wrapp dl dt small.five {
  border-color: #764CDA;
  color: #764CDA;
}
.day_at_wrapper .dat_at_container .day_at_wrapp dl dt small.six {
  border-color: #F87E10;
  color: #F87E10;
}
.day_at_wrapper .dat_at_container .day_at_wrapp dl dt small.seven {
  border-color: #76C444;
  color: #76C444;
}
.day_at_wrapper .dat_at_container .day_at_wrapp dl dt small.eight {
  border-color: #409BED;
  color: #409BED;
}
.day_at_wrapper .dat_at_container .day_at_wrapp dl dt small.nine {
  border-color: #F64F85;
  color: #F64F85;
}
.day_at_wrapper .dat_at_container .day_at_wrapp dl dt small.ten {
  border-color: #F3B017;
  color: #F3B017;
}
.day_at_wrapper .dat_at_container .day_at_wrapp dl dt small.eleven {
  border-color: #A858DB;
  color: #A858DB;
}
.day_at_wrapper .dat_at_container .day_at_wrapp dl dt small.twelve {
  border-color: #F04C7F;
  color: #F04C7F;
}
.day_at_wrapper .dat_at_container .view_gallery {
  width: 100%;
  background-color: #fff;
  padding: 20px;
  border-radius: 16px;
  border: 1px solid #ddd;
  display: flex;
  align-items: center;
  gap: 48px;
}
@media (max-width: 1160px) {
  .day_at_wrapper .dat_at_container .view_gallery {
    flex-flow: column;
    gap: 24px;
    align-items: flex-end;
  }
}
.day_at_wrapper .dat_at_container .view_gallery .text_left {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 24px;
}
@media (max-width: 834px) {
  .day_at_wrapper .dat_at_container .view_gallery .text_left {
    flex-flow: column;
    gap: 16px;
    align-items: flex-start;
  }
}
.day_at_wrapper .dat_at_container .view_gallery .text_left .icon {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #F0F2D5;
  flex-shrink: 0;
}
.day_at_wrapper .dat_at_container .view_gallery .text_left .icon img {
  display: block;
  width: 24px;
}
.day_at_wrapper .dat_at_container .view_gallery .text_left b {
  display: inline-block;
  width: auto;
  text-align: left;
  flex-shrink: 0;
  font-weight: 600;
  font-size: 20px;
  color: #2B2521;
}
.day_at_wrapper .dat_at_container .view_gallery .text_left p {
  text-align: left;
  font-size: 15px;
  padding: 0 0 0 20px;
  border-left: 1px solid #d0d0d0;
  color: #4C433D;
}
@media (max-width: 834px) {
  .day_at_wrapper .dat_at_container .view_gallery .text_left p {
    border: none;
    border-top: 1px solid #d0d0d0;
    padding: 16px 0 0 0;
  }
}
.day_at_wrapper .dat_at_container .view_gallery a {
  display: inline-block;
  width: auto;
  flex-shrink: 0;
  padding: 10px 24px;
  font-weight: 500;
  font-size: 15px;
  border-radius: 50px;
  background-color: #C0C620;
  color: #2B2521;
}
@media (max-width: 480px) {
  .day_at_wrapper .dat_at_container .view_gallery a {
    display: block;
    width: 100%;
    text-align: center;
  }
}
.day_at_wrapper .dat_at_container .view_gallery a:hover {
  background-color: #dee516;
}

.learning_beyond_wrapper {
  width: 100%;
  background-color: #103F50;
  padding: 72px 0;
  overflow-x: hidden;
}
.learning_beyond_wrapper .learning_beyond_inner {
  width: 100%;
  max-width: 1288px;
  margin: 0 auto;
  padding: 0 24px;
  display: flex;
  flex-flow: column;
  gap: 48px;
}
.learning_beyond_wrapper .learning_beyond_inner h1 {
  color: #fff;
  white-space: pre-line;
}
.learning_beyond_wrapper .learning_beyond_inner ul {
  width: 100%;
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: center;
}
@media (max-width: 1024px) {
  .learning_beyond_wrapper .learning_beyond_inner ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 480px) {
  .learning_beyond_wrapper .learning_beyond_inner ul {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.learning_beyond_wrapper .learning_beyond_inner ul li {
  width: 100%;
  aspect-ratio: 73/113;
  overflow: hidden;
  background-color: #2B2521;
  position: relative;
}
.learning_beyond_wrapper .learning_beyond_inner ul li:hover img {
  transform: scale(1.1);
  transition: 0.25s ease;
}
.learning_beyond_wrapper .learning_beyond_inner ul li:hover .text {
  background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
  transition: 0.25s ease;
  gap: 24px;
}
.learning_beyond_wrapper .learning_beyond_inner ul li:hover .text a {
  height: 40px;
}
.learning_beyond_wrapper .learning_beyond_inner ul li img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
  transition: 0.25s ease;
}
.learning_beyond_wrapper .learning_beyond_inner ul li .text {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: flex-end;
  padding: 32px;
  background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  transition: 0.25s ease;
}
.learning_beyond_wrapper .learning_beyond_inner ul li .text p {
  text-align: center;
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 32px;
  color: #fff;
  text-align: center;
  line-height: 1;
}
.learning_beyond_wrapper .learning_beyond_inner ul li .text a {
  height: 0;
  overflow: hidden;
  width: 100%;
  text-align: center;
  background-color: #C0C620;
  text-transform: uppercase;
  color: #2B2521;
  font-family: "Geist", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 40px;
  transition: height 0.25s ease;
}
.learning_beyond_wrapper .learning_beyond_inner ul li .text a:hover {
  background-color: #dee516;
}

.interest_wrapper {
  width: 100%;
  padding: 72px 0;
  overflow-x: hidden;
  background-color: #EDE0D0;
}
.interest_wrapper .interest_inner {
  width: 100%;
  max-width: 1288px;
  margin: 0 auto;
  padding: 0 24px;
  display: flex;
  flex-flow: column;
  gap: 72px;
}
.interest_wrapper .interest_inner .heading {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
@media (max-width: 768px) {
  .interest_wrapper .interest_inner .heading {
    flex-flow: column;
    align-items: flex-start;
  }
}
.interest_wrapper .interest_inner .heading a {
  display: inline-block;
  width: auto;
  padding: 0 40px;
  background-color: #103F50;
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  line-height: 48px;
}
@media (max-width: 480px) {
  .interest_wrapper .interest_inner .heading a {
    display: block;
    width: 100%;
    text-align: center;
  }
}
.interest_wrapper .interest_inner .heading a:hover {
  background-color: #2B2521;
}
.interest_wrapper .interest_inner .interestContainer {
  width: 100%;
}
.interest_wrapper .interest_inner .interestContainer ul {
  width: 100%;
  display: grid;
  gap: 16px;
  align-items: flex-start;
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
@media (max-width: 1024px) {
  .interest_wrapper .interest_inner .interestContainer ul {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 768px) {
  .interest_wrapper .interest_inner .interestContainer ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 480px) {
  .interest_wrapper .interest_inner .interestContainer ul {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.interest_wrapper .interest_inner .interestContainer ul li {
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: 12px;
  position: relative;
  display: flex;
  flex-flow: column;
}
.interest_wrapper .interest_inner .interestContainer ul li.color_1 .icon {
  background-color: #004FA6;
}
.interest_wrapper .interest_inner .interestContainer ul li.color_1 .text b {
  color: #004FA6;
}
.interest_wrapper .interest_inner .interestContainer ul li.color_1 .empty {
  background-color: #004FA6;
}
.interest_wrapper .interest_inner .interestContainer ul li.color_2 .icon {
  background-color: #65309A;
}
.interest_wrapper .interest_inner .interestContainer ul li.color_2 .text b {
  color: #65309A;
}
.interest_wrapper .interest_inner .interestContainer ul li.color_2 .empty {
  background-color: #65309A;
}
.interest_wrapper .interest_inner .interestContainer ul li.color_3 .icon {
  background-color: #039C36;
}
.interest_wrapper .interest_inner .interestContainer ul li.color_3 .text b {
  color: #039C36;
}
.interest_wrapper .interest_inner .interestContainer ul li.color_3 .empty {
  background-color: #039C36;
}
.interest_wrapper .interest_inner .interestContainer ul li.color_4 .icon {
  background-color: #FE7201;
}
.interest_wrapper .interest_inner .interestContainer ul li.color_4 .text b {
  color: #FE7201;
}
.interest_wrapper .interest_inner .interestContainer ul li.color_4 .empty {
  background-color: #FE7201;
}
.interest_wrapper .interest_inner .interestContainer ul li.color_5 .icon {
  background-color: #029FA9;
}
.interest_wrapper .interest_inner .interestContainer ul li.color_5 .text b {
  color: #029FA9;
}
.interest_wrapper .interest_inner .interestContainer ul li.color_5 .empty {
  background-color: #029FA9;
}
.interest_wrapper .interest_inner .interestContainer ul li .icon {
  position: absolute;
  left: 0;
  top: -36px;
  right: 0;
  margin: 0 auto;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background-color: #000;
  border: 1px solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.interest_wrapper .interest_inner .interestContainer ul li .icon img {
  display: block;
  width: 24px;
}
.interest_wrapper .interest_inner .interestContainer ul li .arc {
  width: 100%;
}
.interest_wrapper .interest_inner .interestContainer ul li .arc img {
  display: block;
  width: 100%;
}
.interest_wrapper .interest_inner .interestContainer ul li .text {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 8px;
  padding: 16px;
  flex-grow: 1;
}
.interest_wrapper .interest_inner .interestContainer ul li .text b {
  display: block;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 24px;
  color: #2B2521;
}
.interest_wrapper .interest_inner .interestContainer ul li .text .list {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 8px;
  flex-grow: 1;
}
.interest_wrapper .interest_inner .interestContainer ul li .text .list p {
  display: flex;
  align-items: center;
  gap: 8px;
  text-align: left;
  color: #2B2521;
  font-weight: 500;
}
.interest_wrapper .interest_inner .interestContainer ul li .text .list p small {
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #0152AB;
}
.interest_wrapper .interest_inner .interestContainer ul li .text .photo {
  width: 100%;
}
.interest_wrapper .interest_inner .interestContainer ul li .text .photo img {
  display: block;
  width: 100%;
}
.interest_wrapper .interest_inner .interestContainer ul li .empty {
  width: 100%;
  height: 24px;
  border-radius: 0 0 12px 12px;
  background-color: #000;
}

.spotlightWrapper {
  width: 100%;
  padding: 72px 0;
  background-color: #F9F5F2;
  overflow-x: hidden;
}
.spotlightWrapper .sportlight_inner {
  width: 100%;
  max-width: 1288px;
  padding: 0 24px;
  margin: 0 auto;
  display: flex;
  flex-flow: column;
  gap: 48px;
}
.spotlightWrapper .sportlight_inner .heading {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
@media (max-width: 480px) {
  .spotlightWrapper .sportlight_inner .heading {
    flex-flow: column;
    align-items: flex-start;
  }
}
.spotlightWrapper .sportlight_inner .heading a {
  display: inline-block;
  width: auto;
  padding: 0 40px;
  background-color: #C0C620;
  color: #2B2521;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  line-height: 48px;
}
@media (max-width: 480px) {
  .spotlightWrapper .sportlight_inner .heading a {
    display: block;
    width: 100%;
    text-align: center;
  }
}
.spotlightWrapper .sportlight_inner .heading a:hover {
  background-color: #dee516;
}
.spotlightWrapper .sportlight_inner .spotlightContainer {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 24px;
}
.spotlightWrapper .sportlight_inner .spotlightContainer .bottom_container {
  width: 100%;
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (max-width: 834px) {
  .spotlightWrapper .sportlight_inner .spotlightContainer .bottom_container {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 480px) {
  .spotlightWrapper .sportlight_inner .spotlightContainer .bottom_container {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.spotlightWrapper .sportlight_inner .spotlightContainer .bottom_container .spotlight {
  width: 100%;
  aspect-ratio: 16/9;
  background-color: #fff;
}
.spotlightWrapper .sportlight_inner .spotlightContainer .bottom_container .spotlight.main {
  grid-column: 1/3;
  grid-row: 1/3;
  height: 100%;
}
@media (max-width: 834px) {
  .spotlightWrapper .sportlight_inner .spotlightContainer .bottom_container .spotlight.main {
    grid-row: unset;
  }
}
@media (max-width: 768px) {
  .spotlightWrapper .sportlight_inner .spotlightContainer .bottom_container .spotlight.main {
    grid-row: unset;
    aspect-ratio: 4/3;
  }
}
@media (max-width: 480px) {
  .spotlightWrapper .sportlight_inner .spotlightContainer .bottom_container .spotlight.main {
    grid-column: unset;
    grid-row: unset;
    aspect-ratio: 3/4;
  }
}
.spotlightWrapper .sportlight_inner .spotlightContainer .bottom_container .spotlight a {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  transition: all 0.25s ease;
}
.spotlightWrapper .sportlight_inner .spotlightContainer .bottom_container .spotlight a img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
  transition: all 0.25s ease;
}
.spotlightWrapper .sportlight_inner .spotlightContainer .bottom_container .spotlight a .text {
  width: 100%;
  height: 100%;
  position: absolute;
  display: flex;
  align-items: flex-end;
  gap: 48px;
  left: 0;
  top: 0;
  padding: 32px;
  background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  transition: all 0.25s ease;
}
@media (max-width: 480px) {
  .spotlightWrapper .sportlight_inner .spotlightContainer .bottom_container .spotlight a .text {
    padding: 16px;
  }
}
.spotlightWrapper .sportlight_inner .spotlightContainer .bottom_container .spotlight a .text .heading {
  width: 100%;
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  gap: 12px;
}
.spotlightWrapper .sportlight_inner .spotlightContainer .bottom_container .spotlight a .text .heading h3 {
  text-align: left;
  color: #fff;
}
.spotlightWrapper .sportlight_inner .spotlightContainer .bottom_container .spotlight a .text .heading p {
  text-align: left;
  color: rgba(255, 255, 255, 0.78);
}
.spotlightWrapper .sportlight_inner .spotlightContainer .bottom_container .spotlight a .text small {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #C0C620;
  flex-shrink: 0;
}
.spotlightWrapper .sportlight_inner .spotlightContainer .bottom_container .spotlight a .text small:hover {
  background-color: #dee516;
}
.spotlightWrapper .sportlight_inner .spotlightContainer .bottom_container .spotlight a .text small img {
  display: block;
  width: 24px;
  height: 24px;
}
.spotlightWrapper .sportlight_inner .spotlightContainer .bottom_container .spotlight a:hover img {
  transform: scale(1.1);
  transition: all 0.25s ease;
}
.spotlightWrapper .sportlight_inner .spotlightContainer .bottom_container .spotlight a:hover .text {
  background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 100%);
  transition: all 0.25s ease;
}
.spotlightWrapper .sportlight_inner .spotlightContainer .bottom_container .spotlight a:hover .text_2 {
  transform: translateY(0);
}
.spotlightWrapper .sportlight_inner .spotlightContainer .bottom_container .spotlight a .text_2 {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  padding: 24px;
  background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  transition: all 0.25s ease;
  display: flex;
  align-items: flex-end;
  transform: translateY(100%);
}
.spotlightWrapper .sportlight_inner .spotlightContainer .bottom_container .spotlight a .text_2 .heading {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 8px;
  align-items: flex-start;
}
.spotlightWrapper .sportlight_inner .spotlightContainer .bottom_container .spotlight a .text_2 .heading b {
  display: block;
  width: 100%;
  text-align: left;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
}
.spotlightWrapper .sportlight_inner .spotlightContainer .bottom_container .spotlight a .text_2 .heading p {
  text-align: left;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.7);
}
.spotlightWrapper .sportlight_inner .spotlightContainer .bottom_container .spotlight a .text_2 small {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #C0C620;
  flex-shrink: 0;
}
.spotlightWrapper .sportlight_inner .spotlightContainer .bottom_container .spotlight a .text_2 small:hover {
  background-color: #dee516;
}
.spotlightWrapper .sportlight_inner .spotlightContainer .bottom_container .spotlight a .text_2 small img {
  display: block;
  width: 16px;
  height: 16px;
}

.future_wrapper {
  width: 100%;
  background-color: #103F50;
  padding: 72px 0;
  overflow-x: hidden;
}
.future_wrapper .future_inner {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 48px;
}
.future_wrapper .future_inner h1 {
  width: 100%;
  color: #fff;
  max-width: 1288px;
  margin: 0 auto;
}
.future_wrapper .future_inner .future_con {
  width: 100%;
}
.future_wrapper .future_inner .future_con .future_wrapp {
  width: 100%;
  aspect-ratio: 83/113;
  overflow: hidden;
  position: relative;
}
.future_wrapper .future_inner .future_con .future_wrapp img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}
.future_wrapper .future_inner .future_con .future_wrapp .text {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: flex-end;
  background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.58) 50%, rgba(0, 0, 0, 0) 100%);
  transition: all 0.25s ease;
}
.future_wrapper .future_inner .future_con .future_wrapp .text .text_inner {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 24px;
  padding: 32px;
}
.future_wrapper .future_inner .future_con .future_wrapp .text .text_inner .heading {
  width: 100%;
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: 8px;
}
.future_wrapper .future_inner .future_con .future_wrapp .text .text_inner .heading small {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  color: #C0C620;
}
.future_wrapper .future_inner .future_con .future_wrapp .text .text_inner .heading h4 {
  text-align: center;
  color: #fff;
}
.future_wrapper .future_inner .future_con .future_wrapp .text .text_inner .heading span {
  display: block;
  width: 80%;
  height: 2px;
  background-color: #C0C620;
}
.future_wrapper .future_inner .future_con .future_wrapp .text .text_inner p {
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  height: 0;
  opacity: 0;
  transition: height 0.25s ease;
  overflow: hidden;
}
.future_wrapper .future_inner .future_con .future_wrapp .text a {
  display: flex;
  align-items: center;
  width: 100%;
  height: 0;
  background-color: #fff;
  transition: height 0.25s ease;
  overflow: hidden;
}
.future_wrapper .future_inner .future_con .future_wrapp .text a:hover small {
  background-color: #dee516;
}
.future_wrapper .future_inner .future_con .future_wrapp .text a b {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 24px;
  color: #2B2521;
  font-family: "Bebas Neue", sans-serif;
}
.future_wrapper .future_inner .future_con .future_wrapp .text a small {
  display: flex;
  width: 56px;
  height: 56px;
  background-color: #C0C620;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.future_wrapper .future_inner .future_con .future_wrapp .text a small img {
  display: block;
  width: 16px;
  height: 32px;
}
.future_wrapper .future_inner .future_con .future_wrapp:hover .text {
  transition: all 0.25s ease;
  background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 50%, rgba(0, 0, 0, 0.58) 100%);
}
.future_wrapper .future_inner .future_con .future_wrapp:hover .text .text_inner p {
  opacity: 1;
  height: auto;
  transition: height 0.25s ease;
}
.future_wrapper .future_inner .future_con .future_wrapp:hover .text a {
  height: 56px;
  transition: height 0.25s ease;
}

.excellence_wrapper {
  width: 100%;
  background-color: #F9F5F2;
  padding: 72px 0;
  overflow-x: hidden;
}
.excellence_wrapper .excellence_inner {
  width: 100%;
  max-width: 1288px;
  padding: 0 24px;
  margin: 0 auto;
  display: flex;
  flex-flow: column;
  gap: 48px;
}
.excellence_wrapper .excellence_inner .excellence_container {
  width: 100%;
  overflow-x: hidden;
}
.excellence_wrapper .excellence_inner .excellence_container .excellence_con {
  width: 100%;
  padding: 24px 16px 16px 16px;
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: 24px;
  border-radius: 12px;
  background-color: #fff;
}
.excellence_wrapper .excellence_inner .excellence_container .excellence_con .icon {
  width: 72px;
}
.excellence_wrapper .excellence_inner .excellence_container .excellence_con .icon img {
  display: block;
  width: 100%;
}
.excellence_wrapper .excellence_inner .excellence_container .excellence_con .text {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 8px;
}
.excellence_wrapper .excellence_inner .excellence_container .excellence_con .text b {
  display: block;
  width: 100%;
  text-align: center;
  font-weight: 500;
  font-size: 18px;
  color: #2B2521;
  white-space: pre-line;
}
.excellence_wrapper .excellence_inner .excellence_container .excellence_con .text p {
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  color: #4C433D;
}

.imagine_wrapper {
  width: 100%;
  display: flex;
  align-items: center;
  overflow-x: hidden;
  background-color: #EDE0D0;
}
@media (max-width: 1360px) {
  .imagine_wrapper {
    flex-flow: column;
  }
}
.imagine_wrapper .photo {
  width: 450px;
  height: 100%;
  flex-shrink: 0;
}
@media (max-width: 1360px) {
  .imagine_wrapper .photo {
    width: 100%;
  }
}
.imagine_wrapper .photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}
.imagine_wrapper .imagine_container {
  width: 100%;
  padding: 24px 124px 24px 40px;
  display: flex;
  align-items: center;
  gap: 24px;
}
@media (max-width: 1360px) {
  .imagine_wrapper .imagine_container {
    padding: 24px;
  }
}
@media (max-width: 834px) {
  .imagine_wrapper .imagine_container {
    flex-flow: column;
  }
}
.imagine_wrapper .imagine_container .left {
  width: 100%;
  padding: 24px 0;
  display: flex;
  flex-flow: column;
  gap: 8px;
}
.imagine_wrapper .imagine_container .left h2 {
  text-align: center;
}
.imagine_wrapper .imagine_container .left p {
  text-align: center;
  font-weight: 500;
  font-size: 24px;
}
.imagine_wrapper .imagine_container .left ul {
  width: 100%;
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: flex-start;
  margin: 12px 0 0 0;
}
@media (max-width: 768px) {
  .imagine_wrapper .imagine_container .left ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 480px) {
  .imagine_wrapper .imagine_container .left ul {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.imagine_wrapper .imagine_container .left ul li {
  width: 100%;
  height: 100%;
  padding: 16px;
  background-color: #F9F5F2;
  display: flex;
  flex-flow: column;
  gap: 8px;
}
.imagine_wrapper .imagine_container .left ul li b {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  color: #2B2521;
}
.imagine_wrapper .imagine_container .left ul li p {
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  color: #4C433D;
}
.imagine_wrapper .imagine_container .links {
  width: 272px;
  display: flex;
  flex-flow: column;
  gap: 16px;
  flex-shrink: 0;
}
@media (max-width: 834px) {
  .imagine_wrapper .imagine_container .links {
    width: 100%;
  }
}
.imagine_wrapper .imagine_container .links a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px;
  height: 56px;
  background-color: #F9F5F2;
  color: #2B2521;
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 22px;
}
.imagine_wrapper .imagine_container .links a img {
  display: block;
  width: 24px;
}
.imagine_wrapper .imagine_container .links a:hover, .imagine_wrapper .imagine_container .links a.active {
  background-color: #C0C620;
}

footer {
  width: 100%;
  padding-top: 72px;
  background-color: #103F50;
  overflow-x: hidden;
}
footer .footer_inner {
  width: 100%;
  max-width: 1288px;
  margin: 0 auto;
  padding: 0 24px;
  display: flex;
  flex-flow: column;
  gap: 48px;
}
footer .footer_inner .footer_wrapp {
  width: 100%;
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: 48px;
}
footer .footer_inner .footer_wrapp ul {
  width: 100%;
  display: grid;
  gap: 72px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: flex-start;
}
@media (max-width: 834px) {
  footer .footer_inner .footer_wrapp ul {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
footer .footer_inner .footer_wrapp ul li {
  width: 100%;
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: 32px;
}
footer .footer_inner .footer_wrapp ul li .icon {
  width: 62px;
  height: 62px;
  border-radius: 50%;
  background-color: #C0C620;
  display: flex;
  align-items: center;
  justify-content: center;
}
footer .footer_inner .footer_wrapp ul li .icon img {
  display: block;
  width: 32px;
}
footer .footer_inner .footer_wrapp ul li .text {
  width: 100%;
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: 16px;
}
footer .footer_inner .footer_wrapp ul li .text h3 {
  text-align: center;
  color: #fff;
}
footer .footer_inner .footer_wrapp ul li .text p {
  text-align: center;
  color: rgba(255, 255, 255, 0.78);
  font-weight: 400;
  font-size: 16px;
  white-space: pre-line;
}
footer .footer_inner .footer_wrapp small {
  display: block;
  width: 70%;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.25);
}
footer .footer_inner .footer_wrapp .footer_links {
  width: 100%;
  display: flex;
  align-items: center;
  flex-flow: row wrap;
  gap: 24px;
  row-gap: 8px;
  justify-content: center;
}
footer .footer_inner .footer_wrapp .footer_links a {
  display: inline-block;
  width: auto;
  font-size: 16px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.7);
}
footer .footer_inner .footer_wrapp .footer_links a:hover {
  color: #fff;
}
footer .footer_inner .footer_wrapp .social_media {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
  gap: 24px;
  row-gap: 12px;
}
footer .footer_inner .footer_wrapp .social_media i {
  display: inline-block;
  width: auto;
  font-size: 16px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.7);
  font-style: normal;
}
footer .footer_inner .footer_wrapp .social_media a {
  display: block;
  width: 24px;
  opacity: 0.7;
}
footer .footer_inner .footer_wrapp .social_media a:hover {
  opacity: 1;
}
footer .footer_inner .footer_wrapp .social_media a img {
  display: block;
  width: 100%;
}
footer .footer_inner .copyright {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 16px;
  justify-content: space-between;
  padding: 24px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
}
@media (max-width: 834px) {
  footer .footer_inner .copyright {
    flex-flow: column;
    gap: 8px;
  }
}
footer .footer_inner .copyright p {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.58);
}
@media (max-width: 834px) {
  footer .footer_inner .copyright p {
    text-align: center;
  }
}
footer .footer_inner .copyright p a {
  display: inline-block;
  width: auto;
  color: #C0C620;
}
footer .footer_inner .copyright p a:hover {
  text-decoration: underline;
}

.abouts_us_Wrapper {
  width: 100%;
  background: url(../images/bg.jpg) repeat-y left top #F9F5F2;
  background-size: 100%;
  overflow-x: hidden;
}
@media (max-width: 768px) {
  .abouts_us_Wrapper {
    background: url(../images/bg.jpg) no-repeat left top #F9F5F2;
    background-size: cover;
  }
}
.abouts_us_Wrapper .about_us_Inner {
  width: 100%;
  max-width: 1288px;
  margin: 0 auto;
  padding: 72px 24px;
  display: flex;
  flex-flow: column;
  gap: 72px;
}
.abouts_us_Wrapper .about_us_Inner .about_text {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 48px;
  align-items: flex-start;
}
.abouts_us_Wrapper .about_us_Inner .about_text h1 {
  text-align: left;
  position: relative;
}
.abouts_us_Wrapper .about_us_Inner .about_text h1:before {
  content: "";
  width: 170px;
  height: 10px;
  position: absolute;
  left: 0;
  bottom: -16px;
  background-color: #C0C620;
}
.abouts_us_Wrapper .about_us_Inner .about_text .text {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 16px;
  align-items: flex-start;
}
.abouts_us_Wrapper .about_us_Inner .about_text .text p {
  text-align: left;
  font-weight: 500;
}
.abouts_us_Wrapper .about_us_Inner .mission_visionWrapp {
  width: 100%;
  display: grid;
  gap: 48px;
  grid-template-columns: 1fr 2fr;
  align-items: center;
}
@media (max-width: 1024px) {
  .abouts_us_Wrapper .about_us_Inner .mission_visionWrapp {
    grid-template-columns: repeat(1, 1fr);
  }
}
.abouts_us_Wrapper .about_us_Inner .mission_visionWrapp .photo {
  width: 100%;
}
.abouts_us_Wrapper .about_us_Inner .mission_visionWrapp .photo img {
  display: block;
  width: 100%;
}
.abouts_us_Wrapper .about_us_Inner .mission_visionWrapp .emblem_wrapper {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 16px;
}
.abouts_us_Wrapper .about_us_Inner .mission_visionWrapp .emblem_wrapper .emblem_con {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 16px;
  padding: 20px;
  border-radius: 12px;
  background: linear-gradient(0deg, rgb(255, 233, 215) 0%, rgb(255, 255, 255) 100%);
  border: 1px solid transparent;
  position: relative;
}
.abouts_us_Wrapper .about_us_Inner .mission_visionWrapp .emblem_wrapper .emblem_con::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: 12px;
  background: linear-gradient(0deg, #8f5534, #fffefd);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  pointer-events: none;
}
.abouts_us_Wrapper .about_us_Inner .mission_visionWrapp .emblem_wrapper .emblem_con .heading {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 8px;
  align-items: flex-start;
}
.abouts_us_Wrapper .about_us_Inner .mission_visionWrapp .emblem_wrapper .emblem_con .heading h5 {
  position: relative;
}
.abouts_us_Wrapper .about_us_Inner .mission_visionWrapp .emblem_wrapper .emblem_con .heading h5:before {
  content: "";
  width: 60px;
  height: 3px;
  position: absolute;
  left: 0;
  bottom: -4px;
  background-color: #8F5533;
}
.abouts_us_Wrapper .about_us_Inner .mission_visionWrapp .emblem_wrapper .emblem_con dl {
  width: 100%;
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: center;
}
@media (max-width: 768px) {
  .abouts_us_Wrapper .about_us_Inner .mission_visionWrapp .emblem_wrapper .emblem_con dl {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 480px) {
  .abouts_us_Wrapper .about_us_Inner .mission_visionWrapp .emblem_wrapper .emblem_con dl {
    grid-template-columns: repeat(1, 1fr);
  }
}
.abouts_us_Wrapper .about_us_Inner .mission_visionWrapp .emblem_wrapper .emblem_con dl dt {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 12px;
}
.abouts_us_Wrapper .about_us_Inner .mission_visionWrapp .emblem_wrapper .emblem_con dl dt .icon {
  width: auto;
  height: 48px;
  flex-shrink: 0;
}
.abouts_us_Wrapper .about_us_Inner .mission_visionWrapp .emblem_wrapper .emblem_con dl dt .icon img {
  display: inline-block;
  width: auto;
  height: 48px;
}
.abouts_us_Wrapper .about_us_Inner .mission_visionWrapp .emblem_wrapper .emblem_con dl dt .text {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 2px;
  align-items: flex-start;
}
.abouts_us_Wrapper .about_us_Inner .mission_visionWrapp .emblem_wrapper .emblem_con dl dt .text b {
  display: block;
  width: 100%;
  text-align: left;
  font-weight: 600;
  font-size: 16px;
  color: #2B2521;
}
.abouts_us_Wrapper .about_us_Inner .mission_visionWrapp .emblem_wrapper .emblem_con dl dt .text p {
  text-align: left;
  font-weight: 400;
  font-size: 14px;
  color: #2B2521;
}
.abouts_us_Wrapper .about_us_Inner .mission_visionWrapp .emblem_wrapper ul {
  width: 100%;
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: center;
}
@media (max-width: 480px) {
  .abouts_us_Wrapper .about_us_Inner .mission_visionWrapp .emblem_wrapper ul {
    grid-template-columns: repeat(1, 1fr);
  }
}
.abouts_us_Wrapper .about_us_Inner .mission_visionWrapp .emblem_wrapper ul li {
  width: 100%;
  height: 100%;
  padding: 20px;
  border-radius: 12px;
  background: linear-gradient(0deg, rgb(255, 233, 215) 0%, rgb(255, 255, 255) 100%);
  border: 1px solid transparent;
  position: relative;
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: 24px;
}
.abouts_us_Wrapper .about_us_Inner .mission_visionWrapp .emblem_wrapper ul li::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: 12px;
  background: linear-gradient(0deg, #8f5534, #fffefd);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  pointer-events: none;
}
.abouts_us_Wrapper .about_us_Inner .mission_visionWrapp .emblem_wrapper ul li .icon {
  width: 48px;
}
.abouts_us_Wrapper .about_us_Inner .mission_visionWrapp .emblem_wrapper ul li .icon img {
  display: block;
  width: 100%;
}
.abouts_us_Wrapper .about_us_Inner .mission_visionWrapp .emblem_wrapper ul li .text {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 4px;
}
.abouts_us_Wrapper .about_us_Inner .mission_visionWrapp .emblem_wrapper ul li .text h5 {
  color: #2B2521;
}
.abouts_us_Wrapper .about_us_Inner .mission_visionWrapp .emblem_wrapper ul li .text p {
  text-align: center;
  color: #2B2521;
}
.abouts_us_Wrapper .about_us_Inner .trust_wrapp {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 40px;
}
.abouts_us_Wrapper .about_us_Inner .trust_wrapp h2 {
  text-align: left;
  color: #2B2521;
  position: relative;
}
.abouts_us_Wrapper .about_us_Inner .trust_wrapp h2:before {
  content: "";
  width: 170px;
  height: 10px;
  position: absolute;
  left: 0;
  bottom: -16px;
  background-color: #C0C620;
}
.abouts_us_Wrapper .about_us_Inner .trust_wrapp .text {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 16px;
}
.abouts_us_Wrapper .about_us_Inner .trust_wrapp .text p {
  text-align: left;
  font-weight: 500;
  color: #2B2521;
}
.abouts_us_Wrapper .messages_inner {
  width: 100%;
  max-width: 1288px;
  margin: 0 auto;
  padding: 72px 24px;
}
.abouts_us_Wrapper .messages_inner ul {
  width: 100%;
  display: grid;
  gap: 48px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: flex-end;
}
@media (max-width: 834px) {
  .abouts_us_Wrapper .messages_inner ul {
    grid-template-columns: repeat(1, 1fr);
  }
}
.abouts_us_Wrapper .messages_inner ul li {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 24px;
  align-items: flex-start;
}
.abouts_us_Wrapper .messages_inner ul li .photo {
  width: 100%;
}
.abouts_us_Wrapper .messages_inner ul li .photo img {
  display: block;
  width: 100%;
}
.abouts_us_Wrapper .messages_inner ul li h2 {
  text-align: left;
  color: #2B2521;
}
.abouts_us_Wrapper .messages_inner ul li .text {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 16px;
}
.abouts_us_Wrapper .messages_inner ul li .text p {
  text-align: left;
  font-size: 18px;
  color: #2B2420;
}
.abouts_us_Wrapper .principal_message {
  width: 100%;
  padding: 72px 0;
  background: url(../icons/principal_bg.svg) no-repeat right bottom;
  background-size: auto;
  overflow-x: hidden;
}
.abouts_us_Wrapper .principal_message .principal_inner {
  width: 100%;
  max-width: 1288px;
  margin: 0 auto;
  padding: 0 24px;
  display: grid;
  gap: 48px;
  grid-template-columns: 1fr 2fr;
  align-items: center;
}
@media (max-width: 1024px) {
  .abouts_us_Wrapper .principal_message .principal_inner {
    grid-template-columns: repeat(1, 1fr);
  }
}
.abouts_us_Wrapper .principal_message .principal_inner .photo {
  width: 100%;
}
.abouts_us_Wrapper .principal_message .principal_inner .photo img {
  display: block;
  width: 100%;
}
.abouts_us_Wrapper .principal_message .principal_inner .text {
  width: 100%;
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  gap: 32px;
}
.abouts_us_Wrapper .principal_message .principal_inner .text h3 {
  text-align: left;
  color: #2B2521;
}
.abouts_us_Wrapper .principal_message .principal_inner .text .text_inner {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  gap: 16px;
}
.abouts_us_Wrapper .principal_message .principal_inner .text .text_inner p {
  text-align: left;
  font-size: 18px;
  color: #2B2420;
}
.abouts_us_Wrapper .principal_message .principal_inner .text .name {
  width: 100%;
  text-align: left;
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 32px;
  color: #2B2521;
  border-left: 8px solid #C0C620;
  padding: 0 0 0 24px;
}

.faculty_wrapper {
  width: 100%;
  background: url(../images/bg.jpg) repeat-y left top #F9F5F2;
  background-size: 100%;
  overflow-x: hidden;
}
@media (max-width: 768px) {
  .faculty_wrapper {
    background: url(../images/bg.jpg) no-repeat left top #F9F5F2;
    background-size: cover;
  }
}
.faculty_wrapper .faculty_Inner {
  width: 100%;
  max-width: 1288px;
  margin: 0 auto;
  padding: 72px 24px;
  display: flex;
  flex-flow: column;
  gap: 72px;
}
.faculty_wrapper .faculty_Inner .faculty_text {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 48px;
  align-items: flex-start;
}
.faculty_wrapper .faculty_Inner .faculty_text h1 {
  text-align: left;
  position: relative;
}
.faculty_wrapper .faculty_Inner .faculty_text h1:before {
  content: "";
  width: 170px;
  height: 10px;
  position: absolute;
  left: 0;
  bottom: -16px;
  background-color: #C0C620;
}
.faculty_wrapper .faculty_Inner .faculty_text .text {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 16px;
  align-items: flex-start;
}
.faculty_wrapper .faculty_Inner .faculty_text .text p {
  text-align: left;
  font-weight: 500;
}
.faculty_wrapper .faculty_Inner .trust_wrapp {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 40px;
}
.faculty_wrapper .faculty_Inner .trust_wrapp h2 {
  text-align: left;
  color: #2B2521;
}
.faculty_wrapper .faculty_Inner .trust_wrapp ul {
  width: 100%;
  display: grid;
  gap: 16px;
  row-gap: 32px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  align-items: flex-end;
}
@media (max-width: 1360px) {
  .faculty_wrapper .faculty_Inner .trust_wrapp ul {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (max-width: 1024px) {
  .faculty_wrapper .faculty_Inner .trust_wrapp ul {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 768px) {
  .faculty_wrapper .faculty_Inner .trust_wrapp ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 480px) {
  .faculty_wrapper .faculty_Inner .trust_wrapp ul {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.faculty_wrapper .faculty_Inner .trust_wrapp ul li {
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: column;
  gap: 16px;
}
.faculty_wrapper .faculty_Inner .trust_wrapp ul li .photo {
  width: 100%;
  aspect-ratio: 3/4;
  border-radius: 12px;
  overflow: hidden;
  padding: 4px;
  background-color: #F0E4D6;
}
.faculty_wrapper .faculty_Inner .trust_wrapp ul li .photo .photo_inner {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  background-color: #fff;
}
.faculty_wrapper .faculty_Inner .trust_wrapp ul li .photo .photo_inner img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}
.faculty_wrapper .faculty_Inner .trust_wrapp ul li .text {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 4px;
  align-items: center;
}
.faculty_wrapper .faculty_Inner .trust_wrapp ul li .text b {
  display: block;
  width: 100%;
  text-align: center;
  font-weight: 600;
  font-size: 18px;
  color: #2B2521;
}
.faculty_wrapper .faculty_Inner .trust_wrapp ul li .text p {
  text-align: center;
  font-weight: 500;
  font-size: 14px;
  color: #2B2521;
}

.ethos_wrapper {
  width: 100%;
  background: url(../images/bg.jpg) repeat-y left top #F9F5F2;
  background-size: 100%;
  overflow-x: hidden;
}
@media (max-width: 768px) {
  .ethos_wrapper {
    background: url(../images/bg.jpg) no-repeat left top #F9F5F2;
    background-size: cover;
  }
}
.ethos_wrapper .ethos_Inner {
  width: 100%;
  max-width: 1288px;
  margin: 0 auto;
  padding: 48px 24px 72px 24px;
  display: grid;
  gap: 48px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: center;
}
@media (max-width: 768px) {
  .ethos_wrapper .ethos_Inner {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.ethos_wrapper .ethos_Inner .text_outer {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 48px;
  align-items: flex-start;
}
.ethos_wrapper .ethos_Inner .text_outer h1 {
  text-align: left;
  position: relative;
}
.ethos_wrapper .ethos_Inner .text_outer h1:before {
  content: "";
  width: 170px;
  height: 10px;
  position: absolute;
  left: 0;
  bottom: -16px;
  background-color: #C0C620;
}
.ethos_wrapper .ethos_Inner .text_outer .text {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 16px;
  align-items: flex-start;
}
.ethos_wrapper .ethos_Inner .text_outer .text p {
  text-align: left;
  font-weight: 500;
}
.ethos_wrapper .ethos_Inner .photo {
  width: 100%;
  aspect-ratio: 5/3;
  overflow: hidden;
}
.ethos_wrapper .ethos_Inner .photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}
.ethos_wrapper .curriculum_wrapper {
  width: 100%;
  max-width: 1288px;
  margin: 0 auto;
  padding: 0 24px 72px 24px;
  display: flex;
  flex-flow: column;
  gap: 24px;
}
.ethos_wrapper .curriculum_wrapper h2 {
  text-align: left;
}
.ethos_wrapper .curriculum_wrapper ul {
  width: 100%;
  display: grid;
  gap: 48px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: flex-start;
}
@media (max-width: 768px) {
  .ethos_wrapper .curriculum_wrapper ul {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 24px;
  }
}
.ethos_wrapper .curriculum_wrapper ul li {
  width: 100%;
  text-align: left;
  font-weight: 400;
  font-size: 16px;
}
.ethos_wrapper .gidelines_wrapp {
  width: 100%;
  max-width: 1288px;
  margin: 0 auto;
  padding: 0 24px 72px 24px;
  display: flex;
  flex-flow: column;
  gap: 40px;
}
.ethos_wrapper .gidelines_wrapp .heading {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 16px;
  align-items: flex-start;
}
.ethos_wrapper .gidelines_wrapp .heading h2 {
  text-align: left;
}
.ethos_wrapper .gidelines_wrapp .heading p {
  width: 100%;
  text-align: left;
  font-weight: 500;
  font-size: 16px;
}
.ethos_wrapper .gidelines_wrapp ul {
  width: 100%;
  display: grid;
  gap: 48px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: flex-start;
}
@media (max-width: 768px) {
  .ethos_wrapper .gidelines_wrapp ul {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 24px;
  }
}
.ethos_wrapper .gidelines_wrapp ul li {
  width: 100%;
}
.ethos_wrapper .gidelines_wrapp ul li dl {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 16px;
  align-items: flex-start;
}
.ethos_wrapper .gidelines_wrapp ul li dl dt {
  width: 100%;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  font-size: 16px;
  font-weight: 400;
}
.ethos_wrapper .gidelines_wrapp ul li dl dt img {
  display: block;
  width: 24px;
  flex-shrink: 0;
}
.ethos_wrapper .conduct_wrapp {
  width: 100%;
  max-width: 1288px;
  margin: 0 auto;
  padding: 0 24px 72px 24px;
  display: flex;
  flex-flow: column;
  gap: 40px;
}
.ethos_wrapper .conduct_wrapp .heading {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 16px;
  align-items: flex-start;
}
.ethos_wrapper .conduct_wrapp .heading h2 {
  text-align: left;
}
.ethos_wrapper .conduct_wrapp .heading p {
  width: 100%;
  text-align: left;
  font-weight: 500;
  font-size: 16px;
}
.ethos_wrapper .conduct_wrapp ul {
  width: 100%;
  display: grid;
  gap: 48px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: flex-start;
}
@media (max-width: 768px) {
  .ethos_wrapper .conduct_wrapp ul {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 24px;
  }
}
.ethos_wrapper .conduct_wrapp ul li {
  width: 100%;
  height: 100%;
  padding: 32px;
  display: flex;
  flex-flow: column;
  gap: 24px;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 24px;
}
.ethos_wrapper .conduct_wrapp ul li h5 {
  text-align: left;
}
.ethos_wrapper .conduct_wrapp ul li dl {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 16px;
  align-items: flex-start;
}
.ethos_wrapper .conduct_wrapp ul li dl dt {
  width: 100%;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  font-size: 16px;
  font-weight: 400;
}
.ethos_wrapper .conduct_wrapp ul li dl dt img {
  display: block;
  width: 24px;
  flex-shrink: 0;
}
.ethos_wrapper .conduct_wrapp .important {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 24px;
  border-radius: 16px;
  background-color: #103F50;
}
@media (max-width: 480px) {
  .ethos_wrapper .conduct_wrapp .important {
    flex-flow: column;
    gap: 24px;
    align-items: flex-start;
  }
}
.ethos_wrapper .conduct_wrapp .important img {
  display: block;
  width: 48px;
  flex-shrink: 0;
}
.ethos_wrapper .conduct_wrapp .important .text {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 4px;
  align-items: flex-start;
}
.ethos_wrapper .conduct_wrapp .important .text b {
  display: block;
  width: 100%;
  text-align: left;
  font-weight: 700;
  font-size: 16px;
  color: #fff;
}
.ethos_wrapper .conduct_wrapp .important .text p {
  text-align: left;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.78);
}
.ethos_wrapper .behaviour {
  width: 100%;
  max-width: 1288px;
  margin: 0 auto;
  padding: 0 24px 72px 24px;
  display: flex;
  flex-flow: column;
  gap: 40px;
}
.ethos_wrapper .behaviour h2 {
  text-align: left;
}
.ethos_wrapper .behaviour ul {
  width: 100%;
  display: grid;
  gap: 48px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: flex-start;
}
@media (max-width: 768px) {
  .ethos_wrapper .behaviour ul {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 24px;
  }
}
.ethos_wrapper .behaviour ul li {
  width: 100%;
  height: 100%;
  padding: 32px;
  display: flex;
  flex-flow: column;
  gap: 16px;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 24px;
}
.ethos_wrapper .behaviour ul li b {
  display: block;
  width: 100%;
  text-align: left;
  font-weight: 600;
  font-size: 20px;
}
.ethos_wrapper .behaviour ul li dl {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 12px;
  align-items: flex-start;
}
.ethos_wrapper .behaviour ul li dl dt {
  width: 100%;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  font-size: 16px;
  font-weight: 400;
}
.ethos_wrapper .behaviour ul li dl dt img {
  display: block;
  width: 24px;
  flex-shrink: 0;
}

.campus_wrapper {
  width: 100%;
  background: url(../images/bg.jpg) repeat-y left top #F9F5F2;
  background-size: 100%;
  overflow-x: hidden;
}
@media (max-width: 768px) {
  .campus_wrapper {
    background: url(../images/bg.jpg) no-repeat left top #F9F5F2;
    background-size: cover;
  }
}
.campus_wrapper .campus_inner {
  width: 100%;
  max-width: 1288px;
  margin: 0 auto;
  padding: 48px 24px 72px 24px;
  display: grid;
  gap: 48px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: center;
}
@media (max-width: 834px) {
  .campus_wrapper .campus_inner {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.campus_wrapper .campus_inner .text_outer {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 48px;
  align-items: flex-start;
}
.campus_wrapper .campus_inner .text_outer h1 {
  text-align: left;
  position: relative;
}
.campus_wrapper .campus_inner .text_outer h1:before {
  content: "";
  width: 170px;
  height: 10px;
  position: absolute;
  left: 0;
  bottom: -16px;
  background-color: #C0C620;
}
.campus_wrapper .campus_inner .text_outer .text {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 16px;
  align-items: flex-start;
}
.campus_wrapper .campus_inner .text_outer .text p {
  text-align: left;
  font-weight: 500;
}
.campus_wrapper .campus_inner .photo {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.campus_wrapper .campus_inner .photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}
.campus_wrapper .infrastructure_wrapper {
  width: 100%;
  padding: 72px 0;
  background-color: rgba(255, 255, 255, 0.7);
}
.campus_wrapper .infrastructure_wrapper .infrastructure_inner {
  width: 100%;
  max-width: 1288px;
  margin: 0 auto;
  padding: 0 24px;
  display: grid;
  gap: 48px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: center;
}
@media (max-width: 834px) {
  .campus_wrapper .infrastructure_wrapper .infrastructure_inner {
    display: flex;
    flex-flow: column-reverse;
  }
}
.campus_wrapper .infrastructure_wrapper .infrastructure_inner .photo {
  width: 100%;
  height: 100%;
}
.campus_wrapper .infrastructure_wrapper .infrastructure_inner .photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}
.campus_wrapper .infrastructure_wrapper .infrastructure_inner .text {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 24px;
  align-items: flex-start;
}
.campus_wrapper .infrastructure_wrapper .infrastructure_inner .text h2 {
  text-align: left;
}
.campus_wrapper .infrastructure_wrapper .infrastructure_inner .text .text_inner {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 16px;
}
.campus_wrapper .security_wrapper {
  width: 100%;
  padding: 72px 0;
}
.campus_wrapper .security_wrapper .security_con {
  width: 100%;
  max-width: 1288px;
  padding: 0 24px;
  margin: 0 auto;
}
.campus_wrapper .security_wrapper .security_con .security_inner {
  width: 100%;
  padding: 40px;
  border-radius: 16px;
  background-color: #C0C620;
  display: grid;
  gap: 48px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: center;
}
@media (max-width: 768px) {
  .campus_wrapper .security_wrapper .security_con .security_inner {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
@media (max-width: 480px) {
  .campus_wrapper .security_wrapper .security_con .security_inner {
    padding: 24px;
    gap: 24px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.campus_wrapper .security_wrapper .security_con .security_inner .photo {
  width: 100%;
  height: 100%;
}
.campus_wrapper .security_wrapper .security_con .security_inner .photo img {
  display: block;
  object-fit: cover;
  object-position: top;
  height: 100%;
  width: 100%;
  border-radius: 12px;
}
.campus_wrapper .security_wrapper .security_con .security_inner .text {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 24px;
  align-items: flex-start;
}
.campus_wrapper .security_wrapper .security_con .security_inner .text h2 {
  text-align: left;
}
.campus_wrapper .security_wrapper .security_con .security_inner .text .text_inner {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 16px;
}

.clubs_wrapper {
  width: 100%;
  background: url(../images/bg.jpg) repeat-y left top #F9F5F2;
  background-size: 100%;
  overflow-x: hidden;
}
@media (max-width: 768px) {
  .clubs_wrapper {
    background: url(../images/bg.jpg) no-repeat left top #F9F5F2;
    background-size: cover;
  }
}
.clubs_wrapper .clubs_inner {
  width: 100%;
  max-width: 1288px;
  margin: 0 auto;
  padding: 48px 24px 72px 24px;
  display: flex;
  flex-flow: column;
  gap: 48px;
}
.clubs_wrapper .clubs_inner .text_outer {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 48px;
  align-items: flex-start;
}
.clubs_wrapper .clubs_inner .text_outer h1 {
  text-align: left;
  position: relative;
}
.clubs_wrapper .clubs_inner .text_outer h1:before {
  content: "";
  width: 170px;
  height: 10px;
  position: absolute;
  left: 0;
  bottom: -16px;
  background-color: #C0C620;
}
.clubs_wrapper .clubs_inner .text_outer .text {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 16px;
  align-items: flex-start;
}
.clubs_wrapper .clubs_inner .text_outer .text p {
  text-align: left;
  font-weight: 500;
}
.clubs_wrapper .clubs_inner ul {
  width: 100%;
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: center;
}
@media (max-width: 834px) {
  .clubs_wrapper .clubs_inner ul {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 768px) {
  .clubs_wrapper .clubs_inner ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 480px) {
  .clubs_wrapper .clubs_inner ul {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.clubs_wrapper .clubs_inner ul li {
  width: 100%;
  aspect-ratio: 1/1;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  gap: 24px;
  background-color: #C0C620;
  padding: 24px;
}
.clubs_wrapper .clubs_inner ul li .icon {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.clubs_wrapper .clubs_inner ul li .icon img {
  display: block;
  width: auto;
  height: 48px;
}
.clubs_wrapper .clubs_inner ul li b {
  text-align: center;
  display: block;
  width: 100%;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 700;
}

.transport_wrapper {
  width: 100%;
  background: url(../images/bg.jpg) repeat-y left top #F9F5F2;
  background-size: 100%;
  overflow-x: hidden;
}
@media (max-width: 768px) {
  .transport_wrapper {
    background: url(../images/bg.jpg) no-repeat left top #F9F5F2;
    background-size: cover;
  }
}
.transport_wrapper .transport_inner {
  width: 100%;
  max-width: 1288px;
  margin: 0 auto;
  padding: 48px 24px 72px 24px;
  display: flex;
  flex-flow: column;
  gap: 48px;
}
.transport_wrapper .transport_inner .text_outer {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 48px;
  align-items: flex-start;
}
.transport_wrapper .transport_inner .text_outer h1 {
  text-align: left;
  position: relative;
}
.transport_wrapper .transport_inner .text_outer h1:before {
  content: "";
  width: 170px;
  height: 10px;
  position: absolute;
  left: 0;
  bottom: -16px;
  background-color: #C0C620;
}
.transport_wrapper .transport_inner .text_outer ul {
  width: 100%;
  display: grid;
  gap: 48px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: flex-start;
}
@media (max-width: 768px) {
  .transport_wrapper .transport_inner .text_outer ul {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 24px;
  }
}
.transport_wrapper .transport_inner .text_outer ul li {
  width: 100%;
}
.transport_wrapper .transport_inner .text_outer ul li dl {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 16px;
  align-items: flex-start;
}
.transport_wrapper .transport_inner .text_outer ul li dl dt {
  width: 100%;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  font-size: 16px;
  font-weight: 400;
}
.transport_wrapper .transport_inner .text_outer ul li dl dt img {
  display: block;
  width: 24px;
  flex-shrink: 0;
}
.transport_wrapper .transport_inner .photo {
  width: 100%;
}
.transport_wrapper .transport_inner .photo img {
  display: block;
  width: 100%;
  border-radius: 8px;
}

.contact_photo {
  width: 100%;
}
.contact_photo img {
  display: block;
  width: 100%;
  min-height: 300px;
  height: auto;
  object-fit: cover;
}

.contact_wrapper {
  width: 100%;
  background: url(../images/bg.jpg) repeat-y left top #F9F5F2;
  background-size: 100%;
  overflow-x: hidden;
}
@media (max-width: 768px) {
  .contact_wrapper {
    background: url(../images/bg.jpg) no-repeat left top #F9F5F2;
    background-size: cover;
  }
}
.contact_wrapper .contact_inner {
  width: 100%;
  max-width: 1288px;
  margin: 0 auto;
  padding: 48px 24px 72px 24px;
  display: flex;
  flex-flow: column;
  gap: 48px;
}
.contact_wrapper .contact_inner .text_outer {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 48px;
  align-items: flex-start;
}
.contact_wrapper .contact_inner .text_outer h1 {
  text-align: left;
  position: relative;
}
.contact_wrapper .contact_inner .text_outer h1:before {
  content: "";
  width: 170px;
  height: 10px;
  position: absolute;
  left: 0;
  bottom: -16px;
  background-color: #C0C620;
}
.contact_wrapper .contact_inner .text_outer p {
  text-align: left;
}
.contact_wrapper .contact_inner ul {
  width: 100%;
  display: grid;
  gap: 32px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: flex-start;
  padding: 32px;
  border-radius: 16px;
  background-color: #103F50;
}
@media (max-width: 834px) {
  .contact_wrapper .contact_inner ul {
    gap: 48px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.contact_wrapper .contact_inner ul li {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 16px;
  align-items: center;
}
.contact_wrapper .contact_inner ul li img {
  display: block;
  width: 48px;
}
.contact_wrapper .contact_inner ul li b {
  display: block;
  width: 100%;
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  font-size: 20px;
}
.contact_wrapper .contact_inner ul li p {
  text-align: center;
  color: rgba(255, 255, 255, 0.7);
  white-space: pre-line;
}
.contact_wrapper .send_message {
  width: 100%;
  max-width: 1288px;
  padding: 72px 24px;
  margin: 0 auto;
  display: grid;
  gap: 48px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: flex-start;
}
@media (max-width: 834px) {
  .contact_wrapper .send_message {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.contact_wrapper .send_message .send_con {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 24px;
}
.contact_wrapper .send_message .send_con .heading {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 4px;
  align-items: flex-start;
}
.contact_wrapper .send_message .send_con ul {
  width: 100%;
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: flex-start;
}
@media (max-width: 834px) {
  .contact_wrapper .send_message .send_con ul {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.contact_wrapper .send_message .send_con ul li {
  width: 100%;
}
.contact_wrapper .send_message .send_con ul li:last-child, .contact_wrapper .send_message .send_con ul li:nth-last-child(2) {
  grid-column: 1/3;
}
@media (max-width: 480px) {
  .contact_wrapper .send_message .send_con ul li:last-child, .contact_wrapper .send_message .send_con ul li:nth-last-child(2) {
    grid-column: 1/1;
  }
}
.contact_wrapper .send_message .send_con ul li input[type=text] {
  height: 48px;
  width: 100%;
  padding: 8px 12px;
  text-align: left;
  background-color: #fff;
  border-radius: 8px;
  font-family: "Geist", sans-serif;
  font-optical-sizing: auto;
  font-size: 14px;
  color: #2B2521;
  font-weight: 400;
  border: 1px solid #fff;
}
.contact_wrapper .send_message .send_con ul li input[type=text]:focus {
  outline: none;
  border-color: #C0C620;
}
.contact_wrapper .send_message .send_con ul li textarea {
  height: 96px;
  width: 100%;
  padding: 12px;
  text-align: left;
  background-color: #fff;
  border-radius: 8px;
  font-family: "Geist", sans-serif;
  font-optical-sizing: auto;
  font-size: 14px;
  color: #2B2521;
  font-weight: 400;
  border: 1px solid #fff;
}
.contact_wrapper .send_message .send_con ul li textarea:focus {
  outline: none;
  border-color: #C0C620;
}
.contact_wrapper .send_message .send_con ul li input[type=submit] {
  height: 48px;
  width: auto;
  padding: 0 32px;
  text-align: left;
  background-color: #103F50;
  border-radius: 8px;
  font-family: "Geist", sans-serif;
  font-optical-sizing: auto;
  font-size: 14px;
  color: #fff;
  font-weight: 400;
  border: none;
  cursor: pointer;
}
@media (max-width: 480px) {
  .contact_wrapper .send_message .send_con ul li input[type=submit] {
    width: 100%;
    text-align: center;
  }
}
.contact_wrapper .send_message .send_con ul li input[type=submit]:focus, .contact_wrapper .send_message .send_con ul li input[type=submit]:hover {
  outline: none;
  background-color: #202022;
}
.contact_wrapper .send_message .map {
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  gap: 24px;
}
.contact_wrapper .send_message .map h2 {
  text-align: left;
}
.contact_wrapper .send_message .map .map_con {
  width: 100%;
  height: 100%;
  min-height: 250px;
  border-radius: 12px;
  background-color: #D9D9D9;
}

.books_wrapper {
  width: 100%;
  background: url(../images/bg.jpg) repeat-y left top #F9F5F2;
  background-size: 100%;
  overflow-x: hidden;
}
@media (max-width: 768px) {
  .books_wrapper {
    background: url(../images/bg.jpg) no-repeat left top #F9F5F2;
    background-size: cover;
  }
}
.books_wrapper .books_inner {
  width: 100%;
  max-width: 1288px;
  margin: 0 auto;
  padding: 48px 24px 72px 24px;
  display: flex;
  flex-flow: column;
  gap: 48px;
}
.books_wrapper .books_inner .text_outer {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 48px;
  align-items: flex-start;
}
.books_wrapper .books_inner .text_outer h1 {
  text-align: left;
  position: relative;
}
.books_wrapper .books_inner .text_outer h1:before {
  content: "";
  width: 170px;
  height: 10px;
  position: absolute;
  left: 0;
  bottom: -16px;
  background-color: #C0C620;
}
.books_wrapper .books_inner .text_outer p {
  text-align: left;
}
.books_wrapper .books_inner ul {
  width: 100%;
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: flex-start;
}
@media (max-width: 834px) {
  .books_wrapper .books_inner ul {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 768px) {
  .books_wrapper .books_inner ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 480px) {
  .books_wrapper .books_inner ul {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.books_wrapper .books_inner ul li {
  width: 100%;
  background-color: #103F50;
  aspect-ratio: 1/1;
}
.books_wrapper .books_inner ul li a {
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: column;
  gap: 12px;
  align-items: center;
  justify-content: center;
  padding: 12px;
}
.books_wrapper .books_inner ul li a:hover .icon small {
  top: 12px;
  right: 12px;
  transition: 0.25s ease;
}
.books_wrapper .books_inner ul li a:hover b {
  color: #dee516;
}
.books_wrapper .books_inner ul li a .icon {
  width: 100%;
  flex-grow: 1;
  background-color: #F9F5F2;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.books_wrapper .books_inner ul li a .icon img {
  display: block;
  width: 72px;
}
.books_wrapper .books_inner ul li a .icon small {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  width: 48px;
  border-radius: 50%;
  background-color: #C0C620;
  position: absolute;
  right: 8px;
  top: 8px;
  transition: 0.25s ease;
}
.books_wrapper .books_inner ul li a .icon small img {
  display: block;
  width: 24px;
}
.books_wrapper .books_inner ul li a b {
  display: block;
  width: 100%;
  text-align: center;
  font-weight: 700;
  font-size: 16px;
  color: #fff;
}
.books_wrapper .uniform_wrapper {
  width: 100%;
  padding: 72px 0;
  background: url(../icons/uni_bg.svg) no-repeat left bottom;
  background-size: auto;
}
.books_wrapper .uniform_wrapper .uniform_inner {
  width: 100%;
  max-width: 1288px;
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: flex-start;
  margin: 0 auto;
  padding: 0 24px;
}
@media (max-width: 834px) {
  .books_wrapper .uniform_wrapper .uniform_inner {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.books_wrapper .uniform_wrapper .uniform_inner .heading {
  display: flex;
  flex-flow: column;
  gap: 16px;
  align-items: flex-start;
}
.books_wrapper .uniform_wrapper .uniform_inner .heading h2 {
  text-align: left;
}
.books_wrapper .uniform_wrapper .uniform_inner .heading p {
  text-align: left;
  white-space: pre-line;
}
.books_wrapper .uniform_wrapper .uniform_inner ul {
  width: 100%;
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: flex-start;
}
@media (max-width: 480px) {
  .books_wrapper .uniform_wrapper .uniform_inner ul {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.books_wrapper .uniform_wrapper .uniform_inner ul li {
  width: 100%;
  background-color: #103F50;
  aspect-ratio: 1/1;
}
.books_wrapper .uniform_wrapper .uniform_inner ul li a {
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: column;
  gap: 12px;
  align-items: center;
  justify-content: center;
  padding: 12px;
}
.books_wrapper .uniform_wrapper .uniform_inner ul li a:hover .icon small {
  top: 12px;
  right: 12px;
  transition: 0.25s ease;
}
.books_wrapper .uniform_wrapper .uniform_inner ul li a:hover b {
  color: #dee516;
}
.books_wrapper .uniform_wrapper .uniform_inner ul li a .icon {
  width: 100%;
  flex-grow: 1;
  background-color: #F9F5F2;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.books_wrapper .uniform_wrapper .uniform_inner ul li a .icon img {
  display: block;
  width: 72px;
}
.books_wrapper .uniform_wrapper .uniform_inner ul li a .icon small {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  width: 48px;
  border-radius: 50%;
  background-color: #C0C620;
  position: absolute;
  right: 8px;
  top: 8px;
  transition: 0.25s ease;
}
.books_wrapper .uniform_wrapper .uniform_inner ul li a .icon small img {
  display: block;
  width: 24px;
}
.books_wrapper .uniform_wrapper .uniform_inner ul li a b {
  display: block;
  width: 100%;
  text-align: center;
  font-weight: 700;
  font-size: 16px;
  color: #fff;
}

.career_wrapper {
  width: 100%;
  background: url(../images/bg.jpg) repeat-y left top #F9F5F2;
  background-size: 100%;
  overflow-x: hidden;
}
@media (max-width: 768px) {
  .career_wrapper {
    background: url(../images/bg.jpg) no-repeat left top #F9F5F2;
    background-size: cover;
  }
}
.career_wrapper .career_inner {
  width: 100%;
  max-width: 1288px;
  margin: 0 auto;
  padding: 48px 24px 72px 24px;
  display: flex;
  flex-flow: column;
  gap: 48px;
}
.career_wrapper .career_inner .text_outer {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 48px;
  align-items: flex-start;
}
.career_wrapper .career_inner .text_outer h1 {
  text-align: left;
  position: relative;
}
.career_wrapper .career_inner .text_outer h1:before {
  content: "";
  width: 170px;
  height: 10px;
  position: absolute;
  left: 0;
  bottom: -16px;
  background-color: #C0C620;
}
.career_wrapper .career_inner .text_outer p {
  text-align: left;
}
.career_wrapper .career_inner .empoerment_wrapp {
  width: 100%;
  display: grid;
  gap: 48px;
  align-items: center;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (max-width: 834px) {
  .career_wrapper .career_inner .empoerment_wrapp {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.career_wrapper .career_inner .empoerment_wrapp .heading {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 32px;
  align-items: flex-start;
}
.career_wrapper .career_inner .empoerment_wrapp .heading h2 {
  text-align: left;
}
.career_wrapper .career_inner .empoerment_wrapp .heading p {
  text-align: left;
}
.career_wrapper .career_inner .empoerment_wrapp .photo {
  width: 100%;
}
.career_wrapper .career_inner .empoerment_wrapp .photo img {
  display: block;
  width: 100%;
}
.career_wrapper .key_initiatives_wrapper {
  width: 100%;
  background-color: #C0C620;
  padding: 72px 0;
}
.career_wrapper .key_initiatives_wrapper .key_initiatives_inner {
  width: 100%;
  max-width: 1288px;
  margin: 0 auto;
  padding: 0 24px;
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  gap: 48px;
}
.career_wrapper .key_initiatives_wrapper .key_initiatives_inner h2 {
  text-align: left;
}
.career_wrapper .key_initiatives_wrapper .key_initiatives_inner ul {
  width: 100%;
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  align-items: flex-start;
}
@media (max-width: 1024px) {
  .career_wrapper .key_initiatives_wrapper .key_initiatives_inner ul {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 768px) {
  .career_wrapper .key_initiatives_wrapper .key_initiatives_inner ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 480px) {
  .career_wrapper .key_initiatives_wrapper .key_initiatives_inner ul {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.career_wrapper .key_initiatives_wrapper .key_initiatives_inner ul li {
  width: 100%;
  height: 100%;
  padding: 20px;
  border-radius: 16px;
  display: flex;
  flex-flow: column;
  gap: 8px;
  align-items: center;
  border-top: 4px solid #000;
  background-color: #F9F8F3;
}
.career_wrapper .key_initiatives_wrapper .key_initiatives_inner ul li.green {
  border-color: #10A70D;
}
.career_wrapper .key_initiatives_wrapper .key_initiatives_inner ul li.green .icon {
  background-color: #10A70D;
}
.career_wrapper .key_initiatives_wrapper .key_initiatives_inner ul li.green small {
  background-color: #10A70D;
}
.career_wrapper .key_initiatives_wrapper .key_initiatives_inner ul li.seagreen {
  border-color: #14AEC2;
}
.career_wrapper .key_initiatives_wrapper .key_initiatives_inner ul li.seagreen .icon {
  background-color: #14AEC2;
}
.career_wrapper .key_initiatives_wrapper .key_initiatives_inner ul li.seagreen small {
  background-color: #14AEC2;
}
.career_wrapper .key_initiatives_wrapper .key_initiatives_inner ul li.blue {
  border-color: #195ACA;
}
.career_wrapper .key_initiatives_wrapper .key_initiatives_inner ul li.blue .icon {
  background-color: #195ACA;
}
.career_wrapper .key_initiatives_wrapper .key_initiatives_inner ul li.blue small {
  background-color: #195ACA;
}
.career_wrapper .key_initiatives_wrapper .key_initiatives_inner ul li.violet {
  border-color: #826BB3;
}
.career_wrapper .key_initiatives_wrapper .key_initiatives_inner ul li.violet .icon {
  background-color: #826BB3;
}
.career_wrapper .key_initiatives_wrapper .key_initiatives_inner ul li.violet small {
  background-color: #826BB3;
}
.career_wrapper .key_initiatives_wrapper .key_initiatives_inner ul li.orange {
  border-color: #F0760F;
}
.career_wrapper .key_initiatives_wrapper .key_initiatives_inner ul li.orange .icon {
  background-color: #F0760F;
}
.career_wrapper .key_initiatives_wrapper .key_initiatives_inner ul li.orange small {
  background-color: #F0760F;
}
.career_wrapper .key_initiatives_wrapper .key_initiatives_inner ul li .icon {
  width: 62px;
  height: 62px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #000;
}
.career_wrapper .key_initiatives_wrapper .key_initiatives_inner ul li .icon img {
  display: block;
  width: 32px;
}
.career_wrapper .key_initiatives_wrapper .key_initiatives_inner ul li b {
  display: block;
  width: 100%;
  text-align: center;
  font-weight: 700;
  font-size: 16px;
  text-transform: uppercase;
  color: #2B2521;
}
.career_wrapper .key_initiatives_wrapper .key_initiatives_inner ul li i {
  display: block;
  width: 60%;
  height: 3px;
  background-color: #D9D9D9;
}
.career_wrapper .key_initiatives_wrapper .key_initiatives_inner ul li p {
  text-align: center;
  color: #4C433D;
  flex-grow: 1;
}
.career_wrapper .key_initiatives_wrapper .key_initiatives_inner ul li small {
  display: inline-block;
  width: auto;
  padding: 4px 16px;
  border-radius: 50px;
  background-color: #000;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
}
.career_wrapper .key_initiatives_wrapper .key_initiatives_inner .more {
  width: 100%;
  padding: 24px 48px;
  background-color: #F9F8F3;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-flow: row wrap;
}
@media (max-width: 834px) {
  .career_wrapper .key_initiatives_wrapper .key_initiatives_inner .more {
    gap: 24px;
    justify-content: center;
  }
}
@media (max-width: 480px) {
  .career_wrapper .key_initiatives_wrapper .key_initiatives_inner .more {
    flex-flow: column;
    gap: 16px;
    border-radius: 24px;
  }
}
.career_wrapper .key_initiatives_wrapper .key_initiatives_inner .more .more_inn {
  width: auto;
  display: inline-flex;
  align-items: center;
  gap: 12px;
}
.career_wrapper .key_initiatives_wrapper .key_initiatives_inner .more .more_inn img {
  display: block;
  width: 24px;
}
.career_wrapper .key_initiatives_wrapper .key_initiatives_inner .more .more_inn p {
  text-align: left;
  font-size: 18px;
  color: #2B2521;
}
.career_wrapper .key_initiatives_wrapper .key_initiatives_inner .more small {
  width: 1px;
  height: 16px;
  background-color: #aaa;
}
@media (max-width: 480px) {
  .career_wrapper .key_initiatives_wrapper .key_initiatives_inner .more small {
    width: 100%;
    height: 1px;
  }
}
.career_wrapper .fair_extra_wrapper {
  width: 100%;
  max-width: 1288px;
  margin: 0 auto;
  padding: 72px 24px;
  display: flex;
  flex-flow: column;
  gap: 48px;
  align-items: flex-start;
}
.career_wrapper .fair_extra_wrapper h1 {
  text-align: left;
}
.career_wrapper .fair_extra_wrapper .universities_container {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 24px;
}
.career_wrapper .fair_extra_wrapper .universities_container h2 {
  display: flex;
  align-items: center;
  gap: 24px;
  text-align: left;
}
.career_wrapper .fair_extra_wrapper .universities_container h2 img {
  display: block;
  width: 72px;
}
.career_wrapper .fair_extra_wrapper .universities_container ul {
  width: 100%;
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  align-items: flex-start;
}
@media (max-width: 1024px) {
  .career_wrapper .fair_extra_wrapper .universities_container ul {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (max-width: 834px) {
  .career_wrapper .fair_extra_wrapper .universities_container ul {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 768px) {
  .career_wrapper .fair_extra_wrapper .universities_container ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 480px) {
  .career_wrapper .fair_extra_wrapper .universities_container ul {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.career_wrapper .fair_extra_wrapper .universities_container ul li {
  width: 100%;
}
.career_wrapper .fair_extra_wrapper .universities_container ul li a {
  display: block;
  width: 100%;
  background-color: #fff;
  padding: 4px;
}
.career_wrapper .fair_extra_wrapper .universities_container ul li a .photo {
  width: 100%;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.career_wrapper .fair_extra_wrapper .universities_container ul li a .photo img {
  display: block;
  width: 70%;
}
.career_wrapper .fair_extra_wrapper .universities_container ul li a b {
  display: block;
  width: 100%;
  text-align: center;
  padding: 16px;
  font-size: 16px;
  text-transform: uppercase;
  font-size: 700;
  color: #2B2521;
  white-space: pre-line;
}
.career_wrapper .events_wrapper {
  width: 100%;
  padding: 72px 0;
  background-color: #103F50;
}
.career_wrapper .events_wrapper .events_inner {
  width: 100%;
  max-width: 1288px;
  margin: 0 auto;
  padding: 0 24px;
  display: flex;
  flex-flow: column;
  gap: 48px;
}
.career_wrapper .events_wrapper .events_inner h2 {
  text-align: left;
  color: #fff;
}
.career_wrapper .events_wrapper .events_inner ul {
  width: 100%;
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: flex-start;
}
@media (max-width: 1024px) {
  .career_wrapper .events_wrapper .events_inner ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 480px) {
  .career_wrapper .events_wrapper .events_inner ul {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.career_wrapper .events_wrapper .events_inner ul li {
  width: 100%;
  height: 100%;
  padding: 4px;
  background-color: #fff;
}
.career_wrapper .events_wrapper .events_inner ul li .photo {
  width: 100%;
  aspect-ratio: 4/3;
  overflow: hidden;
}
.career_wrapper .events_wrapper .events_inner ul li .photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}
.career_wrapper .events_wrapper .events_inner ul li .text {
  width: 100%;
  flex-grow: 1;
  padding: 16px;
  display: flex;
  flex-flow: column;
  gap: 16px;
}
.career_wrapper .events_wrapper .events_inner ul li .text .heading {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 4px;
}
.career_wrapper .events_wrapper .events_inner ul li .text .heading b {
  display: block;
  width: 100%;
  text-align: left;
  font-size: 24px;
  font-weight: 700;
  text-transform: uppercase;
  color: #2B2521;
  line-height: 1.1;
}
.career_wrapper .events_wrapper .events_inner ul li .text .heading small {
  display: block;
  width: 100%;
  text-align: left;
  font-size: 14px;
  color: #808080;
}
.career_wrapper .events_wrapper .events_inner ul li .text p {
  text-align: left;
  font-size: 16px;
  color: #4C433D;
}
.career_wrapper .collaborations_wrapper {
  width: 100%;
  max-width: 1288px;
  margin: 0 auto;
  padding: 72px 24px;
  display: flex;
  flex-flow: column;
  gap: 48px;
}
.career_wrapper .collaborations_wrapper .heading {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 16px;
  align-items: flex-start;
}
.career_wrapper .collaborations_wrapper .collab_slider {
  width: 100%;
}
.career_wrapper .collaborations_wrapper .collab_slider .swiper {
  width: 100%;
  height: 100%;
  max-height: 610px;
  overflow: hidden;
}
.career_wrapper .collaborations_wrapper .collab_slider .swiper-slide {
  text-align: center;
  height: 100%;
  font-size: 18px;
  background: #444;
  display: flex;
  justify-content: center;
  align-items: center;
}
.career_wrapper .collaborations_wrapper .collab_slider .swiper-slide img {
  display: block;
  width: 100%;
}
.career_wrapper .collaborations_wrapper .collab_slider .swiper-button-next, .career_wrapper .collaborations_wrapper .collab_slider .swiper-button-prev {
  color: #C0C620 !important;
}
.career_wrapper .collaborations_wrapper .fostering {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 32px;
}
.career_wrapper .collaborations_wrapper .fostering h2 {
  text-align: left;
}
.career_wrapper .collaborations_wrapper .fostering ul {
  width: 100%;
  display: grid;
  gap: 48px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: flex-start;
}
@media (max-width: 768px) {
  .career_wrapper .collaborations_wrapper .fostering ul {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 24px;
  }
}
.career_wrapper .collaborations_wrapper .fostering ul li {
  width: 100%;
}
.career_wrapper .collaborations_wrapper .fostering ul li dl {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 16px;
  align-items: flex-start;
}
.career_wrapper .collaborations_wrapper .fostering ul li dl dt {
  width: 100%;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  font-size: 16px;
  font-weight: 400;
}
.career_wrapper .collaborations_wrapper .fostering ul li dl dt img {
  display: block;
  width: 24px;
  flex-shrink: 0;
}
.career_wrapper .collaborations_wrapper .awards_wrapper {
  width: 100%;
  max-width: 1288px;
  padding: 0 24px;
  display: flex;
  flex-flow: column;
  gap: 24px;
  margin: 0 auto;
}
.career_wrapper .collaborations_wrapper .awards_wrapper h2 {
  text-align: left;
}
.career_wrapper .collaborations_wrapper .awards_wrapper ul {
  width: 100%;
  display: grid;
  gap: 24px;
  align-items: flex-start;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (max-width: 834px) {
  .career_wrapper .collaborations_wrapper .awards_wrapper ul {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.career_wrapper .collaborations_wrapper .awards_wrapper ul li {
  width: 100%;
  padding: 4px;
  background-color: #fff;
}
.career_wrapper .collaborations_wrapper .awards_wrapper ul li .photo {
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
}
.career_wrapper .collaborations_wrapper .awards_wrapper ul li .photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}
.career_wrapper .collaborations_wrapper .awards_wrapper ul li b {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.1;
  color: #2B2521;
  padding: 16px;
}

.admission_form_wrapper {
  width: 100%;
  background: url(../images/bg.jpg) repeat-y left top #F9F5F2;
  background-size: 100%;
  overflow-x: hidden;
}
@media (max-width: 768px) {
  .admission_form_wrapper {
    background: url(../images/bg.jpg) no-repeat left top #F9F5F2;
    background-size: cover;
  }
}
.admission_form_wrapper .admission_form_inner {
  width: 100%;
  max-width: 1288px;
  margin: 0 auto;
  padding: 48px 24px 72px 24px;
  display: flex;
  flex-flow: column;
  gap: 72px;
}
.admission_form_wrapper .admission_form_inner .text_outer {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 48px;
  align-items: flex-start;
}
.admission_form_wrapper .admission_form_inner .text_outer h1 {
  text-align: left;
  position: relative;
}
.admission_form_wrapper .admission_form_inner .text_outer h1:before {
  content: "";
  width: 170px;
  height: 10px;
  position: absolute;
  left: 0;
  bottom: -16px;
  background-color: #C0C620;
}
.admission_form_wrapper .admission_form_inner .text_outer p {
  text-align: left;
  font-weight: 600;
  font-size: 20px;
}
.admission_form_wrapper .admission_form_inner .open_for_wrapper {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 24px;
}
.admission_form_wrapper .admission_form_inner .open_for_wrapper h3 {
  text-align: left;
}
.admission_form_wrapper .admission_form_inner .open_for_wrapper .links_ad {
  width: 100%;
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: center;
}
@media (max-width: 768px) {
  .admission_form_wrapper .admission_form_inner .open_for_wrapper .links_ad {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.admission_form_wrapper .admission_form_inner .open_for_wrapper .links_ad a {
  width: 100%;
  min-height: 96px;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 20px;
  font-weight: 600;
  color: #2B2521;
  padding: 16px 24px;
  border-radius: 16px;
  background-color: #C0C620;
  text-align: center;
}
.admission_form_wrapper .admission_form_inner .open_for_wrapper .links_ad a:hover {
  background-color: #dee516;
}
.admission_form_wrapper .admission_form_inner .open_for_wrapper .links_ad a small {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  color: #2B2521;
}
.admission_form_wrapper .admission_form_inner .open_for_wrapper .alert {
  width: 100%;
  text-align: center;
  padding: 16px;
  border-radius: 16px;
  font-size: 18px;
  font-weight: 500;
  color: #8D5A0C;
  background-color: #FFEFCE;
}
.admission_form_wrapper .admission_form_inner .open_for_wrapper .timings {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 48px;
}
@media (max-width: 834px) {
  .admission_form_wrapper .admission_form_inner .open_for_wrapper .timings {
    flex-flow: column;
    gap: 16px;
  }
}
.admission_form_wrapper .admission_form_inner .open_for_wrapper .timings b {
  display: inline-block;
  width: auto;
  font-size: 24px;
  font-weight: 600;
  color: #2B2521;
}
@media (max-width: 480px) {
  .admission_form_wrapper .admission_form_inner .open_for_wrapper .timings b {
    text-align: center;
  }
}
.admission_form_wrapper .admission_form_inner .open_for_wrapper .timings a {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  padding: 16px 24px;
  border-radius: 16px;
  background-color: #103F50;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  transition: 0.25s ease;
}
.admission_form_wrapper .admission_form_inner .open_for_wrapper .timings a:hover {
  gap: 24px;
  transition: 0.25s ease;
}
.admission_form_wrapper .admission_form_inner .open_for_wrapper .timings a img {
  display: inline-block;
  width: auto;
  height: 24px;
}
.admission_form_wrapper .admission_form_inner .fee_rules {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 24px;
  align-items: flex-start;
}
.admission_form_wrapper .admission_form_inner .fee_rules h2 {
  text-align: left;
}
.admission_form_wrapper .admission_form_inner .fee_rules ul {
  width: 100%;
  display: grid;
  gap: 48px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: flex-start;
}
@media (max-width: 768px) {
  .admission_form_wrapper .admission_form_inner .fee_rules ul {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 24px;
  }
}
.admission_form_wrapper .admission_form_inner .fee_rules ul li {
  width: 100%;
}
.admission_form_wrapper .admission_form_inner .fee_rules ul li dl {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 16px;
  align-items: flex-start;
}
.admission_form_wrapper .admission_form_inner .fee_rules ul li dl dt {
  width: 100%;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  font-size: 16px;
  font-weight: 400;
}
.admission_form_wrapper .admission_form_inner .fee_rules ul li dl dt img {
  display: block;
  width: 24px;
  flex-shrink: 0;
}
.admission_form_wrapper .admission_form_inner .fee_structure {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 24px;
  align-items: flex-start;
}
.admission_form_wrapper .admission_form_inner .fee_structure h2 {
  text-align: left;
}
.admission_form_wrapper .admission_form_inner .fee_structure ul {
  width: 100%;
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: flex-start;
}
@media (max-width: 834px) {
  .admission_form_wrapper .admission_form_inner .fee_structure ul {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 768px) {
  .admission_form_wrapper .admission_form_inner .fee_structure ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 480px) {
  .admission_form_wrapper .admission_form_inner .fee_structure ul {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.admission_form_wrapper .admission_form_inner .fee_structure ul li {
  width: 100%;
  background-color: #103F50;
  aspect-ratio: 1/1;
}
.admission_form_wrapper .admission_form_inner .fee_structure ul li a {
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: column;
  gap: 12px;
  align-items: center;
  justify-content: center;
  padding: 12px;
}
.admission_form_wrapper .admission_form_inner .fee_structure ul li a:hover .icon small {
  top: 12px;
  right: 12px;
  transition: 0.25s ease;
}
.admission_form_wrapper .admission_form_inner .fee_structure ul li a:hover b {
  color: #dee516;
}
.admission_form_wrapper .admission_form_inner .fee_structure ul li a .icon {
  width: 100%;
  flex-grow: 1;
  background-color: #F9F5F2;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.admission_form_wrapper .admission_form_inner .fee_structure ul li a .icon img {
  display: block;
  width: 72px;
}
.admission_form_wrapper .admission_form_inner .fee_structure ul li a .icon small {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  width: 48px;
  border-radius: 50%;
  background-color: #C0C620;
  position: absolute;
  right: 8px;
  top: 8px;
  transition: 0.25s ease;
}
.admission_form_wrapper .admission_form_inner .fee_structure ul li a .icon small img {
  display: block;
  width: 24px;
}
.admission_form_wrapper .admission_form_inner .fee_structure ul li a b {
  display: block;
  width: 100%;
  text-align: center;
  font-weight: 700;
  font-size: 16px;
  color: #fff;
}

.school_corner_wrapper {
  width: 100%;
  background: url(../images/bg.jpg) repeat-y left top #F9F5F2;
  background-size: 100%;
  overflow-x: hidden;
}
@media (max-width: 768px) {
  .school_corner_wrapper {
    background: url(../images/bg.jpg) no-repeat left top #F9F5F2;
    background-size: cover;
  }
}
.school_corner_wrapper .school_corner_inner {
  width: 100%;
  max-width: 1288px;
  margin: 0 auto;
  padding: 48px 24px 72px 24px;
  display: flex;
  flex-flow: column;
  gap: 72px;
}
.school_corner_wrapper .school_corner_inner .text_outer {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 60px;
  align-items: flex-start;
}
.school_corner_wrapper .school_corner_inner .text_outer h1 {
  text-align: left;
  position: relative;
}
.school_corner_wrapper .school_corner_inner .text_outer h1:before {
  content: "";
  width: 170px;
  height: 10px;
  position: absolute;
  left: 0;
  bottom: -16px;
  background-color: #C0C620;
}
.school_corner_wrapper .school_corner_inner .text_outer ul {
  width: 100%;
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: flex-start;
}
@media (max-width: 834px) {
  .school_corner_wrapper .school_corner_inner .text_outer ul {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 768px) {
  .school_corner_wrapper .school_corner_inner .text_outer ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 480px) {
  .school_corner_wrapper .school_corner_inner .text_outer ul {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.school_corner_wrapper .school_corner_inner .text_outer ul li {
  width: 100%;
  background-color: #103F50;
  aspect-ratio: 1/1;
}
.school_corner_wrapper .school_corner_inner .text_outer ul li a {
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: column;
  gap: 12px;
  align-items: center;
  justify-content: center;
  padding: 12px;
}
.school_corner_wrapper .school_corner_inner .text_outer ul li a:hover .icon small {
  top: 12px;
  right: 12px;
  transition: 0.25s ease;
}
.school_corner_wrapper .school_corner_inner .text_outer ul li a:hover b {
  color: #dee516;
}
.school_corner_wrapper .school_corner_inner .text_outer ul li a .icon {
  width: 100%;
  flex-grow: 1;
  background-color: #F9F5F2;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.school_corner_wrapper .school_corner_inner .text_outer ul li a .icon img {
  display: block;
  width: 72px;
}
.school_corner_wrapper .school_corner_inner .text_outer ul li a .icon small {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  width: 48px;
  border-radius: 50%;
  background-color: #C0C620;
  position: absolute;
  right: 8px;
  top: 8px;
  transition: 0.25s ease;
}
.school_corner_wrapper .school_corner_inner .text_outer ul li a .icon small img {
  display: block;
  width: 24px;
}
.school_corner_wrapper .school_corner_inner .text_outer ul li a b {
  display: block;
  width: 100%;
  text-align: center;
  font-weight: 700;
  font-size: 16px;
  color: #fff;
}
.school_corner_wrapper .school_corner_inner .certificates_con {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 24px;
  align-items: flex-start;
}
.school_corner_wrapper .school_corner_inner .certificates_con h2 {
  text-align: left;
}
.school_corner_wrapper .school_corner_inner .certificates_con ul {
  width: 100%;
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: flex-start;
}
@media (max-width: 834px) {
  .school_corner_wrapper .school_corner_inner .certificates_con ul {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 768px) {
  .school_corner_wrapper .school_corner_inner .certificates_con ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 480px) {
  .school_corner_wrapper .school_corner_inner .certificates_con ul {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.school_corner_wrapper .school_corner_inner .certificates_con ul li {
  width: 100%;
  background-color: #103F50;
  aspect-ratio: 1/1;
}
.school_corner_wrapper .school_corner_inner .certificates_con ul li a {
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: column;
  gap: 12px;
  align-items: center;
  justify-content: center;
  padding: 12px;
}
.school_corner_wrapper .school_corner_inner .certificates_con ul li a:hover .icon small {
  top: 12px;
  right: 12px;
  transition: 0.25s ease;
}
.school_corner_wrapper .school_corner_inner .certificates_con ul li a:hover b {
  color: #dee516;
}
.school_corner_wrapper .school_corner_inner .certificates_con ul li a .icon {
  width: 100%;
  flex-grow: 1;
  background-color: #F9F5F2;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.school_corner_wrapper .school_corner_inner .certificates_con ul li a .icon img {
  display: block;
  width: 72px;
}
.school_corner_wrapper .school_corner_inner .certificates_con ul li a .icon small {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  width: 48px;
  border-radius: 50%;
  background-color: #C0C620;
  position: absolute;
  right: 8px;
  top: 8px;
  transition: 0.25s ease;
}
.school_corner_wrapper .school_corner_inner .certificates_con ul li a .icon small img {
  display: block;
  width: 24px;
}
.school_corner_wrapper .school_corner_inner .certificates_con ul li a b {
  display: block;
  width: 100%;
  text-align: center;
  font-weight: 700;
  font-size: 16px;
  color: #fff;
}

.subject_comb_wrapper {
  width: 100%;
  background: url(../images/bg.jpg) repeat-y left top #F9F5F2;
  background-size: 100%;
  overflow-x: hidden;
}
@media (max-width: 768px) {
  .subject_comb_wrapper {
    background: url(../images/bg.jpg) no-repeat left top #F9F5F2;
    background-size: cover;
  }
}
.subject_comb_wrapper .subject_comb_inner {
  width: 100%;
  max-width: 1288px;
  margin: 0 auto;
  padding: 48px 24px 72px 24px;
  display: flex;
  flex-flow: column;
  gap: 60px;
}
.subject_comb_wrapper .subject_comb_inner .text_outer {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 48px;
  align-items: flex-start;
}
.subject_comb_wrapper .subject_comb_inner .text_outer h1 {
  text-align: left;
  position: relative;
}
.subject_comb_wrapper .subject_comb_inner .text_outer h1:before {
  content: "";
  width: 170px;
  height: 10px;
  position: absolute;
  left: 0;
  bottom: -16px;
  background-color: #C0C620;
}
.subject_comb_wrapper .subject_comb_inner .text_outer p {
  text-align: left;
  font-size: 18px;
}
.subject_comb_wrapper .subject_comb_inner .heading {
  width: 100%;
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  gap: 16px;
}
.subject_comb_wrapper .subject_comb_inner .heading h3 {
  text-align: left;
}
.subject_comb_wrapper .subject_comb_inner .table_content {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 24px;
}
.subject_comb_wrapper .subject_comb_inner .table_content h2 {
  text-align: left;
}
.subject_comb_wrapper .subject_comb_inner .table_content .table_con {
  width: 100%;
  overflow-x: auto;
  padding: 0 0 6px 0;
}
.subject_comb_wrapper .subject_comb_inner .table_content .table_con table {
  width: 100%;
  border-collapse: collapse;
}
.subject_comb_wrapper .subject_comb_inner .table_content .table_con table th {
  text-align: center;
  padding: 12px;
  border: 1px solid #103F50;
  background-color: #C0C620;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  color: #2B2521;
}
.subject_comb_wrapper .subject_comb_inner .table_content .table_con table td {
  text-align: center;
  padding: 12px;
  border: 1px solid #103F50;
  background-color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
  font-weight: 500;
  color: #2B2521;
}
.subject_comb_wrapper .subject_comb_inner .note_wrapp {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 24px;
}
.subject_comb_wrapper .subject_comb_inner .note_wrapp b {
  display: block;
  width: 100%;
  text-align: left;
  font-weight: 600;
  font-size: 20px;
  color: #2B2521;
}
.subject_comb_wrapper .subject_comb_inner .note_wrapp ul {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 12px;
}
.subject_comb_wrapper .subject_comb_inner .note_wrapp ul li {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 4px;
}
.subject_comb_wrapper .subject_comb_inner .note_wrapp ul li .tex {
  width: 100%;
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 16px;
  color: #2B2521;
}
.subject_comb_wrapper .subject_comb_inner .note_wrapp ul li .tex p {
  width: 24px;
  font-size: 16px;
  font-size: 500;
  color: #2B2521;
  flex-shrink: 0;
}
.subject_comb_wrapper .subject_comb_inner .note_wrapp ul li dl {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 4px;
  padding: 0 0 0 32px;
}
.subject_comb_wrapper .subject_comb_inner .note_wrapp ul li dl dt {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  color: #2B2521;
}
.subject_comb_wrapper .subject_comb_inner .note_wrapp ul li dl dt small {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  display: block;
  background-color: #555555;
}

.mandatory_disclosure_wrapper {
  width: 100%;
  background: url(../images/bg.jpg) repeat-y left top #F9F5F2;
  background-size: 100%;
  overflow-x: hidden;
}
@media (max-width: 768px) {
  .mandatory_disclosure_wrapper {
    background: url(../images/bg.jpg) no-repeat left top #F9F5F2;
    background-size: cover;
  }
}
.mandatory_disclosure_wrapper .mandatory_disclosure_inner {
  width: 100%;
  max-width: 1288px;
  margin: 0 auto;
  padding: 48px 24px 72px 24px;
  display: flex;
  flex-flow: column;
  gap: 60px;
}
.mandatory_disclosure_wrapper .mandatory_disclosure_inner .text_outer {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 48px;
  align-items: flex-start;
}
.mandatory_disclosure_wrapper .mandatory_disclosure_inner .text_outer h1 {
  text-align: left;
  position: relative;
}
.mandatory_disclosure_wrapper .mandatory_disclosure_inner .text_outer h1:before {
  content: "";
  width: 170px;
  height: 10px;
  position: absolute;
  left: 0;
  bottom: -16px;
  background-color: #C0C620;
}
.mandatory_disclosure_wrapper .mandatory_disclosure_inner .mandatory_table {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 16px;
  align-items: flex-start;
}
.mandatory_disclosure_wrapper .mandatory_disclosure_inner .mandatory_table h2 {
  text-align: left;
}
.mandatory_disclosure_wrapper .mandatory_disclosure_inner .mandatory_table .table {
  width: 100%;
  padding-bottom: 6px;
  overflow-x: auto;
}
.mandatory_disclosure_wrapper .mandatory_disclosure_inner .mandatory_table .table table {
  width: 100%;
  border-collapse: collapse;
}
.mandatory_disclosure_wrapper .mandatory_disclosure_inner .mandatory_table .table table th {
  text-align: left;
  padding: 12px;
  font-weight: 600;
  font-size: 14px;
  color: #2B2521;
  background-color: #F0E4D6;
  border: 1px solid #888;
}
.mandatory_disclosure_wrapper .mandatory_disclosure_inner .mandatory_table .table table th:first-child {
  text-align: center;
}
.mandatory_disclosure_wrapper .mandatory_disclosure_inner .mandatory_table .table table td {
  text-align: left;
  padding: 12px;
  background-color: #fff;
  border: 1px solid #888;
  font-size: 14px;
  color: #2B2521;
}
.mandatory_disclosure_wrapper .mandatory_disclosure_inner .mandatory_table .table table td:first-child {
  text-align: center;
}
.mandatory_disclosure_wrapper .mandatory_disclosure_inner .mandatory_table .table table td a {
  display: inline-block;
  width: auto;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  color: #2B2521;
  padding: 6px 16px;
  border-radius: 32px;
  background-color: #C0C620;
  white-space: nowrap;
}
.mandatory_disclosure_wrapper .mandatory_disclosure_inner .mandatory_table .table table td a:hover {
  background-color: #dee516;
}
.mandatory_disclosure_wrapper .mandatory_disclosure_inner .mandatory_table .note {
  width: 100%;
  text-align: center;
  padding: 16px;
  border-radius: 16px;
  font-size: 14px;
  font-weight: 500;
  color: #8D5A0C;
  background-color: #FFEFCE;
}
.mandatory_disclosure_wrapper .mandatory_disclosure_inner .mandatory_table .note small {
  font-weight: 700;
  font-size: 14px;
}
.mandatory_disclosure_wrapper .mandatory_disclosure_inner .btn_div {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mandatory_disclosure_wrapper .mandatory_disclosure_inner .btn_div a {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  padding: 16px 24px;
  border-radius: 16px;
  background-color: #103F50;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  transition: 0.25s ease;
}
.mandatory_disclosure_wrapper .mandatory_disclosure_inner .btn_div a:hover {
  gap: 24px;
  transition: 0.25s ease;
}
.mandatory_disclosure_wrapper .mandatory_disclosure_inner .btn_div a img {
  display: inline-block;
  width: auto;
  height: 24px;
}

.registration_wrapper {
  width: 100%;
  background: url(../images/bg.jpg) repeat-y left top #F9F5F2;
  background-size: 100%;
  overflow-x: hidden;
}
@media (max-width: 768px) {
  .registration_wrapper {
    background: url(../images/bg.jpg) no-repeat left top #F9F5F2;
    background-size: cover;
  }
}
.registration_wrapper .registeration_inner {
  width: 100%;
  max-width: 1288px;
  margin: 0 auto;
  padding: 48px 24px 72px 24px;
  display: flex;
  flex-flow: column;
  gap: 60px;
}
.registration_wrapper .registeration_inner .text_outer {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 48px;
  align-items: flex-start;
}
.registration_wrapper .registeration_inner .text_outer h1 {
  text-align: left;
  position: relative;
}
.registration_wrapper .registeration_inner .text_outer h1:before {
  content: "";
  width: 170px;
  height: 10px;
  position: absolute;
  left: 0;
  bottom: -16px;
  background-color: #C0C620;
}
.registration_wrapper .registeration_inner .text_outer p {
  text-align: left;
  font-size: 16px;
}
.registration_wrapper .registeration_inner .office_use {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 16px;
}
.registration_wrapper .registeration_inner .office_use h2 {
  text-align: left;
}
.registration_wrapper .registeration_inner .office_use ul {
  width: 100%;
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: flex-start;
}
@media (max-width: 768px) {
  .registration_wrapper .registeration_inner .office_use ul {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.registration_wrapper .registeration_inner .office_use ul li {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 8px;
}
.registration_wrapper .registeration_inner .office_use ul li label {
  display: block;
  width: 100%;
  text-align: left;
  font-size: 16px;
  color: #2B2521;
}
.registration_wrapper .registeration_inner .office_use ul li label span {
  color: red;
}
.registration_wrapper .registeration_inner .office_use ul li label i {
  color: #555;
  font-style: normal;
}
.registration_wrapper .registeration_inner .office_use ul li input[type=text] {
  height: 48px;
  width: 100%;
  padding: 8px 12px;
  text-align: left;
  background-color: #fff;
  border-radius: 8px;
  font-family: "Geist", sans-serif;
  font-optical-sizing: auto;
  font-size: 14px;
  color: #2B2521;
  font-weight: 400;
  border: 1px solid #fff;
}
.registration_wrapper .registeration_inner .office_use ul li input[type=text]:focus {
  outline: none;
  border-color: #C0C620;
}
.registration_wrapper .registeration_inner .office_use ul li select {
  appearance: none;
  height: 48px;
  width: 100%;
  padding: 8px 12px;
  text-align: left;
  background: url(../icons/drop-down.svg) no-repeat right 12px center #fff;
  background-size: 20px;
  border-radius: 8px;
  font-family: "Geist", sans-serif;
  font-optical-sizing: auto;
  font-size: 14px;
  color: #2B2521;
  font-weight: 400;
  border: 1px solid #fff;
}
.registration_wrapper .registeration_inner .office_use ul li select:focus {
  outline: none;
  border-color: #C0C620;
}
.registration_wrapper .registeration_inner .office_use ul li textarea {
  height: 96px;
  width: 100%;
  padding: 12px;
  text-align: left;
  background-color: #fff;
  border-radius: 8px;
  font-family: "Geist", sans-serif;
  font-optical-sizing: auto;
  font-size: 14px;
  color: #2B2521;
  font-weight: 400;
  border: 1px solid #fff;
}
.registration_wrapper .registeration_inner .office_use ul li textarea:focus {
  outline: none;
  border-color: #C0C620;
}
.registration_wrapper .registeration_inner .office_use ul li .attachment {
  width: 100%;
  display: flex;
  flex-flow: column;
  align-items: flex-start;
}
.registration_wrapper .registeration_inner .office_use ul li .attachment .attachment_inn {
  width: 100%;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.05);
  padding: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.registration_wrapper .registeration_inner .office_use ul li .attachment .attachment_inn .upload-box {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  position: relative;
}
.registration_wrapper .registeration_inner .office_use ul li .attachment .attachment_inn .upload-box .file-info {
  display: flex;
  align-items: center;
  flex: 1;
  overflow: hidden;
}
.registration_wrapper .registeration_inner .office_use ul li .attachment .attachment_inn .upload-box .file-info .icon {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #103F50;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  flex-shrink: 0;
}
.registration_wrapper .registeration_inner .office_use ul li .attachment .attachment_inn .upload-box .file-info .icon img {
  display: block;
  width: 18px;
}
.registration_wrapper .registeration_inner .office_use ul li .attachment .attachment_inn .upload-box .file-info .file-name {
  margin-left: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #333;
  font-size: 15px;
}
.registration_wrapper .registeration_inner .office_use ul li .attachment .attachment_inn .upload-box .file-info .remove-btn {
  margin-left: 8px;
  color: #999;
  cursor: pointer;
  display: none;
  font-size: 18px;
}
.registration_wrapper .registeration_inner .office_use ul li .attachment .attachment_inn .upload-box .file-info .remove-btn:hover {
  color: #e53935;
}
.registration_wrapper .registeration_inner .office_use ul li .attachment .attachment_inn .upload-box .na_me {
  background: #f2f2f2;
  border: none;
  border-radius: 10px;
  padding: 7px 12px;
  cursor: pointer;
  font-size: 14px;
  transition: 0.3s;
  white-space: nowrap;
}
.registration_wrapper .registeration_inner .office_use ul li .attachment .attachment_inn .upload-box .na_me:hover {
  background: #e5e5e5;
}
.registration_wrapper .registeration_inner .office_use ul li .attachment .attachment_inn .upload-box .browse-btn {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  appearance: none;
  opacity: 0;
  height: 100%;
}
.registration_wrapper .registeration_inner .office_use ul li .attachment .attachment_inn .upload-box .browse-btn:focus {
  outline: none;
  border: none;
}
.registration_wrapper .registeration_inner .office_use ul li .attachment .attachment_inn .upload-box input[type=file] {
  display: none;
}
.registration_wrapper .registeration_inner .office_use ul li .attachment .attachment_inn .view {
  background: #103F50;
  border: none;
  border-radius: 10px;
  padding: 7px 12px;
  cursor: pointer;
  font-size: 14px;
  transition: 0.3s;
  white-space: nowrap;
  color: #fff;
}
.registration_wrapper .registeration_inner .office_use ul li .attachment .attachment_inn .view:hover {
  background: #3344CA;
}
.registration_wrapper .registeration_inner .student_info {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 16px;
  align-items: flex-start;
}
.registration_wrapper .registeration_inner .student_info h2 {
  text-align: left;
}
.registration_wrapper .registeration_inner .student_info ul {
  width: 100%;
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: flex-start;
}
@media (max-width: 1024px) {
  .registration_wrapper .registeration_inner .student_info ul {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.registration_wrapper .registeration_inner .student_info ul li {
  width: 100%;
}
.registration_wrapper .registeration_inner .student_info ul li dl {
  width: 100%;
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: flex-start;
}
@media (max-width: 480px) {
  .registration_wrapper .registeration_inner .student_info ul li dl {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.registration_wrapper .registeration_inner .student_info ul li dl dt {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 8px;
}
.registration_wrapper .registeration_inner .student_info ul li dl dt label {
  display: block;
  width: 100%;
  text-align: left;
  font-size: 16px;
  color: #2B2521;
}
.registration_wrapper .registeration_inner .student_info ul li dl dt label span {
  color: red;
}
.registration_wrapper .registeration_inner .student_info ul li dl dt label i {
  color: #555;
  font-style: normal;
}
.registration_wrapper .registeration_inner .student_info ul li dl dt input[type=text] {
  height: 48px;
  width: 100%;
  padding: 8px 12px;
  text-align: left;
  background-color: #fff;
  border-radius: 8px;
  font-family: "Geist", sans-serif;
  font-optical-sizing: auto;
  font-size: 14px;
  color: #2B2521;
  font-weight: 400;
  border: 1px solid #fff;
}
.registration_wrapper .registeration_inner .student_info ul li dl dt input[type=text]:focus {
  outline: none;
  border-color: #C0C620;
}
.registration_wrapper .registeration_inner .student_info ul li dl dt input[type=text].date {
  background: url(../icons/calender.svg) no-repeat right 12px center #fff;
  background-size: 20px;
}
.registration_wrapper .registeration_inner .student_info ul li dl dt select {
  appearance: none;
  height: 48px;
  width: 100%;
  padding: 8px 12px;
  text-align: left;
  background: url(../icons/drop-down.svg) no-repeat right 12px center #fff;
  background-size: 20px;
  border-radius: 8px;
  font-family: "Geist", sans-serif;
  font-optical-sizing: auto;
  font-size: 14px;
  color: #2B2521;
  font-weight: 400;
  border: 1px solid #fff;
}
.registration_wrapper .registeration_inner .student_info ul li dl dt select:focus {
  outline: none;
  border-color: #C0C620;
}
.registration_wrapper .registeration_inner .student_info ul li ol {
  width: 100%;
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: flex-start;
}
.registration_wrapper .registeration_inner .student_info ul li ol li {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 8px;
  /* Upload icon */
  /* Preview */
  /* Remove */
}
.registration_wrapper .registeration_inner .student_info ul li ol li label {
  display: block;
  width: 100%;
  text-align: left;
  font-size: 16px;
  color: #2B2521;
}
.registration_wrapper .registeration_inner .student_info ul li ol li label span {
  color: red;
}
.registration_wrapper .registeration_inner .student_info ul li ol li label i {
  color: #555;
  font-style: normal;
}
.registration_wrapper .registeration_inner .student_info ul li ol li .upload-box {
  width: 100%;
  aspect-ratio: 1/1;
  border: 1px dashed #c8d000;
  border-radius: 10px;
  background: #fff;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.registration_wrapper .registeration_inner .student_info ul li ol li .upload-input {
  display: none;
}
.registration_wrapper .registeration_inner .student_info ul li ol li .upload-content {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 28px;
}
.registration_wrapper .registeration_inner .student_info ul li ol li .upload-text {
  color: #85858d;
  font-size: 16px;
}
.registration_wrapper .registeration_inner .student_info ul li ol li .upload-icon {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.registration_wrapper .registeration_inner .student_info ul li ol li .upload-icon img {
  display: block;
  width: 40px;
}
.registration_wrapper .registeration_inner .student_info ul li ol li .preview-image {
  display: none;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.registration_wrapper .registeration_inner .student_info ul li ol li .upload-box.has-image .upload-content {
  display: none;
}
.registration_wrapper .registeration_inner .student_info ul li ol li .upload-box.has-image .preview-image {
  display: block;
}
.registration_wrapper .registeration_inner .student_info ul li ol li .remove-image {
  display: none;
  position: absolute;
  top: 10px;
  right: 10px;
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.65);
  color: #fff;
  font-size: 22px;
  cursor: pointer;
  z-index: 2;
}
.registration_wrapper .registeration_inner .student_info ul li ol li .upload-box.has-image .remove-image {
  display: block;
}
.registration_wrapper .registeration_inner .parents_detail {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 16px;
  align-items: flex-start;
}
.registration_wrapper .registeration_inner .parents_detail h2 {
  text-align: left;
}
.registration_wrapper .registeration_inner .parents_detail ul {
  width: 100%;
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: flex-start;
}
@media (max-width: 834px) {
  .registration_wrapper .registeration_inner .parents_detail ul {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.registration_wrapper .registeration_inner .parents_detail ul li {
  width: 100%;
  padding: 16px;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 16px;
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: 16px;
  /* Upload icon */
  /* Preview */
  /* Remove */
}
.registration_wrapper .registeration_inner .parents_detail ul li b {
  display: block;
  width: 100%;
  text-align: left;
  font-size: 20px;
  font-weight: 600;
  color: #2B2521;
}
.registration_wrapper .registeration_inner .parents_detail ul li .upload-box {
  width: 200px;
  height: 200px;
  border: 1px dashed #c8d000;
  border-radius: 10px;
  background: #fff;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.registration_wrapper .registeration_inner .parents_detail ul li .upload-input {
  display: none;
}
.registration_wrapper .registeration_inner .parents_detail ul li .upload-content {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 28px;
}
.registration_wrapper .registeration_inner .parents_detail ul li .upload-text {
  color: #85858d;
  font-size: 16px;
}
.registration_wrapper .registeration_inner .parents_detail ul li .upload-icon {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.registration_wrapper .registeration_inner .parents_detail ul li .upload-icon img {
  display: block;
  width: 40px;
}
.registration_wrapper .registeration_inner .parents_detail ul li .preview-image {
  display: none;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.registration_wrapper .registeration_inner .parents_detail ul li .upload-box.has-image .upload-content {
  display: none;
}
.registration_wrapper .registeration_inner .parents_detail ul li .upload-box.has-image .preview-image {
  display: block;
}
.registration_wrapper .registeration_inner .parents_detail ul li .remove-image {
  display: none;
  position: absolute;
  top: 10px;
  right: 10px;
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.65);
  color: #fff;
  font-size: 22px;
  cursor: pointer;
  z-index: 2;
}
.registration_wrapper .registeration_inner .parents_detail ul li .upload-box.has-image .remove-image {
  display: block;
}
.registration_wrapper .registeration_inner .parents_detail ul li dl {
  width: 100%;
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  align-items: flex-start;
}
.registration_wrapper .registeration_inner .parents_detail ul li dl dt {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 8px;
}
.registration_wrapper .registeration_inner .parents_detail ul li dl dt label {
  display: block;
  width: 100%;
  text-align: left;
  font-size: 16px;
  color: #2B2521;
}
.registration_wrapper .registeration_inner .parents_detail ul li dl dt label span {
  color: red;
}
.registration_wrapper .registeration_inner .parents_detail ul li dl dt label i {
  color: #555;
  font-style: normal;
}
.registration_wrapper .registeration_inner .parents_detail ul li dl dt input[type=text] {
  height: 48px;
  width: 100%;
  padding: 8px 12px;
  text-align: left;
  background-color: #fff;
  border-radius: 8px;
  font-family: "Geist", sans-serif;
  font-optical-sizing: auto;
  font-size: 14px;
  color: #2B2521;
  font-weight: 400;
  border: 1px solid #d0d0d0;
}
.registration_wrapper .registeration_inner .parents_detail ul li dl dt input[type=text]:focus {
  outline: none;
  border-color: #C0C620;
}
.registration_wrapper .registeration_inner .parents_detail ul li dl dt input[type=text].date {
  background: url(../icons/calender.svg) no-repeat right 12px center #fff;
  background-size: 20px;
}
.registration_wrapper .registeration_inner .parents_detail ul li dl dt select {
  appearance: none;
  height: 48px;
  width: 100%;
  padding: 8px 12px;
  text-align: left;
  background: url(../icons/drop-down.svg) no-repeat right 12px center #fff;
  background-size: 20px;
  border-radius: 8px;
  font-family: "Geist", sans-serif;
  font-optical-sizing: auto;
  font-size: 14px;
  color: #2B2521;
  font-weight: 400;
  border: 1px solid #d0d0d0;
}
.registration_wrapper .registeration_inner .parents_detail ul li dl dt select:focus {
  outline: none;
  border-color: #C0C620;
}
.registration_wrapper .registeration_inner .parents_detail ul li dl dt textarea {
  height: 96px;
  width: 100%;
  padding: 12px;
  text-align: left;
  background-color: #fff;
  border-radius: 8px;
  font-family: "Geist", sans-serif;
  font-optical-sizing: auto;
  font-size: 14px;
  color: #2B2521;
  font-weight: 400;
  border: 1px solid #d0d0d0;
}
.registration_wrapper .registeration_inner .parents_detail ul li dl dt textarea:focus {
  outline: none;
  border-color: #C0C620;
}
.registration_wrapper .registeration_inner .previous_education {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 16px;
  align-items: flex-start;
}
.registration_wrapper .registeration_inner .previous_education h2 {
  text-align: left;
}
.registration_wrapper .registeration_inner .previous_education ul {
  width: 100%;
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: flex-start;
}
@media (max-width: 1024px) {
  .registration_wrapper .registeration_inner .previous_education ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 768px) {
  .registration_wrapper .registeration_inner .previous_education ul {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.registration_wrapper .registeration_inner .previous_education ul li {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 8px;
}
.registration_wrapper .registeration_inner .previous_education ul li.col_2 {
  grid-column: 1/4;
}
@media (max-width: 1024px) {
  .registration_wrapper .registeration_inner .previous_education ul li.col_2 {
    grid-column: 1/3;
  }
}
@media (max-width: 768px) {
  .registration_wrapper .registeration_inner .previous_education ul li.col_2 {
    grid-column: 1/2;
  }
}
.registration_wrapper .registeration_inner .previous_education ul li .attachment {
  width: 100%;
  display: flex;
  flex-flow: column;
  align-items: flex-start;
}
.registration_wrapper .registeration_inner .previous_education ul li .attachment .attachment_inn {
  width: 100%;
  max-width: 440px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.05);
  padding: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.registration_wrapper .registeration_inner .previous_education ul li .attachment .attachment_inn .upload-box {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  position: relative;
}
.registration_wrapper .registeration_inner .previous_education ul li .attachment .attachment_inn .upload-box .file-info {
  display: flex;
  align-items: center;
  flex: 1;
  overflow: hidden;
}
.registration_wrapper .registeration_inner .previous_education ul li .attachment .attachment_inn .upload-box .file-info .icon {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #103F50;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  flex-shrink: 0;
}
.registration_wrapper .registeration_inner .previous_education ul li .attachment .attachment_inn .upload-box .file-info .icon img {
  display: block;
  width: 18px;
}
.registration_wrapper .registeration_inner .previous_education ul li .attachment .attachment_inn .upload-box .file-info .file-name {
  margin-left: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #333;
  font-size: 15px;
}
.registration_wrapper .registeration_inner .previous_education ul li .attachment .attachment_inn .upload-box .file-info .remove-btn {
  margin-left: 8px;
  color: #999;
  cursor: pointer;
  display: none;
  font-size: 18px;
}
.registration_wrapper .registeration_inner .previous_education ul li .attachment .attachment_inn .upload-box .file-info .remove-btn:hover {
  color: #e53935;
}
.registration_wrapper .registeration_inner .previous_education ul li .attachment .attachment_inn .upload-box .na_me {
  background: #f2f2f2;
  border: none;
  border-radius: 10px;
  padding: 7px 12px;
  cursor: pointer;
  font-size: 14px;
  transition: 0.3s;
  white-space: nowrap;
}
.registration_wrapper .registeration_inner .previous_education ul li .attachment .attachment_inn .upload-box .na_me:hover {
  background: #e5e5e5;
}
.registration_wrapper .registeration_inner .previous_education ul li .attachment .attachment_inn .upload-box .browse-btn {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  appearance: none;
  opacity: 0;
  height: 100%;
}
.registration_wrapper .registeration_inner .previous_education ul li .attachment .attachment_inn .upload-box .browse-btn:focus {
  outline: none;
  border: none;
}
.registration_wrapper .registeration_inner .previous_education ul li .attachment .attachment_inn .upload-box input[type=file] {
  display: none;
}
.registration_wrapper .registeration_inner .previous_education ul li .attachment .attachment_inn .view {
  background: #103F50;
  border: none;
  border-radius: 10px;
  padding: 7px 12px;
  cursor: pointer;
  font-size: 14px;
  transition: 0.3s;
  white-space: nowrap;
  color: #fff;
}
.registration_wrapper .registeration_inner .previous_education ul li .attachment .attachment_inn .view:hover {
  background: #3344CA;
}
.registration_wrapper .registeration_inner .previous_education ul li label {
  display: block;
  width: 100%;
  text-align: left;
  font-size: 16px;
  color: #2B2521;
}
.registration_wrapper .registeration_inner .previous_education ul li label span {
  color: red;
}
.registration_wrapper .registeration_inner .previous_education ul li label i {
  color: #555;
  font-style: normal;
}
.registration_wrapper .registeration_inner .previous_education ul li input[type=text] {
  height: 48px;
  width: 100%;
  padding: 8px 12px;
  text-align: left;
  background-color: #fff;
  border-radius: 8px;
  font-family: "Geist", sans-serif;
  font-optical-sizing: auto;
  font-size: 14px;
  color: #2B2521;
  font-weight: 400;
  border: 1px solid #fff;
}
.registration_wrapper .registeration_inner .previous_education ul li input[type=text]:focus {
  outline: none;
  border-color: #C0C620;
}
.registration_wrapper .registeration_inner .previous_education ul li input[type=text].date {
  background: url(../icons/calender.svg) no-repeat right 12px center #fff;
  background-size: 20px;
}
.registration_wrapper .registeration_inner .previous_education ul li select {
  appearance: none;
  height: 48px;
  width: 100%;
  padding: 8px 12px;
  text-align: left;
  background: url(../icons/drop-down.svg) no-repeat right 12px center #fff;
  background-size: 20px;
  border-radius: 8px;
  font-family: "Geist", sans-serif;
  font-optical-sizing: auto;
  font-size: 14px;
  color: #2B2521;
  font-weight: 400;
  border: 1px solid #fff;
}
.registration_wrapper .registeration_inner .previous_education ul li select:focus {
  outline: none;
  border-color: #C0C620;
}
.registration_wrapper .registeration_inner .siblings_wrapp {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 16px;
  align-items: flex-start;
}
.registration_wrapper .registeration_inner .siblings_wrapp h2 {
  text-align: left;
}
.registration_wrapper .registeration_inner .siblings_wrapp ul {
  width: 100%;
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: flex-start;
}
@media (max-width: 834px) {
  .registration_wrapper .registeration_inner .siblings_wrapp ul {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.registration_wrapper .registeration_inner .siblings_wrapp ul li {
  width: 100%;
  padding: 16px;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 16px;
  display: flex;
  flex-flow: column;
  gap: 16px;
}
.registration_wrapper .registeration_inner .siblings_wrapp ul li b {
  display: block;
  width: 100%;
  text-align: left;
  font-size: 20px;
  font-weight: 600;
  color: #2B2521;
}
.registration_wrapper .registeration_inner .siblings_wrapp ul li dl {
  width: 100%;
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  align-items: flex-start;
}
.registration_wrapper .registeration_inner .siblings_wrapp ul li dl dt {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 8px;
}
.registration_wrapper .registeration_inner .siblings_wrapp ul li dl dt label {
  display: block;
  width: 100%;
  text-align: left;
  font-size: 16px;
  color: #2B2521;
}
.registration_wrapper .registeration_inner .siblings_wrapp ul li dl dt label span {
  color: red;
}
.registration_wrapper .registeration_inner .siblings_wrapp ul li dl dt label i {
  color: #555;
  font-style: normal;
}
.registration_wrapper .registeration_inner .siblings_wrapp ul li dl dt input[type=text] {
  height: 48px;
  width: 100%;
  padding: 8px 12px;
  text-align: left;
  background-color: #fff;
  border-radius: 8px;
  font-family: "Geist", sans-serif;
  font-optical-sizing: auto;
  font-size: 14px;
  color: #2B2521;
  font-weight: 400;
  border: 1px solid #d0d0d0;
}
.registration_wrapper .registeration_inner .siblings_wrapp ul li dl dt input[type=text]:focus {
  outline: none;
  border-color: #C0C620;
}
.registration_wrapper .registeration_inner .siblings_wrapp ul li dl dt input[type=text].date {
  background: url(../icons/calender.svg) no-repeat right 12px center #fff;
  background-size: 20px;
}
.registration_wrapper .registeration_inner .siblings_wrapp ul li dl dt select {
  appearance: none;
  height: 48px;
  width: 100%;
  padding: 8px 12px;
  text-align: left;
  background: url(../icons/drop-down.svg) no-repeat right 12px center #fff;
  background-size: 20px;
  border-radius: 8px;
  font-family: "Geist", sans-serif;
  font-optical-sizing: auto;
  font-size: 14px;
  color: #2B2521;
  font-weight: 400;
  border: 1px solid #d0d0d0;
}
.registration_wrapper .registeration_inner .siblings_wrapp ul li dl dt select:focus {
  outline: none;
  border-color: #C0C620;
}
.registration_wrapper .registeration_inner .siblings_wrapp ul li dl dt textarea {
  height: 96px;
  width: 100%;
  padding: 12px;
  text-align: left;
  background-color: #fff;
  border-radius: 8px;
  font-family: "Geist", sans-serif;
  font-optical-sizing: auto;
  font-size: 14px;
  color: #2B2521;
  font-weight: 400;
  border: 1px solid #d0d0d0;
}
.registration_wrapper .registeration_inner .siblings_wrapp ul li dl dt textarea:focus {
  outline: none;
  border-color: #C0C620;
}
.registration_wrapper .registeration_inner .remarks {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 8px;
}
.registration_wrapper .registeration_inner .remarks b {
  display: block;
  width: 100%;
  text-align: left;
  font-size: 20px;
  font-weight: 500;
  color: #2B2521;
}
.registration_wrapper .registeration_inner .remarks textarea {
  height: 96px;
  width: 100%;
  padding: 12px;
  text-align: left;
  background-color: #fff;
  border-radius: 8px;
  font-family: "Geist", sans-serif;
  font-optical-sizing: auto;
  font-size: 14px;
  color: #2B2521;
  font-weight: 400;
  border: 1px solid #d0d0d0;
}
.registration_wrapper .registeration_inner .remarks textarea:focus {
  outline: none;
  border-color: #C0C620;
}
.registration_wrapper .registeration_inner .decaration {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 24px;
}
.registration_wrapper .registeration_inner .decaration h2 {
  text-align: left;
}
.registration_wrapper .registeration_inner .decaration .check_type {
  width: 100%;
  display: flex;
  align-items: center;
}
.registration_wrapper .registeration_inner .decaration .check_type input[type=checkbox] {
  cursor: pointer;
}
.registration_wrapper .registeration_inner .decaration .check_type label {
  display: inline-block;
  width: auto;
  text-align: left;
  font-size: 16px;
  color: #2B2521;
  padding: 0 0 0 20px;
  cursor: pointer;
}
.registration_wrapper .registeration_inner .decaration ul {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 12px;
}
.registration_wrapper .registeration_inner .decaration ul li {
  width: 100%;
  display: flex;
  align-items: flex-start;
  font-size: 16px;
  font-weight: 400;
  color: #2B2521;
}
.registration_wrapper .registeration_inner .decaration ul li p {
  width: 36px;
  flex-shrink: 0;
  text-align: left;
  font-size: 16px;
  font-weight: 500;
  color: #2B2521;
}
.registration_wrapper .registeration_inner .decaration b {
  display: block;
  width: 100%;
  text-align: left;
  font-weight: 600;
  font-size: 18px;
  color: #2B2521;
}
.registration_wrapper .registeration_inner .btn_div {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.registration_wrapper .registeration_inner .btn_div a {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  padding: 16px 24px;
  border-radius: 16px;
  background-color: #103F50;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  transition: 0.25s ease;
}
.registration_wrapper .registeration_inner .btn_div a:hover {
  gap: 24px;
  transition: 0.25s ease;
}
.registration_wrapper .registeration_inner .btn_div a img {
  display: inline-block;
  width: auto;
  height: 24px;
}

.spot_Wrapper {
  width: 100%;
  background: url(../images/bg.jpg) repeat-y left top #F9F5F2;
  background-size: 100%;
  overflow-x: hidden;
}
@media (max-width: 768px) {
  .spot_Wrapper {
    background: url(../images/bg.jpg) no-repeat left top #F9F5F2;
    background-size: cover;
  }
}
.spot_Wrapper .sport_Inner {
  width: 100%;
  max-width: 1288px;
  margin: 0 auto;
  padding: 48px 24px 72px 24px;
  display: flex;
  flex-flow: column;
  gap: 72px;
}
.spot_Wrapper .sport_Inner h1 {
  text-align: left;
  position: relative;
}
.spot_Wrapper .sport_Inner h1:before {
  content: "";
  width: 170px;
  height: 10px;
  position: absolute;
  left: 0;
  bottom: -16px;
  background-color: #C0C620;
}
.spot_Wrapper .sport_Inner ul {
  width: 100%;
  display: grid;
  gap: 24px;
  row-gap: 32px;
  align-items: center;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (max-width: 1024px) {
  .spot_Wrapper .sport_Inner ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 480px) {
  .spot_Wrapper .sport_Inner ul {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.spot_Wrapper .sport_Inner ul li {
  width: 100%;
}
.spot_Wrapper .sport_Inner ul li a {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 16px;
}
.spot_Wrapper .sport_Inner ul li a:hover .photo img {
  transition: 0.25s ease;
  transform: scale(1.1);
}
.spot_Wrapper .sport_Inner ul li a:hover .text h3 {
  color: #C0C620;
  transition: 0.25s ease;
}
.spot_Wrapper .sport_Inner ul li a .photo {
  width: 100%;
  aspect-ratio: 4/3;
  overflow: hidden;
  position: relative;
  background-color: #fff;
}
.spot_Wrapper .sport_Inner ul li a .photo span {
  position: absolute;
  right: 12px;
  top: 12px;
  display: inline-block;
  width: auto;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  color: #2B2521;
  background-color: #C0C620;
  padding: 4px 8px;
}
.spot_Wrapper .sport_Inner ul li a .photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
  transition: 0.25s ease;
}
.spot_Wrapper .sport_Inner ul li a .text {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 4px;
}
.spot_Wrapper .sport_Inner ul li a .text h3 {
  text-align: left;
  transition: 0.25s ease;
}
.spot_Wrapper .sport_Inner ul li a .text small {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 8px;
  color: #4C433D;
  font-size: 16px;
}
.spot_Wrapper .sport_Inner ul li a .text small img {
  display: block;
  width: 18px;
  flex-shrink: 0;
}

.spotDetail_Wrapper {
  width: 100%;
  background: url(../images/bg.jpg) repeat-y left top #F9F5F2;
  background-size: 100%;
  overflow-x: hidden;
}
@media (max-width: 768px) {
  .spotDetail_Wrapper {
    background: url(../images/bg.jpg) no-repeat left top #F9F5F2;
    background-size: cover;
  }
}
.spotDetail_Wrapper .spotDetail_Inner {
  width: 100%;
  max-width: 1288px;
  margin: 0 auto;
  padding: 48px 24px 72px 24px;
  display: flex;
  flex-flow: column;
  gap: 32px;
}
.spotDetail_Wrapper .spotDetail_Inner .photo_and_detail {
  width: 100%;
  display: grid;
  gap: 32px;
  grid-template-columns: 1.5fr 1fr;
  align-items: center;
}
@media (max-width: 768px) {
  .spotDetail_Wrapper .spotDetail_Inner .photo_and_detail {
    display: flex;
    flex-flow: column;
  }
}
.spotDetail_Wrapper .spotDetail_Inner .photo_and_detail .photo {
  width: 100%;
  position: relative;
}
.spotDetail_Wrapper .spotDetail_Inner .photo_and_detail .photo img {
  display: block;
  width: 100%;
}
.spotDetail_Wrapper .spotDetail_Inner .photo_and_detail .photo a {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  width: auto;
  padding: 8px 16px;
  border-radius: 50px;
  background-color: rgba(0, 0, 0, 0.58);
  color: #fff;
  font-size: 16px;
  position: absolute;
  right: 16px;
  bottom: 16px;
  transition: 0.25s ease;
  backdrop-filter: blur(6px);
}
.spotDetail_Wrapper .spotDetail_Inner .photo_and_detail .photo a:hover {
  background-color: rgba(0, 0, 0, 0.9);
  transition: 0.25s ease;
}
.spotDetail_Wrapper .spotDetail_Inner .photo_and_detail .photo a img {
  display: block;
  width: 18px;
}
.spotDetail_Wrapper .spotDetail_Inner .photo_and_detail .text {
  width: 100%;
  height: auto;
  display: flex;
  flex-flow: column;
  gap: 48px;
  justify-content: space-between;
}
@media (max-width: 1024px) {
  .spotDetail_Wrapper .spotDetail_Inner .photo_and_detail .text {
    gap: 24px;
  }
}
.spotDetail_Wrapper .spotDetail_Inner .photo_and_detail .text .heading {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 16px;
  align-items: flex-start;
}
.spotDetail_Wrapper .spotDetail_Inner .photo_and_detail .text .heading small {
  display: inline-block;
  width: auto;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 8px 16px;
  background-color: #C0C620;
  color: #2B2521;
}
.spotDetail_Wrapper .spotDetail_Inner .photo_and_detail .text .heading h2 {
  text-align: left;
}
.spotDetail_Wrapper .spotDetail_Inner .photo_and_detail .text .from_where {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 16px;
  align-items: flex-start;
}
.spotDetail_Wrapper .spotDetail_Inner .photo_and_detail .text .from_where .date {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  color: #2B2521;
}
.spotDetail_Wrapper .spotDetail_Inner .photo_and_detail .text .from_where .date img {
  display: block;
  width: 20px;
  flex-shrink: 0;
}
.spotDetail_Wrapper .spotDetail_Inner .photo_and_detail .text .share_event {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 16px;
  align-items: flex-start;
}
.spotDetail_Wrapper .spotDetail_Inner .photo_and_detail .text .share_event b {
  display: block;
  width: 100%;
  text-align: left;
  font-size: 16px;
  font-weight: 400;
  color: #2B2521;
}
.spotDetail_Wrapper .spotDetail_Inner .photo_and_detail .text .share_event .share_links {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 16px;
}
.spotDetail_Wrapper .spotDetail_Inner .photo_and_detail .text .share_event .share_links a {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #F0E4D6;
}
.spotDetail_Wrapper .spotDetail_Inner .photo_and_detail .text .share_event .share_links a:hover {
  background-color: #F9F5F2;
}
.spotDetail_Wrapper .spotDetail_Inner .photo_and_detail .text .share_event .share_links a img {
  display: block;
  width: 24px;
}
.spotDetail_Wrapper .spotDetail_Inner .description {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 16px;
  align-items: flex-start;
}
.spotDetail_Wrapper .spotDetail_Inner .organised {
  width: 100%;
  padding: 24px;
  border-radius: 16px;
  background-color: #F0E4D6;
}
.spotDetail_Wrapper .spotDetail_Inner .organised ul {
  width: 100%;
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: center;
}
@media (max-width: 834px) {
  .spotDetail_Wrapper .spotDetail_Inner .organised ul {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.spotDetail_Wrapper .spotDetail_Inner .organised ul li {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 0 0 40px;
  border-left: 1px solid #B2A493;
}
@media (max-width: 834px) {
  .spotDetail_Wrapper .spotDetail_Inner .organised ul li {
    padding: 40px 0 0 0;
    border: none;
    border-top: 1px solid #B2A493;
  }
}
.spotDetail_Wrapper .spotDetail_Inner .organised ul li:first-child {
  padding: 0;
  border: none;
}
.spotDetail_Wrapper .spotDetail_Inner .organised ul li small {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: #C0C620;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.spotDetail_Wrapper .spotDetail_Inner .organised ul li small img {
  display: block;
  width: 24px;
}
.spotDetail_Wrapper .spotDetail_Inner .organised ul li .text {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 4px;
  align-items: flex-start;
}
.spotDetail_Wrapper .spotDetail_Inner .organised ul li .text b {
  display: block;
  width: 100%;
  text-align: left;
  font-size: 16px;
  color: #6C5E55;
}
.spotDetail_Wrapper .spotDetail_Inner .organised ul li .text p {
  text-align: left;
  font-size: 20px;
  font-weight: 500;
  color: #2B2521;
}

.photoGallery_Wrapper {
  width: 100%;
  background: url(../images/bg.jpg) repeat-y left top #F9F5F2;
  background-size: 100%;
  overflow-x: hidden;
}
@media (max-width: 768px) {
  .photoGallery_Wrapper {
    background: url(../images/bg.jpg) no-repeat left top #F9F5F2;
    background-size: cover;
  }
}
.photoGallery_Wrapper .photoGallery_Inner {
  width: 100%;
  max-width: 1288px;
  margin: 0 auto;
  padding: 48px 24px 72px 24px;
  display: flex;
  flex-flow: column;
  gap: 72px;
}
.photoGallery_Wrapper .photoGallery_Inner h1 {
  text-align: left;
  position: relative;
}
.photoGallery_Wrapper .photoGallery_Inner h1:before {
  content: "";
  width: 170px;
  height: 10px;
  position: absolute;
  left: 0;
  bottom: -16px;
  background-color: #C0C620;
}
.photoGallery_Wrapper .photoGallery_Inner .gallery_grid {
  width: 100%;
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: flex-start;
}
@media (max-width: 1024px) {
  .photoGallery_Wrapper .photoGallery_Inner .gallery_grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 768px) {
  .photoGallery_Wrapper .photoGallery_Inner .gallery_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 480px) {
  .photoGallery_Wrapper .photoGallery_Inner .gallery_grid {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.photoGallery_Wrapper .photoGallery_Inner .gallery_grid .grid_col {
  width: 100%;
}
.photoGallery_Wrapper .photoGallery_Inner .gallery_grid .grid_col a {
  display: block;
  width: 100%;
  aspect-ratio: 3/4;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}
.photoGallery_Wrapper .photoGallery_Inner .gallery_grid .grid_col a:hover img {
  transform: scale(1.1);
  transition: 0.25s ease;
}
.photoGallery_Wrapper .photoGallery_Inner .gallery_grid .grid_col a img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
  transition: 0.25s ease;
}
.photoGallery_Wrapper .photoGallery_Inner .gallery_grid .grid_col a .text {
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: flex-end;
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
  padding: 24px;
}
.photoGallery_Wrapper .photoGallery_Inner .gallery_grid .grid_col a .text h5 {
  text-align: center;
  color: #fff;
}
.photoGallery_Wrapper .photoGallery_Inner .gallery_grid .grid_col a small {
  display: inline-flex;
  width: auto;
  padding: 6px 12px;
  gap: 8px;
  font-size: 14px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.58);
  backdrop-filter: blur(8px);
  position: absolute;
  right: 12px;
  top: 12px;
  border-radius: 50px;
}
.photoGallery_Wrapper .photoGallery_Inner .gallery_grid .grid_col a small img {
  display: block;
  width: 16px;
}

.app_wrapper {
  width: 100%;
  background: url(../images/bg.jpg) repeat-y left top #F9F5F2;
  background-size: 100%;
  overflow-x: hidden;
}
@media (max-width: 768px) {
  .app_wrapper {
    background: url(../images/bg.jpg) no-repeat left top #F9F5F2;
    background-size: cover;
  }
}
.app_wrapper .app_inner {
  width: 100%;
  max-width: 1288px;
  margin: 0 auto;
  padding: 0 24px 48px 24px;
  display: flex;
  flex-flow: column;
  gap: 48px;
}
.app_wrapper .app_inner .app_outer {
  width: 100%;
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: center;
}
@media (max-width: 768px) {
  .app_wrapper .app_inner .app_outer {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.app_wrapper .app_inner .app_outer .text {
  width: 100%;
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: 32px;
}
.app_wrapper .app_inner .app_outer .text .heading {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 8px;
}
.app_wrapper .app_inner .app_outer .text .heading p {
  text-align: center;
  font-size: 40px;
  color: #2B2521;
  letter-spacing: -0.25px;
}
.app_wrapper .app_inner .app_outer .text .heading h1 {
  text-align: center;
  color: #103F50;
}
.app_wrapper .app_inner .app_outer .text .unified {
  width: 100%;
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: 8px;
}
.app_wrapper .app_inner .app_outer .text .unified p {
  text-align: center;
  font-size: 18px;
  color: #2B2521;
}
.app_wrapper .app_inner .app_outer .text .unified img {
  display: inline-block;
  width: auto;
  height: 72px;
}
.app_wrapper .app_inner .app_outer .text .school_code {
  width: auto;
  display: inline-block;
  width: auto;
  padding: 12px 24px;
  background-color: #C0C620;
  color: #2B2521;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
}
.app_wrapper .app_inner .app_outer .text .app_link {
  width: 100%;
  display: flex;
  align-items: center;
  flex-flow: row wrap;
  gap: 8px;
  justify-content: center;
}
@media (max-width: 480px) {
  .app_wrapper .app_inner .app_outer .text .app_link {
    flex-flow: column;
  }
}
.app_wrapper .app_inner .app_outer .text .app_link a {
  display: inline-block;
  width: auto;
}
.app_wrapper .app_inner .app_outer .text .app_link a img {
  display: inline-block;
  width: auto;
  height: 56px;
}
.app_wrapper .app_inner .app_outer .photo {
  width: 100%;
}
.app_wrapper .app_inner .app_outer .photo img {
  display: block;
  width: 100%;
}
.app_wrapper .app_inner .features_w_icons {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 48px;
}
.app_wrapper .app_inner .features_w_icons h2 {
  text-align: center;
  white-space: pre-line;
}
.app_wrapper .app_inner .features_w_icons ul {
  width: 100%;
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  align-items: center;
}
@media (max-width: 1024px) {
  .app_wrapper .app_inner .features_w_icons ul {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (max-width: 834px) {
  .app_wrapper .app_inner .features_w_icons ul {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 768px) {
  .app_wrapper .app_inner .features_w_icons ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 480px) {
  .app_wrapper .app_inner .features_w_icons ul {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.app_wrapper .app_inner .features_w_icons ul li {
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 16px;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.8) 100%);
  display: flex;
  flex-flow: column;
  gap: 16px;
  justify-content: space-between;
  padding: 24px 32px 8px 32px;
}
.app_wrapper .app_inner .features_w_icons ul li b {
  display: block;
  width: 100%;
  text-align: left;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 500;
  color: #2B2521;
  white-space: pre-line;
}
.app_wrapper .app_inner .features_w_icons ul li .icon {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.app_wrapper .app_inner .features_w_icons ul li .icon img {
  display: block;
  width: 100%;
  max-width: 70%;
}

.top_10_wrapper {
  width: 100%;
  background: url(../images/bg.jpg) repeat-y left top #F9F5F2;
  background-size: 100%;
  overflow-x: hidden;
}
@media (max-width: 768px) {
  .top_10_wrapper {
    background: url(../images/bg.jpg) no-repeat left top #F9F5F2;
    background-size: cover;
  }
}
.top_10_wrapper .best_learning {
  width: 100%;
  max-width: 1288px;
  margin: 0 auto;
  padding: 72px 24px;
  display: flex;
  flex-flow: column;
  gap: 24px;
}
.top_10_wrapper .best_learning h2 {
  text-align: left;
  color: #2B2521;
}
.top_10_wrapper .best_learning .text {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 12px;
}
.top_10_wrapper .best_learning .text p {
  text-align: left;
  line-height: 1.5;
  color: #4C433D;
}
.top_10_wrapper .why_choose {
  width: 100%;
  max-width: 1288px;
  margin: 0 auto;
  padding: 0 24px;
  display: flex;
  flex-flow: column;
  gap: 32px;
}
.top_10_wrapper .why_choose .col_gg {
  width: 100%;
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  gap: 12px;
}
.top_10_wrapper .why_choose .col_gg h2, .top_10_wrapper .why_choose .col_gg h3 {
  text-align: left;
  color: #2B2521;
}
.top_10_wrapper .why_choose .col_gg p {
  text-align: left;
  color: #4C433D;
  line-height: 1.5;
}
.top_10_wrapper .why_choose .col_gg b {
  text-align: left;
  color: #4C433D;
  font-weight: 600;
}
.top_10_wrapper .why_choose .col_gg dl {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 8px;
  align-items: flex-start;
}
.top_10_wrapper .why_choose .col_gg dl dt {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 12px;
  align-items: center;
  color: #4C433D;
}
.top_10_wrapper .why_choose .col_gg dl dt span {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #4C433D;
  flex-shrink: 0;
}
.top_10_wrapper .academic_excellence {
  width: 100%;
  max-width: 1288px;
  margin: 0 auto;
  padding: 72px 24px;
  display: grid;
  gap: 40px;
  grid-template-columns: 1.5fr 2.5fr;
  align-items: center;
}
@media (max-width: 1024px) {
  .top_10_wrapper .academic_excellence {
    grid-template-columns: 100%;
    gap: 24px;
  }
}
.top_10_wrapper .academic_excellence .heading {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 16px;
  align-items: flex-start;
}
.top_10_wrapper .academic_excellence .heading h2 {
  text-align: left;
  color: #2B2521;
}
.top_10_wrapper .academic_excellence .heading p {
  text-align: left;
  color: #4C433D;
}
.top_10_wrapper .academic_excellence ul {
  width: 100%;
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: flex-start;
}
@media (max-width: 480px) {
  .top_10_wrapper .academic_excellence ul {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.top_10_wrapper .academic_excellence ul li {
  width: 100%;
  height: 100%;
  padding: 20px;
  background-color: #fff;
  border-radius: 12px;
  display: flex;
  flex-flow: column;
  gap: 20px;
  align-items: center;
}
.top_10_wrapper .academic_excellence ul li small {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.top_10_wrapper .academic_excellence ul li small img {
  display: block;
  width: 100%;
  max-width: 48px;
}
.top_10_wrapper .academic_excellence ul li .text {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 4px;
  align-items: center;
}
.top_10_wrapper .academic_excellence ul li .text b {
  text-align: center;
  font-size: 24px;
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  color: #2B2521;
  line-height: 1;
}
.top_10_wrapper .academic_excellence ul li .text p {
  text-align: center;
  color: #4C433D;
}
.top_10_wrapper .we_are {
  width: 100%;
  padding: 72px 0;
  background-color: #EDE0D0;
}
.top_10_wrapper .we_are .we_are_inner {
  width: 100%;
  max-width: 1288px;
  margin: 0 auto;
  padding: 0 24px;
  display: flex;
  flex-flow: column;
  gap: 40px;
}
.top_10_wrapper .we_are .we_are_inner .heading {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 12px;
}
.top_10_wrapper .we_are .we_are_inner .heading h2 {
  text-align: left;
}
.top_10_wrapper .we_are .we_are_inner .heading p {
  text-align: left;
}
.top_10_wrapper .we_are .we_are_inner ul {
  width: 100%;
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: flex-start;
}
@media (max-width: 1024px) {
  .top_10_wrapper .we_are .we_are_inner ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 480px) {
  .top_10_wrapper .we_are .we_are_inner ul {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.top_10_wrapper .we_are .we_are_inner ul li {
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: 16px;
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  gap: 16px;
  padding: 24px;
}
.top_10_wrapper .we_are .we_are_inner ul li .icon {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 8px;
}
.top_10_wrapper .we_are .we_are_inner ul li .icon small {
  display: block;
  flex-shrink: 0;
  width: 48px;
}
.top_10_wrapper .we_are .we_are_inner ul li .icon small img {
  display: block;
  width: 100%;
}
.top_10_wrapper .we_are .we_are_inner ul li .icon b {
  text-align: left;
  font-weight: 600;
  font-size: 18px;
  color: #2B2521;
}
.top_10_wrapper .we_are .we_are_inner ul li .icon p {
  text-align: left;
  font-size: 16px;
  color: #4C433D;
}
.top_10_wrapper .enroll_c {
  width: 100%;
  max-width: 1288px;
  margin: 0 auto;
  padding: 72px 24px 0 24px;
  display: flex;
  flex-flow: column;
  gap: 56px;
}
.top_10_wrapper .enroll_c .heading {
  width: 100%;
  display: flex;
  align-items: flex-start;
  gap: 96px;
}
@media (max-width: 768px) {
  .top_10_wrapper .enroll_c .heading {
    flex-flow: column;
    gap: 24px;
    align-items: flex-start;
  }
}
.top_10_wrapper .enroll_c .heading h2 {
  text-align: left;
}
.top_10_wrapper .enroll_c .heading p {
  text-align: left;
}
.top_10_wrapper .enroll_c ul {
  width: 100%;
  display: grid;
  gap: 16px;
  row-gap: 48px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  align-items: flex-start;
}
@media (max-width: 1024px) {
  .top_10_wrapper .enroll_c ul {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 768px) {
  .top_10_wrapper .enroll_c ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 480px) {
  .top_10_wrapper .enroll_c ul {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.top_10_wrapper .enroll_c ul li {
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: 16px;
  display: flex;
  flex-flow: column;
  align-items: center;
  padding: 0 24px 24px 24px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
}
.top_10_wrapper .enroll_c ul li span {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: #C0C620;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 16px;
  transform: translateY(-24px);
}
.top_10_wrapper .enroll_c ul li span img {
  display: block;
  width: 24px;
}
.top_10_wrapper .enroll_c ul li .text {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 8px;
  align-items: center;
}
.top_10_wrapper .enroll_c ul li .text b {
  display: block;
  width: 100%;
  font-weight: 600;
  font-size: 18px;
  color: #2B2521;
  text-align: center;
}
.top_10_wrapper .enroll_c ul li .text p {
  text-align: center;
  color: #4C433D;
}
.top_10_wrapper .faqs_con {
  width: 100%;
  padding: 72px 24px;
  margin: 0 auto;
  max-width: 1288px;
  display: flex;
  flex-flow: column;
  gap: 24px;
}
.top_10_wrapper .faqs_con h2 {
  text-align: left;
}
.top_10_wrapper .faqs_con ul {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 16px;
}
.top_10_wrapper .faqs_con ul li {
  width: 100%;
  background-color: #fff;
  border-radius: 16px;
  border: 1px solid #d0d0dd;
  box-shadow: 0 8px 12px rgba(0, 0, 0, 0.05);
}
.top_10_wrapper .faqs_con ul li .toggle-btn {
  display: flex;
  align-items: center;
  gap: 16px;
  cursor: pointer;
  position: relative;
  padding: 24px;
  border-radius: 16px;
  transition: 0.5s ease-out;
  color: #000;
  font-size: 18px;
  font-family: "Geist", sans-serif;
  font-weight: 600;
}
.top_10_wrapper .faqs_con ul li .toggle-btn span {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #C0C620;
  font-size: 18px;
  font-weight: 600;
  color: #2B2521;
}
@media (max-width: 480px) {
  .top_10_wrapper .faqs_con ul li .toggle-btn span {
    font-size: 14px;
  }
}
.top_10_wrapper .faqs_con ul li .toggle-btn b {
  flex: 1;
  text-align: left;
  font-weight: 600;
  text-transform: none;
}
@media (max-width: 480px) {
  .top_10_wrapper .faqs_con ul li .toggle-btn b {
    font-size: 14px;
  }
}
.top_10_wrapper .faqs_con ul li .toggle-btn img {
  display: block;
  width: 30px;
}
@media (max-width: 480px) {
  .top_10_wrapper .faqs_con ul li .toggle-btn {
    padding: 16px 32px 16px 16px;
  }
}
.top_10_wrapper .faqs_con ul li .toggle-btn.open {
  border-radius: 12px 12px 0 0;
  transition: 0.5s ease-out;
}
.top_10_wrapper .faqs_con ul li .faqs {
  height: 0;
  overflow: hidden;
  transition: height 0.5s ease-out;
  background-color: #fff;
  border-radius: 0 0 16px 16px;
}
.top_10_wrapper .faqs_con ul li .faqs p {
  text-align: left;
  font-size: 16px;
  color: #4C433D;
  line-height: 1.4;
  padding: 8px;
  font-weight: 400;
  letter-spacing: -0.5px;
  padding: 0 24px 24px 72px;
}
@media (max-width: 480px) {
  .top_10_wrapper .faqs_con ul li .faqs p {
    padding: 0 16px 16px 16px;
    font-size: 14px;
  }
}
.top_10_wrapper .faqs_con ul li .faqs dl {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 6px;
  padding: 0 0 24px 0;
}
.top_10_wrapper .faqs_con ul li .faqs dl dt {
  text-align: left;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.5px;
  color: #333;
  padding: 0 24px;
}
.top_10_wrapper .conclusion {
  width: 100%;
  padding: 72px 0;
  background-color: #EDE0D0;
}
.top_10_wrapper .conclusion .conclusion_inner {
  width: 100%;
  max-width: 1288px;
  margin: 0 auto;
  padding: 0 24px;
  display: flex;
  flex-flow: column;
  gap: 24px;
}
.top_10_wrapper .conclusion .conclusion_inner h2 {
  text-align: left;
}
.top_10_wrapper .conclusion .conclusion_inner p {
  text-align: left;
  font-size: 16px;
  color: #4C433D;
  line-height: 1.6;
}
.top_10_wrapper .conclusion .conclusion_inner p span {
  color: #2B2521;
  font-weight: 600;
}