*,
*::before,
*::after {
  box-sizing: border-box;
}

* {
  margin: 0;
  padding: 0;
}

:root {
  --color-heading: #202020;
  --color-body: #505050;
  --color-white: #fff;
  --color-yellow: #D7B56C;
  --bg-blue: #342D73;
  --bg-yellow: #FEB930;
  --bg-red: #FF454A;
  --bg-seagreen: #00C9CD;
  --bg-orange: #FC8440;
  --bg-purple: #6D32CF;
  --bg-green: #12CB97;
  --bg-skyblue: #11ACE0;
  --bg-lightblue: #F1F5FF;
  --bg-darkblue: #2E2767;
  --bg-yellow2: #FCA640;
  --bg-blue-gradient: linear-gradient(270deg, #205BCD 0%, #47BDFF 100%);
  --bg-blue-gradientrtl: linear-gradient(90deg, #205BCD 0%, #47BDFF 100%);
  --fs-small: clamp(0.73rem, calc(0.70rem + 0.12vw), 0.8rem);
  --fs-body: clamp(0.88rem, calc(0.83rem + 0.22vw), 1rem);
  --fs-h4: clamp(1.05rem, calc(0.98rem + 0.35vw), 1.25rem);
  --fs-h3: clamp(1.26rem, calc(1.15rem + 0.53vw), 1.56rem);
  --fs-h2: clamp(1.51rem, calc(1.36rem + 0.77vw), 1.95rem);
  --fs-h1: clamp(1.81rem, calc(1.60rem + 1.09vw), 2.44rem);
  --ff-inter: 'Inter', sans-serif;
}

html,
body {
  background-color: var(--color-white);
  font-size: var(--fs-body);
  line-height: 1.2;
  font-family: var(--ff-inter);
  overflow-x: hidden;
}

a {
  text-decoration: none;
}

img {
  display: block;
  max-width: 100%;
  outline: none;
}

ul,
ol {
  list-style: none;
}

/* media Queries */
header {
  width: 100%;
  position: relative;
  z-index: 999;
}

header .toplinks {
  width: 100%;
  background-color: #831e03;
}

header .toplinks .toplinksInn {
  width: 100%;
  padding: 0 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 56px;
}

@media (max-width: 1280px) {
  header .toplinks .toplinksInn {
    padding: 0 24px;
  }
}

@media (max-width: 1024px) {
  header .toplinks .toplinksInn {
    justify-content: center;
    flex-flow: column;
    height: auto;
    padding: 12px 24px;
    gap: 8px;
  }
}

header .toplinks .toplinksInn .phInfo {
  width: auto;
  display: inline-flex;
  align-items: center;
  gap: 24px;
}

header .toplinks .toplinksInn .phInfo .phone {
  width: auto;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

header .toplinks .toplinksInn .phInfo .phone span {
  display: block;
  width: 20px;
  flex-shrink: 0;
}

header .toplinks .toplinksInn .phInfo .phone span img {
  display: block;
  width: 100%;
}

header .toplinks .toplinksInn .phInfo .phone b {
  display: inline-block;
  width: auto;
  text-align: left;
  font-size: var(--fs-small);
  color: var(--color-white);
  font-weight: 400;
}

header .toplinks .toplinksInn .phInfo .email {
  width: auto;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

header .toplinks .toplinksInn .phInfo .email span {
  display: block;
  width: 20px;
  flex-shrink: 0;
}

header .toplinks .toplinksInn .phInfo .email span img {
  display: block;
  width: 100%;
}

header .toplinks .toplinksInn .phInfo .email b {
  display: inline-block;
  width: auto;
  text-align: left;
  font-size: var(--fs-small);
  color: var(--color-white);
  font-weight: 400;
}

header .toplinks .toplinksInn .links {
  width: auto;
  display: inline-flex;
  align-items: center;
  gap: 24px;
}

@media (max-width: 560px) {
  header .toplinks .toplinksInn .links {
    grid-gap: 16px;
  }
}

header .toplinks .toplinksInn .links a {
  display: inline-block;
  width: auto;
  font-size: var(--fs-small);
  font-weight: 400;
  color: var(--color-white);
}

header .toplinks .toplinksInn .links a:hover {
  color: var(--color-yellow);
}

header nav {
  width: 100%;
  padding: 4px 48px;
  background-color: var(--color-white);
}

@media (max-width: 1280px) {
  header nav {
    padding: 4px 24px;
  }
}

header nav .nav {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 9999;
}

header nav .nav .logo {
  width: auto;
}

header nav .nav .logo a {
  display: inline-block;
  width: auto;
}

header nav .nav .logo a img {
  display: block;
  width: 100%;
  max-width: 310px;
}

@media (max-width: 1280px) {
  header nav .nav .logo a img {
    max-width: 250px;
  }
}

header nav .nav .toggleBtn {
  display: none;
  width: 42px;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  background: url(../images/menu.svg) no-repeat center var(--bg-skyblue);
  background-size: 24px;
  border: none;
  font-size: 0;
  cursor: pointer;
}

header nav .nav .toggleBtn:hover {
  background-color: var(--bg-purple);
}

@media (max-width: 1024px) {
  header nav .nav .toggleBtn {
    display: block;
  }
}

header nav .nav .navigation {
  width: auto;
}

@media (max-width: 1024px) {
  header nav .nav .navigation {
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 9999;
    transform: translateX(150%);
    transition: transform 450ms ease-out;
    box-shadow: -24px 0 24px 12px rgba(0, 0, 0, 0.08);
    left: 0;
    top: 0;
    backdrop-filter: blur(8px);
    background-color: rgba(0, 0, 0, 0.8);
    padding: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  header nav .nav .navigation[data-visible="true"] {
    transform: translateX(0);
  }
}

header nav .nav .navigation .closeNav {
  display: none;
  width: 42px;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  background: url(../images/close-btn.svg) no-repeat center transparent;
  background-size: 24px;
  border: none;
  font-size: 0;
  cursor: pointer;
  position: absolute;
  right: 12px;
  top: 12px;
  opacity: .7;
}

header nav .nav .navigation .closeNav:hover {
  opacity: 1;
}

@media (max-width: 1024px) {
  header nav .nav .navigation .closeNav {
    display: block;
  }
}

header nav .nav .navigation ul {
  width: auto;
  display: inline-flex;
  align-items: center;
  gap: 24px;
}

@media (max-width: 1280px) {
  header nav .nav .navigation ul {
    grid-gap: 16px;
  }
}

@media (max-width: 1024px) {
  header nav .nav .navigation ul {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 32px;
    overflow-y: auto;
    max-width: 460px;
    height: calc(100vh - 60px);
    overflow-y: auto;
    overflow-x: hidden;
    padding: 32px 0 0 0;
  }
}

header nav .nav .navigation ul li {
  width: auto;
  position: relative;
}

@media (max-width: 1024px) {
  header nav .nav .navigation ul li {
    width: 100%;
    text-align: center;
    padding: 0 16px 0 0;
  }
}

header nav .nav .navigation ul li.otherLinks {
  display: none;
}

@media (max-width: 1024px) {
  header nav .nav .navigation ul li.otherLinks {
    display: flex;
    flex-flow: column;
    align-items: center;
  }
}

@media (max-width: 1024px) {
  header nav .nav .navigation ul li.otherLinks:hover {
    color: unset;
  }
}

@media (max-width: 1024px) {
  header nav .nav .navigation ul li.otherLinks:hover a {
    color: unset;
    text-align: left;
    width: 100%;
    display: block;
  }
}

header nav .nav .navigation ul li.otherLinks a {
  display: block;
  width: auto;
  font-size: 14px;
  line-height: 44px;
  font-weight: 500;
  color: var(--color-heading);
  position: relative;
  transition: .5s ease;
  position: relative;
  z-index: 1;
  text-align: left;
  width: 100%;
}

@media (max-width: 1024px) {
  header nav .nav .navigation ul li.otherLinks a {
    color: #fff;
  }
}

header nav .nav .navigation ul li.otherLinks a:hover {
  color: var(--bg-orange);
}

header nav .nav .navigation ul li a {
  display: inline-block;
  width: auto;
  font-size: 14px;
  font-weight: 500;
  color: var(--color-heading);
  position: relative;
  transition: .5s ease;
  position: relative;
  z-index: 1;
}

@media (max-width: 1024px) {
  header nav .nav .navigation ul li a {
    color: #fff;
  }
}

@media (max-width: 1024px) {
  header nav .nav .navigation ul li a {
    display: block;
    text-align: left;
    width: 100%;
  }
}

header nav .nav .navigation ul li a:hover {
  color: var(--bg-orange);
  transition: .5s ease;
}

header nav .nav .navigation ul li a:hover.m_link_a {
  padding: 0 28px 0 0;
}

header nav .nav .navigation ul li a:hover.m_link_a::after {
  content: '';
  background: url(../images/dropdownhover.svg) no-repeat center;
  background-size: 24px;
  height: 24px;
  width: 24px;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto 0;
  display: block;
  position: absolute;
  transition: .5s ease;
  transform: rotate(-180deg);
}

header nav .nav .navigation ul li a.m_link_a {
  padding: 0 28px 0 0;
  transition: .5s ease;
}

header nav .nav .navigation ul li a.m_link_a::after {
  content: '';
  background: url(../images/dropdown.svg) no-repeat center;
  background-size: 24px;
  height: 24px;
  width: 24px;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto 0;
  display: block;
  position: absolute;
  transition: .5s ease;
}

header nav .nav .navigation ul li:hover .dropDown {
  display: block;
}

header nav .nav .navigation ul li:hover a {
  color: var(--bg-orange);
}

header nav .nav .navigation ul li:hover a.m_link_a {
  padding: 0 28px 0 0;
}

header nav .nav .navigation ul li:hover a.m_link_a::after {
  content: '';
  background: url(../images/dropdownhover.svg) no-repeat center;
  background-size: 24px;
  height: 24px;
  width: 24px;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto 0;
  display: block;
  position: absolute;
  transition: .5s ease;
  transform: rotate(-180deg);
}

header nav .nav .navigation ul li .dropDown {
  width: 220px;
  position: absolute;
  right: 0;
  top: 0;
  background-color: transparent;
  display: none;
  padding: 32px 0 0 0;
}

@media (max-width: 1024px) {
  header nav .nav .navigation ul li .dropDown {
    position: relative;
    height: auto;
    overflow: hidden;
    transition: .5s ease;
    width: 100%;
    padding: 8px 0 0 0;
  }

  header nav .nav .navigation ul li .dropDown:hover {
    height: auto;
    transition: .5s ease;
  }
}

header nav .nav .navigation ul li .dropDown .dropInner {
  width: 100%;
  background-color: var(--color-heading);
  border-radius: 8px;
}

@media (max-width: 1024px) {
  header nav .nav .navigation ul li .dropDown .dropInner {
    background-color: transparent;
    border-radius: 0px;
  }
}

header nav .nav .navigation ul li .dropDown .dropInner a {
  display: flex;
  align-items: center;
  width: 100%;
  height: 48px;
  font-size: 14px;
  padding: 0 20px;
  font-weight: 400;
  color: var(--color-white);
  border-top: 1px solid #303030;
  position: relative;
}

@media (max-width: 1024px) {
  header nav .nav .navigation ul li .dropDown .dropInner a {
    padding: 0;
    background-color: transparent;
    border-radius: 0px;
  }
}

header nav .nav .navigation ul li .dropDown .dropInner a:first-child {
  border: none;
  border-radius: 8px 8px 0 0;
}

@media (max-width: 1024px) {
  header nav .nav .navigation ul li .dropDown .dropInner a:first-child {
    border-radius: 0px;
  }
}

header nav .nav .navigation ul li .dropDown .dropInner a:last-child {
  border-radius: 0 0 8px 8px;
}

@media (max-width: 1024px) {
  header nav .nav .navigation ul li .dropDown .dropInner a:last-child {
    border-radius: 0px;
  }
}

header nav .nav .navigation ul li .dropDown .dropInner a:hover {
  background-color: var(--color-body);
  color: var(--color-white);
}

header nav .nav .navigation ul li .dropDown .dropInner span {
  display: flex;
  align-items: center;
  width: 100%;
  height: 48px;
  font-size: 14px;
  padding: 0 20px;
  font-weight: 400;
  color: var(--color-body);
  border-top: 1px solid #303030;
  position: relative;
}

@media (max-width: 1024px) {
  header nav .nav .navigation ul li .dropDown .dropInner span {
    height: auto;
    flex-flow: column;
    align-items: flex-start;
    padding: 16px 0 0 0;
    font-weight: 500;
    color: var(--color-heading);
  }
}

header nav .nav .navigation ul li .dropDown .dropInner span:first-child {
  border: none;
  border-radius: 8px 8px 0 0;
}

header nav .nav .navigation ul li .dropDown .dropInner span:last-child {
  border-radius: 0 0 8px 8px;
}

header nav .nav .navigation ul li .dropDown .dropInner span:hover {
  background-color: #f4f4f4;
  color: var(--color-heading);
}

@media (max-width: 1024px) {
  header nav .nav .navigation ul li .dropDown .dropInner span:hover {
    background-color: transparent;
  }
}

header nav .nav .navigation ul li .dropDown .dropInner span:hover .sublinks {
  display: block;
}

header nav .nav .navigation ul li .dropDown .dropInner span .sublinks {
  display: none;
  width: 200px;
  position: absolute;
  left: 220px;
  top: 0;
  padding: 0 0 0 8px;
}

@media (max-width: 1024px) {
  header nav .nav .navigation ul li .dropDown .dropInner span .sublinks {
    display: block;
    width: 100%;
    left: 0;
    position: relative;
    padding: 16px 0 0 0;
  }
}

header nav .nav .navigation ul li .dropDown .dropInner span .sublinks .sublinksInner {
  width: 100%;
  background-color: var(--color-heading);
  border-radius: 8px;
}

@media (max-width: 1024px) {
  header nav .nav .navigation ul li .dropDown .dropInner span .sublinks .sublinksInner {
    background-color: transparent;
    border-radius: 0;
  }
}

header nav .nav .navigation ul li .dropDown .dropInner span .sublinks .sublinksInner a {
  display: flex;
  align-items: center;
  width: 100%;
  height: 48px;
  font-size: 14px;
  padding: 0 20px;
  font-weight: 400;
  color: var(--color-white);
  border-top: 1px solid #303030;
  position: relative;
}

@media (max-width: 1024px) {
  header nav .nav .navigation ul li .dropDown .dropInner span .sublinks .sublinksInner a {
    padding: 0;
  }
}

header nav .nav .navigation ul li .dropDown .dropInner span .sublinks .sublinksInner a:hover {
  background-color: var(--color-body);
  color: var(--color-white);
}

header nav .nav .navigation ul li .dropDown .dropInner span .sublinks .sublinksInner a:first-child {
  border: none;
}

header nav .nav .navigation ul li .dropDown .dropInner span .sublinks .sublinksInner a:first-child {
  border: none;
  border-radius: 8px 8px 0 0;
}

@media (max-width: 1024px) {
  header nav .nav .navigation ul li .dropDown .dropInner span .sublinks .sublinksInner a:first-child {
    border-radius: 0;
    border-top: 1px solid #e0e0e0;
  }
}

header nav .nav .navigation ul li .dropDown .dropInner span .sublinks .sublinksInner a:last-child {
  border-radius: 0 0 8px 8px;
}

@media (max-width: 1024px) {
  header nav .nav .navigation ul li .dropDown .dropInner span .sublinks .sublinksInner a:last-child {
    border-radius: 0;
  }
}

.slider {
  width: 100%;
}

.slider img {
  display: block;
  width: 100%;
}

.schoolBg {
  width: 100%;
}

.schoolBg img {
  display: block;
  width: 100%;
}

.newsandSlider {
  width: 100%;
  padding: 72px 0;
}

@media (max-width: 768px) {
  .newsandSlider {
    padding: 48px 0;
  }
}

.newsandSlider .newsandsliderInenr {
  width: 100%;
  padding: 0 24px;
  max-width: 1280px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 48px;
}

@media (max-width: 768px) {
  .newsandSlider .newsandsliderInenr {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    grid-gap: 24px;
  }
}

.newsandSlider .newsandsliderInenr .newsWrapper {
  width: 100%;
  background-color: #fcffff;
  display: flex;
  flex-flow: column;
  padding: 0 0 24px 0;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid var(--bg-skyblue);
}

.newsandSlider .newsandsliderInenr .newsWrapper h2 {
  text-align: left;
  font-size: var(--fs-h3);
  font-weight: 700;
  color: #fff;
  padding: 16px 24px;
  background-color: var(--bg-skyblue);
}

.newsandSlider .newsandsliderInenr .newsWrapper .scroll {
  width: 100%;
  height: auto;
  max-height: 300px;
  overflow: hidden;
}

.newsandSlider .newsandsliderInenr .newsWrapper .scroll ul {
  width: 100%;
  height: auto;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 0;
  overflow: hidden;
}

.newsandSlider .newsandsliderInenr .newsWrapper .scroll ul li {
  width: 100%;
  border: none;
  border-radius: 0px;
  border-top: 1px solid #e0e0e0;
}

.newsandSlider .newsandsliderInenr .newsWrapper .scroll ul li:first-child {
  border: none;
}

.newsandSlider .newsandsliderInenr .newsWrapper .scroll ul li a {
  display: block;
  width: 100%;
  padding: 12px 16px 12px 36px;
  box-sizing: border-box;
  background: url(../images/dot.svg) no-repeat left 16px top 19px;
  background-size: 6px;
}

.newsandSlider .newsandsliderInenr .newsWrapper .scroll ul li a:hover {
  background-color: #f6f6f6;
}

.newsandSlider .newsandsliderInenr .newsWrapper .scroll ul li a b {
  display: block;
  width: 100%;
  text-align: left;
  font-size: 16px;
  font-size: 700;
  color: #202022;
}

.newsandSlider .newsandsliderInenr .newsWrapper .scroll ul li a small {
  display: block;
  width: 100%;
  text-align: left;
  font-size: 13px;
  font-size: 400;
  color: #505050;
  margin: 5px 0 0 0;
}

.newsandSlider .newsandsliderInenr .slider_Wrapper {
  width: 100%;
  background-color: #555;
  border-radius: 16px;
  overflow: hidden;
}

.featuresTop {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto 72px auto;
  display: grid;
  grid-gap: 24px;
  grid-template-columns: repeat(3, 1fr);
  padding: 0 24px;
  position: relative;
  top: -48px;
}

@media (max-width: 768px) {
  .featuresTop {
    grid-template-columns: repeat(1, 1fr);
  }
}

.featuresTop .featureCon {
  width: 100%;
  border-radius: 12px;
  overflow: hidden;
  padding: 12px;
  background-color: #fff;
  display: flex;
  flex-flow: column;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}

.featuresTop .featureCon .photo {
  width: 100%;
  aspect-ratio: 4 / 3;
}

.featuresTop .featureCon .photo img {
  display: block;
  width: 100%;
  object-fit: cover;
  height: 100%;
}

.featuresTop .featureCon .feaText {
  width: 100%;
  padding: 24px;
  display: flex;
  flex-flow: column;
  gap: 24px;
  align-items: flex-start;
  border-radius: 0 0 8px 8px;
  flex-grow: 1;
}

.featuresTop .featureCon .feaText.athletic {
  background-color: var(--bg-purple);
}

.featuresTop .featureCon .feaText.spiritual {
  background-color: var(--bg-green);
}

.featuresTop .featureCon .feaText.intellect {
  background-color: var(--bg-red);
}

.featuresTop .featureCon .feaText b {
  display: block;
  width: 100%;
  text-align: left;
  font-size: var(--fs-h4);
  color: var(--color-white);
  font-weight: 700;
}

.featuresTop .featureCon .feaText p {
  color: var(--color-white);
}

.featuresTop .featureCon .feaText a {
  display: inline-block;
  width: auto;
  color: #000;
  font-weight: 500;
  line-height: 48px;
  border-radius: 8px;
  padding: 0 32px;
  background-color: #FCC740;
}

.featuresTop .featureCon .feaText a:hover {
  background-color: var(--color-white);
}

.infra_wrapper {
  width: 100%;
  padding: 86px 0;
  background: url(../images/aimBg.svg) no-repeat bottom center;
  background-size: auto;
  background-size: cover;
}

.infra_wrapper .infraWrapper_inner {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 24px;
}

.infra_wrapper .infraWrapper_inner h1 {
  text-align: center;
  font-size: var(--fs-h1);
  color: var(--color-white);
}

.infra_wrapper .infraWrapper_inner .infraContainer {
  width: 100%;
  margin: 72px 0 0 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: flex-start;
  grid-gap: 20px;
}

@media (max-width: 1024px) {
  .infra_wrapper .infraWrapper_inner .infraContainer {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 768px) {
  .infra_wrapper .infraWrapper_inner .infraContainer {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 560px) {
  .infra_wrapper .infraWrapper_inner .infraContainer {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

.infra_wrapper .infraWrapper_inner .infraContainer .featuresCon {
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
  background-color: #000;
}

.infra_wrapper .infraWrapper_inner .infraContainer .featuresCon.purple {
  background-color: #9D32CF;
}

.infra_wrapper .infraWrapper_inner .infraContainer .featuresCon.skyblu {
  background-color: var(--bg-skyblue);
}

.infra_wrapper .infraWrapper_inner .infraContainer .featuresCon.seagreen {
  background-color: var(--bg-green);
}

.infra_wrapper .infraWrapper_inner .infraContainer .featuresCon.orange {
  background-color: var(--bg-yellow2);
}

.infra_wrapper .infraWrapper_inner .infraContainer .featuresCon .photo {
  width: 100%;
  aspect-ratio: 4 / 3;
}

.infra_wrapper .infraWrapper_inner .infraContainer .featuresCon .photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.infra_wrapper .infraWrapper_inner .infraContainer .featuresCon .textFea {
  width: 100%;
  padding: 40px 24px;
  display: flex;
  align-items: center;
  flex-flow: column;
  gap: 16px;
  position: relative;
}

.infra_wrapper .infraWrapper_inner .infraContainer .featuresCon .textFea i {
  display: block;
  width: 106%;
  position: absolute;
  left: 0;
  top: -70px;
}

.infra_wrapper .infraWrapper_inner .infraContainer .featuresCon .textFea i img {
  display: block;
  width: 100%;
}

.infra_wrapper .infraWrapper_inner .infraContainer .featuresCon .textFea b {
  display: block;
  width: 100%;
  text-align: center;
  font-size: var(--fs-h4);
  color: var(--color-white);
  position: relative;
  z-index: 1;
}

.infra_wrapper .infraWrapper_inner .infraContainer .featuresCon .textFea p {
  text-align: center;
  font-size: var(--fs-body);
  color: var(--color-white);
  position: relative;
  z-index: 1;
}

.infra_wrapper .infraWrapper_inner .infraContainer .featuresCon .textFea .readMore {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 24px 0 0 0;
}

.infra_wrapper .infraWrapper_inner .infraContainer .featuresCon .textFea .readMore a {
  display: inline-block;
  width: auto;
  padding: 0 32px;
  font-size: var(--fs-body);
  font-weight: 500;
  line-height: 42px;
  color: #000;
  background-color: #ffe100;
  border-radius: 12px;
}

.infra_wrapper .infraWrapper_inner .infraContainer .featuresCon .textFea .readMore a:hover {
  background-color: #2e2d26;
  color: #fff;
}

.aimsWrapper {
  width: 100%;
  padding: 72px 0;
  background: url(../images/aimBg.svg) no-repeat bottom center;
  background-size: cover;
}

.aimsWrapper .aimsWrappInner {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 24px;
}

.aimsWrapper .aimsWrappInner h1 {
  text-align: center;
  font-size: var(--fs-h1);
  font-weight: 700;
  color: var(--color-yellow);
}

.aimsWrapper .aimsWrappInner p {
  text-align: center;
  font-size: var(--fs-body);
  color: var(--color-white);
  margin: 16px 0 0 0;
  line-height: 1.4;
}

.aimsWrapper .aimsWrappInner .aimsContainer {
  width: 100%;
  margin: 72px 0 0 0;
  display: grid;
  grid-template-columns: 30% auto 30%;
  align-items: center;
  grid-gap: 40px;
}

@media (max-width: 768px) {
  .aimsWrapper .aimsWrappInner .aimsContainer {
    grid-template-columns: repeat(1, 1fr);
  }
}

.aimsWrapper .aimsWrappInner .aimsContainer .aimsLogo {
  width: 100%;
  text-align: center;
}

.aimsWrapper .aimsWrappInner .aimsContainer .aimsLogo img {
  display: inline-block;
  width: 100%;
  max-width: 360px;
}

.aimsWrapper .aimsWrappInner .aimsContainer .aimsLeft {
  width: 100%;
}

.aimsWrapper .aimsWrappInner .aimsContainer .aimsLeft ul {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  align-items: center;
  grid-gap: 3rem;
}

@media (max-width: 768px) {
  .aimsWrapper .aimsWrappInner .aimsContainer .aimsLeft ul {
    display: grid;
    grid-gap: 24px;
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 560px) {
  .aimsWrapper .aimsWrappInner .aimsContainer .aimsLeft ul {
    grid-template-columns: repeat(1, 1fr);
  }
}

.aimsWrapper .aimsWrappInner .aimsContainer .aimsLeft ul li {
  width: 100%;
}

.aimsWrapper .aimsWrappInner .aimsContainer .aimsLeft ul li dl {
  width: 100%;
  display: flex;
  align-items: center;
  column-gap: 1.625rem;
}

.aimsWrapper .aimsWrappInner .aimsContainer .aimsLeft ul li dl dt {
  width: 5rem;
  position: relative;
}

.aimsWrapper .aimsWrappInner .aimsContainer .aimsLeft ul li dl dt:last-child {
  width: auto;
}

.aimsWrapper .aimsWrappInner .aimsContainer .aimsLeft ul li dl dt span {
  height: 5rem;
  width: 5rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #a5c700;
  background: var(--bg-blue-gradient);
}

.aimsWrapper .aimsWrappInner .aimsContainer .aimsLeft ul li dl dt span img {
  width: 2rem;
  display: block;
}

.aimsWrapper .aimsWrappInner .aimsContainer .aimsLeft ul li dl dt small {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.625rem;
  width: 1.625rem;
  border-radius: 50%;
  background: #fff;
  padding: 0;
  font-size: 12px;
  font-weight: 600;
  color: var(--bg-blue);
  position: absolute;
  right: -13px;
  top: calc(50% - 13px);
  letter-spacing: 0;
}

.aimsWrapper .aimsWrappInner .aimsContainer .aimsLeft ul li dl dt b {
  display: block;
  text-align: left;
  color: #fff;
  margin: 0 0 .75rem 0;
  font-size: 1rem;
  font-weight: 600;
}

.aimsWrapper .aimsWrappInner .aimsContainer .aimsLeft ul li dl dt p {
  text-align: left;
  color: var(--color-white);
  font-size: var(--fs-body);
  font-weight: 400;
  margin: 0;
}

.aimsWrapper .aimsWrappInner .aimsContainer .aimsright {
  width: 100%;
}

.aimsWrapper .aimsWrappInner .aimsContainer .aimsright ul {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  align-items: center;
  grid-gap: 3rem;
}

@media (max-width: 768px) {
  .aimsWrapper .aimsWrappInner .aimsContainer .aimsright ul {
    display: grid;
    grid-gap: 24px;
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 560px) {
  .aimsWrapper .aimsWrappInner .aimsContainer .aimsright ul {
    grid-template-columns: repeat(1, 1fr);
  }
}

.aimsWrapper .aimsWrappInner .aimsContainer .aimsright ul li {
  width: 100%;
}

.aimsWrapper .aimsWrappInner .aimsContainer .aimsright ul li dl {
  width: 100%;
  display: flex;
  flex-flow: row-reverse;
  align-items: center;
  column-gap: 1.625rem;
}

.aimsWrapper .aimsWrappInner .aimsContainer .aimsright ul li dl dt {
  width: 5rem;
  position: relative;
}

.aimsWrapper .aimsWrappInner .aimsContainer .aimsright ul li dl dt:last-child {
  width: auto;
}

.aimsWrapper .aimsWrappInner .aimsContainer .aimsright ul li dl dt span {
  height: 5rem;
  width: 5rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--bg-blue-gradientrtl);
}

.aimsWrapper .aimsWrappInner .aimsContainer .aimsright ul li dl dt span img {
  width: 2rem;
  display: block;
}

.aimsWrapper .aimsWrappInner .aimsContainer .aimsright ul li dl dt small {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.625rem;
  width: 1.625rem;
  border-radius: 50%;
  background: #fff;
  padding: 0;
  font-size: 12px;
  font-weight: 600;
  color: var(--bg-blue);
  position: absolute;
  left: -13px;
  top: calc(50% - 13px);
  letter-spacing: 0;
}

.aimsWrapper .aimsWrappInner .aimsContainer .aimsright ul li dl dt b {
  display: block;
  text-align: right;
  font-size: 1rem;
  font-weight: 500;
  color: #fff;
  margin: 0 0 .75rem 0;
}

.aimsWrapper .aimsWrappInner .aimsContainer .aimsright ul li dl dt p {
  text-align: right;
  color: var(--color-white);
  font-size: var(--fs-body);
  font-weight: 400;
  margin: 0;
}

.flavoursWrapper {
  width: 100%;
  max-width: 1280px;
  margin: 72px auto;
  padding: 0 24px;
}

.flavoursWrapper h1 {
  text-align: center;
  font-size: var(--fs-h1);
  font-weight: 700;
  color: var(--color-heading);
}

.flavoursWrapper p {
  text-align: center;
  font-size: var(--fs-body);
  color: var(--color-body);
  margin: 16px 0 0 0;
  line-height: 1.4;
}

.flavoursWrapper .flavourWrapp {
  width: 100%;
  margin: 148px 0 0 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 24px;
}

@media (max-width: 768px) {
  .flavoursWrapper .flavourWrapp {
    grid-template-columns: repeat(1, 1fr);
    max-width: 460px;
    grid-gap: 148px;
    align-items: center;
    margin: 148px auto 0 auto;
  }
}

.flavoursWrapper .flavourWrapp .flavourCon {
  width: 100%;
  background-color: #000;
  padding: 32px;
  border-radius: 250px 250px 8px 8px;
  position: relative;
}

.flavoursWrapper .flavourWrapp .flavourCon.green {
  background-color: #12CB67;
}

.flavoursWrapper .flavourWrapp .flavourCon.blue {
  background-color: #6D32CF;
}

.flavoursWrapper .flavourWrapp .flavourCon.orange {
  background-color: #FC8440;
}

.flavoursWrapper .flavourWrapp .flavourCon .icon {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: -106px;
  padding: 8px;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
  max-width: 200px;
}

.flavoursWrapper .flavourWrapp .flavourCon .icon img {
  width: 100%;
  display: block;
}

.flavoursWrapper .flavourWrapp .flavourCon .text {
  width: 100%;
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: 24px;
  padding: 90px 0 0 0;
}

.flavoursWrapper .flavourWrapp .flavourCon .text b {
  display: block;
  width: 100%;
  text-align: center;
  font-size: var(--fs-h4);
  color: var(--color-white);
  font-weight: 700;
}

.flavoursWrapper .flavourWrapp .flavourCon .text p {
  text-align: center;
  font-size: var(--fs-body);
  line-height: 1.4;
  color: var(--color-white);
  margin: 0;
}

.keyPointsWrapper {
  width: 100%;
  padding: 72px 0;
  background-color: var(--bg-darkblue);
}

.keyPointsWrapper .keyPointInner {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 24px;
}

.keyPointsWrapper .keyPointInner h1 {
  text-align: center;
  font-size: var(--fs-h1);
  font-weight: 700;
  color: var(--color-yellow);
}

.keyPointsWrapper .keyPointInner p {
  text-align: center;
  font-size: var(--fs-body);
  color: var(--color-white);
  margin: 16px 0 0 0;
  line-height: 1.4;
}

.keyPointsWrapper .keyPointInner .keyPointsContainer {
  width: 100%;
  margin: 48px 0 0 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 24px;
}

@media (max-width: 1024px) {
  .keyPointsWrapper .keyPointInner .keyPointsContainer {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 768px) {
  .keyPointsWrapper .keyPointInner .keyPointsContainer {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 560px) {
  .keyPointsWrapper .keyPointInner .keyPointsContainer {
    grid-template-columns: repeat(1, 1fr);
  }
}

.keyPointsWrapper .keyPointInner .keyPointsContainer .keyPoints {
  width: 100%;
}

.keyPointsWrapper .keyPointInner .keyPointsContainer .keyPoints a {
  width: 100%;
  display: flex;
  align-items: center;
  flex-flow: column;
  background: var(--bg-blue);
  height: 100%;
  background-size: 24px;
  padding: 0 0 40px 0;
  transition: .25s ease;
}

.keyPointsWrapper .keyPointInner .keyPointsContainer .keyPoints a:hover {
  background: var(--color-yellow);
  background-size: 24px;
  transition: .25s ease;
}

.keyPointsWrapper .keyPointInner .keyPointsContainer .keyPoints a:hover .text b {
  color: var(--color-heading);
}

.keyPointsWrapper .keyPointInner .keyPointsContainer .keyPoints a:hover .text p {
  color: var(--color-heading);
}

.keyPointsWrapper .keyPointInner .keyPointsContainer .keyPoints a .photo {
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
}

.keyPointsWrapper .keyPointInner .keyPointsContainer .keyPoints a .photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.keyPointsWrapper .keyPointInner .keyPointsContainer .keyPoints a .text {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 16px;
  padding: 24px;
}

.keyPointsWrapper .keyPointInner .keyPointsContainer .keyPoints a .text b {
  display: block;
  width: 100%;
  text-align: center;
  font-size: var(--fs-h4);
  color: var(--color-white);
  font-weight: 700;
}

.keyPointsWrapper .keyPointInner .keyPointsContainer .keyPoints a .text p {
  text-align: center;
  font-size: var(--fs-body);
  font-weight: 300;
  color: var(--color-white);
  margin: 0;
}

.newsandupdatesWrapper {
  width: 100%;
  padding: 72px 0;
  background-color: var(--bg-lightblue);
}

.newsandupdatesWrapper .newsupdatesInner {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 24px;
}

.newsandupdatesWrapper .newsupdatesInner h1 {
  text-align: center;
  font-size: var(--fs-h1);
  font-weight: 700;
  color: var(--color-heading);
}

.newsandupdatesWrapper .newsupdatesInner .newsandupdatesContainer {
  width: 100%;
  padding: 48px 0 0 0;
}

.newsandupdatesWrapper .newsupdatesInner .newsandupdatesContainer article {
  display: block;
  width: 100%;
  padding: 8px;
  border-radius: 8px;
  background-color: var(--color-white);
  position: relative;
}

.newsandupdatesWrapper .newsupdatesInner .newsandupdatesContainer article .photo {
  display: block;
  width: 100%;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
}

.newsandupdatesWrapper .newsupdatesInner .newsandupdatesContainer article .photo img {
  display: block;
  width: 100%;
}

.newsandupdatesWrapper .newsupdatesInner .newsandupdatesContainer article .photo .text {
  width: 100%;
  padding: 72px 24px 24px 24px;
  position: absolute;
  left: 0;
  bottom: 0;
  display: flex;
  align-items: flex-start;
  flex-flow: column;
  justify-content: space-between;
  gap: 16px;
  background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.9) 100%);
}

.newsandupdatesWrapper .newsupdatesInner .newsandupdatesContainer article .photo .text p {
  text-align: left;
  font-size: var(--fs-h4);
  font-weight: 600;
  color: var(--color-white);
}

.newsandupdatesWrapper .newsupdatesInner .newsandupdatesContainer article .photo .text a {
  display: block;
  width: 186px;
  font-size: var(--fs-small);
  font-weight: 500;
  line-height: 36px;
  border-radius: 4px;
  background-color: var(--bg-yellow);
  color: var(--color-heading);
  text-align: center;
  flex-shrink: 0;
  transition: .25s ease;
}

.newsandupdatesWrapper .newsupdatesInner .newsandupdatesContainer article .photo .text a:hover {
  background-color: var(--color-yellow);
  transition: .25s ease;
}

.intellectualWrapper {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 24px;
}

.intellectualWrapper .intellectualContainer {
  width: 100%;
}

@media (max-width: 768px) {
  .intellectualWrapper .intellectualContainer {
    padding: 48px 0 0 0;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 62px;
  }
}

.intellectualWrapper .intellectualContainer ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: center;
  grid-gap: 106px;
}

@media (max-width: 768px) {
  .intellectualWrapper .intellectualContainer ul {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 24px;
  }
}

.intellectualWrapper .intellectualContainer ul li {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 24px;
}

@media (max-width: 560px) {
  .intellectualWrapper .intellectualContainer ul li {
    gap: 16px;
  }
}

.intellectualWrapper .intellectualContainer ul li h2 {
  text-align: left;
  font-size: var(--fs-h1);
  font-weight: 700;
  color: var(--color-heading);
}

.intellectualWrapper .intellectualContainer ul li p {
  text-align: left;
  font-size: var(--fs-body);
  font-weight: 400;
  color: var(--color-body);
}

.intellectualWrapper .intellectualContainer ul li .photo {
  width: 100%;
  padding: 62px 96px 62px 0;
  background: white;
  background: linear-gradient(90deg, white 0%, white 50%, #9fd0ff 50%, #9fd0ff 100%);
}

@media (max-width: 768px) {
  .intellectualWrapper .intellectualContainer ul li .photo {
    padding: 0 48px 62px 48px;
    background: white;
    background: linear-gradient(180deg, white 0%, white 50%, #9fd0ff 50%, #9fd0ff 100%);
  }
}

@media (max-width: 560px) {
  .intellectualWrapper .intellectualContainer ul li .photo {
    padding: 0 24px 32px 24px;
  }
}

.intellectualWrapper .intellectualContainer ul li .photo img {
  display: block;
  width: 100%;
}

.intellectualWrapper .intellectualContainer dl {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: center;
  grid-gap: 106px;
}

@media (max-width: 768px) {
  .intellectualWrapper .intellectualContainer dl {
    display: flex;
    flex-flow: column-reverse;
    gap: 24px;
  }
}

.intellectualWrapper .intellectualContainer dl dt {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 24px;
}

@media (max-width: 560px) {
  .intellectualWrapper .intellectualContainer dl dt {
    gap: 16px;
  }
}

.intellectualWrapper .intellectualContainer dl dt h2 {
  text-align: left;
  font-size: var(--fs-h1);
  font-weight: 700;
  color: var(--color-heading);
}

.intellectualWrapper .intellectualContainer dl dt p {
  text-align: left;
  font-size: var(--fs-body);
  font-weight: 400;
  color: var(--color-body);
}

.intellectualWrapper .intellectualContainer dl dt .photo {
  width: 100%;
  padding: 62px 0 62px 96px;
  background: white;
  background: linear-gradient(90deg, #9fd0ff 50%, #9fd0ff 50%, white 0%, white 100%);
}

@media (max-width: 768px) {
  .intellectualWrapper .intellectualContainer dl dt .photo {
    padding: 0 48px 62px 48px;
    background: linear-gradient(0deg, #9fd0ff 50%, #9fd0ff 50%, white 0%, white 100%);
  }
}

@media (max-width: 560px) {
  .intellectualWrapper .intellectualContainer dl dt .photo {
    padding: 0 24px 32px 24px;
  }
}

.intellectualWrapper .intellectualContainer dl dt .photo img {
  display: block;
  width: 100%;
}

.sportsWrapper {
  width: 100%;
}

.sportsWrapper .sportsHeader {
  width: 100%;
  padding: 0 0 72px 0;
}

.sportsWrapper .sportsHeader .sportsheaderbg {
  width: 100%;
  position: relative;
}

.sportsWrapper .sportsHeader .sportsheaderbg img {
  display: block;
  width: 100%;
}

.sportsWrapper .sportsHeader .sportsheaderbg span {
  display: block;
  width: 100%;
  height: 200px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, white 100%);
}

.sportsWrapper .sportsHeader .aboutSports {
  width: 100%;
  max-width: 1280px;
  padding: 0 24px;
  margin: 0 auto;
  display: flex;
  flex-flow: column;
  gap: 36px;
}

.sportsWrapper .sportsHeader .aboutSports h1 {
  text-align: center;
  font-size: var(--fs-h1);
  color: var(--color-heading);
  font-weight: 800;
  text-transform: uppercase;
}

.sportsWrapper .sportsHeader .aboutSports .sportsText {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 16px;
}

.sportsWrapper .sportsHeader .aboutSports .sportsText p {
  text-align: left;
  font-size: var(--fs-body);
  color: var(--color-body);
  font-weight: 400;
  line-height: 1.4;
}

.sportsWrapper .cricketWrapper {
  width: 100%;
  padding: 72px 0;
  background-color: #EDFAFF;
}

.sportsWrapper .cricketWrapper .cricketInner {
  width: 100%;
  max-width: 1280px;
  padding: 0 24px;
  margin: 0 auto;
}

.sportsWrapper .cricketWrapper .cricketInner h2 {
  text-align: center;
  font-size: var(--fs-h1);
  color: #202020;
  font-weight: 700;
}

.sportsWrapper .cricketWrapper .cricketInner b {
  display: block;
  width: 100%;
  text-align: center;
  font-size: var(--fs-h4);
  font-weight: 600;
  color: var(--color-heading);
  margin: 24px 0 0 0;
}

.sportsWrapper .cricketWrapper .cricketInner p {
  display: block;
  width: 100%;
  text-align: center;
  font-size: var(--fs-h4);
  font-weight: 600;
  color: var(--color-heading);
}

.sportsWrapper .cricketWrapper .cricketInner .cricketCon {
  width: 100%;
  margin: 62px 0 0 0;
  display: flex;
  align-items: center;
  gap: 48px;
}

@media (max-width: 768px) {
  .sportsWrapper .cricketWrapper .cricketInner .cricketCon {
    flex-flow: column-reverse;
    gap: 24px;
    margin: 24px 0 0 0;
  }
}

.sportsWrapper .cricketWrapper .cricketInner .cricketCon .cricketText {
  display: flex;
  flex-flow: column;
  gap: 16px;
}

.sportsWrapper .cricketWrapper .cricketInner .cricketCon .cricketText b {
  display: block;
  text-align: left;
  font-size: var(--fs-body);
  font-weight: 700;
  color: var(--color-heading);
  line-height: 1.4;
}

.sportsWrapper .cricketWrapper .cricketInner .cricketCon .cricketText p {
  text-align: left;
  font-size: var(--fs-body);
  font-weight: 400;
  color: var(--color-body);
  line-height: 1.4;
}

.sportsWrapper .cricketWrapper .cricketInner .cricketCon .cricketPhoto {
  width: 400px;
  flex-shrink: 0;
}

@media (max-width: 768px) {
  .sportsWrapper .cricketWrapper .cricketInner .cricketCon .cricketPhoto {
    width: 100%;
  }
}

.sportsWrapper .cricketWrapper .cricketInner .cricketCon .cricketPhoto img {
  display: block;
  width: 100%;
}

.sportsWrapper .basketballWrapper {
  width: 100%;
  padding: 72px 24px;
  max-width: 1280px;
  margin: 0 auto;
}

.sportsWrapper .basketballWrapper h2 {
  text-align: center;
  font-size: var(--fs-h1);
  color: #202020;
  font-weight: 700;
}

.sportsWrapper .basketballWrapper b {
  display: block;
  width: 100%;
  text-align: center;
  font-size: var(--fs-h4);
  font-weight: 600;
  color: var(--color-heading);
  margin: 24px 0 0 0;
}

.sportsWrapper .basketballWrapper p {
  display: block;
  width: 100%;
  text-align: center;
  font-size: var(--fs-h4);
  font-weight: 600;
  color: var(--color-heading);
}

.sportsWrapper .basketballWrapper .basketballInner {
  width: 100%;
  margin: 62px 0 0 0;
  display: flex;
  align-items: center;
  gap: 48px;
}

@media (max-width: 768px) {
  .sportsWrapper .basketballWrapper .basketballInner {
    flex-flow: column;
    gap: 24px;
    margin: 24px 0 0 0;
  }
}

.sportsWrapper .basketballWrapper .basketballInner .basketballPhoto {
  width: 360px;
  flex-shrink: 0;
}

@media (max-width: 768px) {
  .sportsWrapper .basketballWrapper .basketballInner .basketballPhoto {
    width: 100%;
  }
}

.sportsWrapper .basketballWrapper .basketballInner .basketballPhoto img {
  display: block;
  width: 100%;
}

.sportsWrapper .basketballWrapper .basketballInner .basketballText {
  display: flex;
  flex-flow: column;
  gap: 48px;
}

@media (max-width: 768px) {
  .sportsWrapper .basketballWrapper .basketballInner .basketballText {
    gap: 24px;
  }
}

.sportsWrapper .basketballWrapper .basketballInner .basketballText b {
  display: block;
  text-align: left;
  font-size: var(--fs-h4);
  font-weight: 600;
  color: var(--color-heading);
  line-height: 1.4;
  margin: 0;
}

.sportsWrapper .basketballWrapper .basketballInner .basketballText b span {
  color: var(--bg-red);
}

.sportsWrapper .basketballWrapper .basketballInner .basketballText ul {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 32px;
}

.sportsWrapper .basketballWrapper .basketballInner .basketballText ul li {
  width: 100%;
  text-align: left;
  font-size: var(--fs-body);
  color: var(--color-heading);
  font-weight: 400;
  position: relative;
  padding: 0 0 0 36px;
}

.sportsWrapper .basketballWrapper .basketballInner .basketballText ul li::before {
  content: '';
  height: 24px;
  width: 24px;
  background: url(../images/check.svg) no-repeat center;
  background-size: 24px;
  position: absolute;
  left: 0;
  top: 0;
}

.sportsWrapper .handballOuter {
  padding: 72px 0;
  width: 100%;
  background-color: #FFFAED;
}

.sportsWrapper .handballOuter .handballWrapper {
  width: 100%;
  padding: 0 24px;
  max-width: 1280px;
  margin: 0 auto;
}

.sportsWrapper .handballOuter .handballWrapper h2 {
  text-align: center;
  font-size: var(--fs-h1);
  color: #202020;
  font-weight: 700;
}

.sportsWrapper .handballOuter .handballWrapper b {
  display: block;
  width: 100%;
  text-align: center;
  font-size: var(--fs-h4);
  font-weight: 600;
  color: var(--color-heading);
  margin: 24px 0 0 0;
}

.sportsWrapper .handballOuter .handballWrapper p {
  display: block;
  width: 100%;
  text-align: center;
  font-size: var(--fs-h4);
  font-weight: 600;
  color: var(--color-heading);
}

.sportsWrapper .handballOuter .handballWrapper .handballInner {
  width: 100%;
  margin: 62px 0 0 0;
  display: flex;
  align-items: center;
  gap: 48px;
}

@media (max-width: 768px) {
  .sportsWrapper .handballOuter .handballWrapper .handballInner {
    flex-flow: column-reverse;
    gap: 24px;
    margin: 24px 0 0 0;
  }
}

.sportsWrapper .handballOuter .handballWrapper .handballInner .handballPhoto {
  width: 360px;
  flex-shrink: 0;
}

@media (max-width: 768px) {
  .sportsWrapper .handballOuter .handballWrapper .handballInner .handballPhoto {
    width: 100%;
  }
}

.sportsWrapper .handballOuter .handballWrapper .handballInner .handballPhoto img {
  display: block;
  width: 100%;
}

.sportsWrapper .handballOuter .handballWrapper .handballInner .handballText {
  display: flex;
  flex-flow: column;
  gap: 48px;
}

@media (max-width: 768px) {
  .sportsWrapper .handballOuter .handballWrapper .handballInner .handballText {
    gap: 24px;
  }
}

.sportsWrapper .handballOuter .handballWrapper .handballInner .handballText b {
  display: block;
  text-align: left;
  font-size: var(--fs-h4);
  font-weight: 600;
  color: var(--color-heading);
  line-height: 1.4;
  margin: 0;
}

.sportsWrapper .handballOuter .handballWrapper .handballInner .handballText b span {
  color: var(--bg-red);
}

.sportsWrapper .handballOuter .handballWrapper .handballInner .handballText ul {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 32px;
}

.sportsWrapper .handballOuter .handballWrapper .handballInner .handballText ul li {
  width: 100%;
  text-align: left;
  font-size: var(--fs-body);
  color: var(--color-heading);
  font-weight: 400;
  position: relative;
  padding: 0 0 0 36px;
}

.sportsWrapper .handballOuter .handballWrapper .handballInner .handballText ul li::before {
  content: '';
  height: 24px;
  width: 24px;
  background: url(../images/check.svg) no-repeat center;
  background-size: 24px;
  position: absolute;
  left: 0;
  top: 0;
}

.sportsWrapper .ttWrapper {
  width: 100%;
  padding: 72px 24px;
  max-width: 1280px;
  margin: 0 auto;
}

.sportsWrapper .ttWrapper h2 {
  text-align: center;
  font-size: var(--fs-h1);
  color: #202020;
  font-weight: 700;
}

.sportsWrapper .ttWrapper b {
  display: block;
  width: 100%;
  text-align: center;
  font-size: var(--fs-h4);
  font-weight: 600;
  color: var(--color-heading);
  margin: 24px 0 0 0;
}

.sportsWrapper .ttWrapper p {
  display: block;
  width: 100%;
  text-align: center;
  font-size: var(--fs-h4);
  font-weight: 600;
  color: var(--color-heading);
}

.sportsWrapper .ttWrapper .ttInner {
  width: 100%;
  margin: 62px 0 0 0;
  display: flex;
  align-items: center;
  gap: 48px;
}

@media (max-width: 768px) {
  .sportsWrapper .ttWrapper .ttInner {
    flex-flow: column;
    gap: 24px;
    margin: 24px 0 0 0;
  }
}

.sportsWrapper .ttWrapper .ttInner .ttPhoto {
  width: 360px;
  flex-shrink: 0;
}

@media (max-width: 768px) {
  .sportsWrapper .ttWrapper .ttInner .ttPhoto {
    width: 100%;
  }
}

.sportsWrapper .ttWrapper .ttInner .ttPhoto img {
  display: block;
  width: 100%;
}

.sportsWrapper .ttWrapper .ttInner .ttText {
  display: flex;
  flex-flow: column;
  gap: 48px;
}

@media (max-width: 768px) {
  .sportsWrapper .ttWrapper .ttInner .ttText {
    gap: 24px;
  }
}

.sportsWrapper .ttWrapper .ttInner .ttText b {
  display: block;
  text-align: left;
  font-size: var(--fs-h4);
  font-weight: 600;
  color: var(--color-heading);
  line-height: 1.4;
  margin: 0;
}

.sportsWrapper .ttWrapper .ttInner .ttText b span {
  color: var(--bg-red);
}

.sportsWrapper .ttWrapper .ttInner .ttText ul {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 32px;
}

.sportsWrapper .ttWrapper .ttInner .ttText ul li {
  width: 100%;
  text-align: left;
  font-size: var(--fs-body);
  color: var(--color-heading);
  font-weight: 400;
  position: relative;
  padding: 0 0 0 36px;
}

.sportsWrapper .ttWrapper .ttInner .ttText ul li::before {
  content: '';
  height: 24px;
  width: 24px;
  background: url(../images/check.svg) no-repeat center;
  background-size: 24px;
  position: absolute;
  left: 0;
  top: 0;
}

.sportsWrapper .chessOuter {
  padding: 72px 0;
  width: 100%;
  background-color: #EDFFF0;
}

.sportsWrapper .chessOuter .chessWrapper {
  width: 100%;
  padding: 0 24px;
  max-width: 1280px;
  margin: 0 auto;
}

.sportsWrapper .chessOuter .chessWrapper h2 {
  text-align: center;
  font-size: var(--fs-h1);
  color: #202020;
  font-weight: 700;
}

.sportsWrapper .chessOuter .chessWrapper b {
  display: block;
  width: 100%;
  text-align: center;
  font-size: var(--fs-h4);
  font-weight: 600;
  color: var(--color-heading);
  margin: 24px 0 0 0;
}

.sportsWrapper .chessOuter .chessWrapper p {
  display: block;
  width: 100%;
  text-align: center;
  font-size: var(--fs-h4);
  font-weight: 600;
  color: var(--color-heading);
}

.sportsWrapper .chessOuter .chessWrapper .chessInner {
  width: 100%;
  margin: 62px 0 0 0;
  display: flex;
  align-items: center;
  gap: 48px;
}

@media (max-width: 768px) {
  .sportsWrapper .chessOuter .chessWrapper .chessInner {
    flex-flow: column-reverse;
    gap: 24px;
    margin: 24px 0 0 0;
  }
}

.sportsWrapper .chessOuter .chessWrapper .chessInner .chessPhoto {
  width: 360px;
  flex-shrink: 0;
}

@media (max-width: 768px) {
  .sportsWrapper .chessOuter .chessWrapper .chessInner .chessPhoto {
    width: 100%;
  }
}

.sportsWrapper .chessOuter .chessWrapper .chessInner .chessPhoto img {
  display: block;
  width: 100%;
}

.sportsWrapper .chessOuter .chessWrapper .chessInner .chessText {
  display: flex;
  flex-flow: column;
  gap: 8px;
}

.sportsWrapper .chessOuter .chessWrapper .chessInner .chessText b {
  display: block;
  text-align: left;
  font-size: var(--fs-h4);
  font-weight: 600;
  color: var(--color-heading);
  line-height: 1.4;
  margin: 0;
}

.sportsWrapper .chessOuter .chessWrapper .chessInner .chessText b span {
  color: var(--bg-red);
}

.sportsWrapper .chessOuter .chessWrapper .chessInner .chessText ul {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 32px;
  margin: 48px 0 0 0;
}

@media (max-width: 768px) {
  .sportsWrapper .chessOuter .chessWrapper .chessInner .chessText ul {
    margin: 24px 0 0 0;
  }
}

.sportsWrapper .chessOuter .chessWrapper .chessInner .chessText ul li {
  width: 100%;
  text-align: left;
  font-size: var(--fs-body);
  color: var(--color-heading);
  font-weight: 400;
  position: relative;
  padding: 0 0 0 36px;
}

.sportsWrapper .chessOuter .chessWrapper .chessInner .chessText ul li::before {
  content: '';
  height: 24px;
  width: 24px;
  background: url(../images/check.svg) no-repeat center;
  background-size: 24px;
  position: absolute;
  left: 0;
  top: 0;
}

.sportsWrapper .badmintonWrapper {
  width: 100%;
  padding: 72px 24px;
  max-width: 1280px;
  margin: 0 auto;
}

.sportsWrapper .badmintonWrapper h2 {
  text-align: center;
  font-size: var(--fs-h1);
  color: #202020;
  font-weight: 700;
}

.sportsWrapper .badmintonWrapper b {
  display: block;
  width: 100%;
  text-align: center;
  font-size: var(--fs-h4);
  font-weight: 600;
  color: var(--color-heading);
  margin: 24px 0 0 0;
}

.sportsWrapper .badmintonWrapper p {
  display: block;
  width: 100%;
  text-align: center;
  font-size: var(--fs-h4);
  font-weight: 600;
  color: var(--color-heading);
}

.sportsWrapper .badmintonWrapper .badmintonInner {
  width: 100%;
  margin: 62px 0 0 0;
  display: flex;
  align-items: center;
  gap: 48px;
}

@media (max-width: 768px) {
  .sportsWrapper .badmintonWrapper .badmintonInner {
    flex-flow: column;
    gap: 24px;
    margin: 24px 0 0 0;
  }
}

.sportsWrapper .badmintonWrapper .badmintonInner .badmintonPhoto {
  width: 360px;
  flex-shrink: 0;
}

@media (max-width: 768px) {
  .sportsWrapper .badmintonWrapper .badmintonInner .badmintonPhoto {
    width: 100%;
  }
}

.sportsWrapper .badmintonWrapper .badmintonInner .badmintonPhoto img {
  display: block;
  width: 100%;
}

.sportsWrapper .badmintonWrapper .badmintonInner .badmintonText {
  display: flex;
  flex-flow: column;
  gap: 48px;
}

@media (max-width: 768px) {
  .sportsWrapper .badmintonWrapper .badmintonInner .badmintonText {
    gap: 24px;
  }
}

.sportsWrapper .badmintonWrapper .badmintonInner .badmintonText b {
  display: block;
  text-align: left;
  font-size: var(--fs-h4);
  font-weight: 600;
  color: var(--color-heading);
  line-height: 1.4;
  margin: 0;
}

.sportsWrapper .badmintonWrapper .badmintonInner .badmintonText b span {
  color: var(--bg-red);
}

.sportsWrapper .badmintonWrapper .badmintonInner .badmintonText ul {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 32px;
}

.sportsWrapper .badmintonWrapper .badmintonInner .badmintonText ul li {
  width: 100%;
  text-align: left;
  font-size: var(--fs-body);
  color: var(--color-heading);
  font-weight: 400;
  position: relative;
  padding: 0 0 0 36px;
}

.sportsWrapper .badmintonWrapper .badmintonInner .badmintonText ul li::before {
  content: '';
  height: 24px;
  width: 24px;
  background: url(../images/check.svg) no-repeat center;
  background-size: 24px;
  position: absolute;
  left: 0;
  top: 0;
}

.sportsWrapper .ltOuter {
  padding: 72px 0;
  width: 100%;
  background-color: #F7EDFF;
}

.sportsWrapper .ltOuter .ltWrapper {
  width: 100%;
  padding: 0 24px;
  max-width: 1280px;
  margin: 0 auto;
}

.sportsWrapper .ltOuter .ltWrapper h2 {
  text-align: center;
  font-size: var(--fs-h1);
  color: #202020;
  font-weight: 700;
}

.sportsWrapper .ltOuter .ltWrapper b {
  display: block;
  width: 100%;
  text-align: center;
  font-size: var(--fs-h4);
  font-weight: 600;
  color: var(--color-heading);
  margin: 24px 0 0 0;
}

.sportsWrapper .ltOuter .ltWrapper p {
  display: block;
  width: 100%;
  text-align: center;
  font-size: var(--fs-h4);
  font-weight: 600;
  color: var(--color-heading);
}

.sportsWrapper .ltOuter .ltWrapper .ltInner {
  width: 100%;
  margin: 62px 0 0 0;
  display: flex;
  align-items: center;
  gap: 48px;
}

@media (max-width: 768px) {
  .sportsWrapper .ltOuter .ltWrapper .ltInner {
    flex-flow: column-reverse;
    gap: 24px;
    margin: 24px 0 0 0;
  }
}

.sportsWrapper .ltOuter .ltWrapper .ltInner .ltPhoto {
  width: 360px;
  flex-shrink: 0;
}

@media (max-width: 768px) {
  .sportsWrapper .ltOuter .ltWrapper .ltInner .ltPhoto {
    width: 100%;
  }
}

.sportsWrapper .ltOuter .ltWrapper .ltInner .ltPhoto img {
  display: block;
  width: 100%;
}

.sportsWrapper .ltOuter .ltWrapper .ltInner .ltText {
  display: flex;
  flex-flow: column;
  gap: 48px;
}

@media (max-width: 768px) {
  .sportsWrapper .ltOuter .ltWrapper .ltInner .ltText {
    gap: 24px;
  }
}

.sportsWrapper .ltOuter .ltWrapper .ltInner .ltText b {
  display: block;
  text-align: left;
  font-size: var(--fs-h4);
  font-weight: 600;
  color: var(--color-heading);
  line-height: 1.4;
  margin: 0;
}

.sportsWrapper .ltOuter .ltWrapper .ltInner .ltText b span {
  color: var(--bg-red);
}

.sportsWrapper .ltOuter .ltWrapper .ltInner .ltText ul {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 32px;
}

.sportsWrapper .ltOuter .ltWrapper .ltInner .ltText ul li {
  width: 100%;
  text-align: left;
  font-size: var(--fs-body);
  color: var(--color-heading);
  font-weight: 400;
  position: relative;
  padding: 0 0 0 36px;
}

.sportsWrapper .ltOuter .ltWrapper .ltInner .ltText ul li::before {
  content: '';
  height: 24px;
  width: 24px;
  background: url(../images/check.svg) no-repeat center;
  background-size: 24px;
  position: absolute;
  left: 0;
  top: 0;
}

.sportsWrapper .karateWrapper {
  width: 100%;
  padding: 72px 24px;
  max-width: 1280px;
  margin: 0 auto;
}

.sportsWrapper .karateWrapper h2 {
  text-align: center;
  font-size: var(--fs-h1);
  color: #202020;
  font-weight: 700;
}

.sportsWrapper .karateWrapper b {
  display: block;
  width: 100%;
  text-align: center;
  font-size: var(--fs-h4);
  font-weight: 600;
  color: var(--color-heading);
  margin: 24px 0 0 0;
}

.sportsWrapper .karateWrapper p {
  display: block;
  width: 100%;
  text-align: center;
  font-size: var(--fs-h4);
  font-weight: 600;
  color: var(--color-heading);
}

.sportsWrapper .karateWrapper .karateInner {
  width: 100%;
  margin: 62px 0 0 0;
  display: flex;
  align-items: center;
  gap: 48px;
}

@media (max-width: 768px) {
  .sportsWrapper .karateWrapper .karateInner {
    flex-flow: column;
    gap: 24px;
    margin: 24px 0 0 0;
  }
}

.sportsWrapper .karateWrapper .karateInner .karatePhoto {
  width: 360px;
  flex-shrink: 0;
}

@media (max-width: 768px) {
  .sportsWrapper .karateWrapper .karateInner .karatePhoto {
    width: 100%;
  }
}

.sportsWrapper .karateWrapper .karateInner .karatePhoto img {
  display: block;
  width: 100%;
}

.sportsWrapper .karateWrapper .karateInner .karateText {
  display: flex;
  flex-flow: column;
  gap: 48px;
}

@media (max-width: 768px) {
  .sportsWrapper .karateWrapper .karateInner .karateText {
    gap: 24px;
  }
}

.sportsWrapper .karateWrapper .karateInner .karateText b {
  display: block;
  text-align: left;
  font-size: var(--fs-h4);
  font-weight: 600;
  color: var(--color-heading);
  line-height: 1.4;
  margin: 0;
}

.sportsWrapper .karateWrapper .karateInner .karateText b span {
  color: var(--bg-red);
}

.sportsWrapper .karateWrapper .karateInner .karateText ul {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 32px;
}

.sportsWrapper .karateWrapper .karateInner .karateText ul li {
  width: 100%;
  text-align: left;
  font-size: var(--fs-body);
  color: var(--color-heading);
  font-weight: 400;
  position: relative;
  padding: 0 0 0 36px;
}

.sportsWrapper .karateWrapper .karateInner .karateText ul li::before {
  content: '';
  height: 24px;
  width: 24px;
  background: url(../images/check.svg) no-repeat center;
  background-size: 24px;
  position: absolute;
  left: 0;
  top: 0;
}

.sportsWrapper .othersportsWrapper {
  width: 100%;
  padding: 72px 0;
  background-color: #EDFAFF;
}

.sportsWrapper .othersportsWrapper .osInner {
  width: 100%;
  max-width: 1280px;
  padding: 0 24px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 48px;
  margin: 0 auto;
}

@media (max-width: 768px) {
  .sportsWrapper .othersportsWrapper .osInner {
    grid-template-columns: repeat(1, 1fr);
  }
}

.sportsWrapper .othersportsWrapper .osInner .osLeft {
  width: 100%;
}

.sportsWrapper .othersportsWrapper .osInner .osLeft .osCon {
  width: 100%;
  padding: 32px 0 0 0;
  margin: 32px 0 0 0;
  border-top: 1px solid #c0c0c0;
}

.sportsWrapper .othersportsWrapper .osInner .osLeft .osCon:first-child {
  margin: 0;
  padding: 0;
  border: none;
}

.sportsWrapper .othersportsWrapper .osInner .osLeft .osCon h2 {
  text-align: left;
  font-size: var(--fs-h2);
  color: #202020;
  font-weight: 700;
}

.sportsWrapper .othersportsWrapper .osInner .osLeft .osCon b {
  display: block;
  width: 100%;
  text-align: left;
  font-size: var(--fs-h4);
  font-weight: 600;
  color: var(--color-heading);
  margin: 16px 0 0 0;
}

.sportsWrapper .othersportsWrapper .osInner .osLeft .osCon ul {
  margin: 32px 0 0 0;
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 24px;
}

.sportsWrapper .othersportsWrapper .osInner .osLeft .osCon ul li {
  width: 100%;
  text-align: left;
  font-size: var(--fs-body);
  color: var(--color-heading);
  font-weight: 400;
  position: relative;
  padding: 0 0 0 36px;
}

.sportsWrapper .othersportsWrapper .osInner .osLeft .osCon ul li::before {
  content: '';
  height: 24px;
  width: 24px;
  background: url(../images/check.svg) no-repeat center;
  background-size: 24px;
  position: absolute;
  left: 0;
  top: 0;
}

.sportsWrapper .othersportsWrapper .osInner .osRight {
  width: 100%;
}

.sportsWrapper .othersportsWrapper .osInner .osRight .osCon {
  width: 100%;
  padding: 32px 0 0 0;
  margin: 32px 0 0 0;
  border-top: 1px solid #c0c0c0;
}

.sportsWrapper .othersportsWrapper .osInner .osRight .osCon:first-child {
  margin: 0;
  padding: 0;
  border: none;
}

.sportsWrapper .othersportsWrapper .osInner .osRight .osCon h2 {
  text-align: left;
  font-size: var(--fs-h2);
  color: #202020;
  font-weight: 700;
}

.sportsWrapper .othersportsWrapper .osInner .osRight .osCon b {
  display: block;
  width: 100%;
  text-align: left;
  font-size: var(--fs-h4);
  font-weight: 600;
  color: var(--color-heading);
  margin: 16px 0 0 0;
}

.sportsWrapper .othersportsWrapper .osInner .osRight .osCon ul {
  margin: 32px 0 0 0;
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 24px;
}

.sportsWrapper .othersportsWrapper .osInner .osRight .osCon ul li {
  width: 100%;
  text-align: left;
  font-size: var(--fs-body);
  color: var(--color-heading);
  font-weight: 400;
  position: relative;
  padding: 0 0 0 36px;
}

.sportsWrapper .othersportsWrapper .osInner .osRight .osCon ul li::before {
  content: '';
  height: 24px;
  width: 24px;
  background: url(../images/check.svg) no-repeat center;
  background-size: 24px;
  position: absolute;
  left: 0;
  top: 0;
}

.spiritualWrapper {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 24px 24px 72px 24px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 48px;
}

@media (max-width: 768px) {
  .spiritualWrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}

.spiritualWrapper .spiritualCon {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 24px;
}

.spiritualWrapper .spiritualCon .heading {
  display: flex;
  align-items: center;
  gap: 16px;
}

.spiritualWrapper .spiritualCon .heading span {
  display: block;
  width: 48px;
  flex-shrink: 0;
}

.spiritualWrapper .spiritualCon .heading span img {
  display: block;
  width: 100%;
}

.spiritualWrapper .spiritualCon .heading b {
  text-align: left;
  font-size: var(--fs-h3);
  color: var(--color-heading);
  font-weight: 700;
}

.spiritualWrapper .spiritualCon .spiritualPhoto {
  width: 100%;
}

.spiritualWrapper .spiritualCon .spiritualPhoto img {
  display: block;
  width: 100%;
}

.mgntrustWrapper {
  width: 100%;
}

.mgntrustWrapper .mgntrustHeader {
  width: 100%;
}

.mgntrustWrapper .mgntrustHeader .mgntrustHeader {
  width: 100%;
  position: relative;
}

.mgntrustWrapper .mgntrustHeader .mgntrustHeader img {
  display: block;
  width: 100%;
}

.mgntrustWrapper .mgntrustHeader .mgntrustHeader span {
  display: block;
  width: 100%;
  height: 200px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, white 100%);
}

.mgntrustWrapper .mgntrustHeader .abouttrust {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 24px;
  padding: 0 24px 72px 24px;
  max-width: 1280px;
  margin: 0 auto;
}

.mgntrustWrapper .mgntrustHeader .abouttrust h1 {
  text-align: center;
  font-size: var(--fs-h1);
  color: var(--color-heading);
  font-weight: 800;
  margin: 0 0 24px 0;
}

.mgntrustWrapper .mgntrustHeader .abouttrust h2 {
  text-align: center;
  font-size: var(--fs-h2);
  color: var(--bg-blue);
  font-weight: 800;
}

.mgntrustWrapper .mgntrustHeader .abouttrust ul {
  width: 100%;
  display: grid;
  grid-gap: 32px;
  grid-template-columns: repeat(3, 1fr);
  margin: 16px 0 0 0;
}

@media (max-width: 560px) {
  .mgntrustWrapper .mgntrustHeader .abouttrust ul {
    grid-template-columns: repeat(1, 1fr);
  }
}

.mgntrustWrapper .mgntrustHeader .abouttrust ul li {
  width: 100%;
  border-radius: 8px;
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: 32px;
  padding: 32px;
  background-color: var(--bg-blue);
}

.mgntrustWrapper .mgntrustHeader .abouttrust ul li:hover {
  background-color: var(--bg-darkblue);
}

.mgntrustWrapper .mgntrustHeader .abouttrust ul li:hover span {
  background-color: var(--bg-blue);
}

.mgntrustWrapper .mgntrustHeader .abouttrust ul li span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 62px;
  aspect-ratio: 1 / 1;
  background-color: var(--bg-darkblue);
  border-radius: 50%;
}

.mgntrustWrapper .mgntrustHeader .abouttrust ul li span img {
  display: block;
  width: 24px;
}

.mgntrustWrapper .mgntrustHeader .abouttrust ul li .text {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 8px;
}

.mgntrustWrapper .mgntrustHeader .abouttrust ul li .text b {
  display: block;
  width: 100%;
  text-align: center;
  font-size: var(--fs-h4);
  text-transform: uppercase;
  color: var(--color-white);
}

.mgntrustWrapper .mgntrustHeader .abouttrust ul li .text p {
  text-align: center;
  font-size: var(--fs-body);
  color: var(--color-white);
}

.mgntrustWrapper .trustInt {
  width: 100%;
  padding: 72px 0;
  background-color: #EDFAFF;
}

.mgntrustWrapper .trustInt .trustIntInner {
  width: 100%;
  max-width: 1280px;
  padding: 0 24px;
  margin: 0 auto;
}

.mgntrustWrapper .trustInt .trustIntInner h2 {
  text-align: center;
  font-size: var(--fs-h3);
  color: var(--color-heading);
  font-weight: 800;
}

.mgntrustWrapper .trustInt .trustIntInner ul {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin: 48px 0 0 0;
  gap: 32px;
}

@media (max-width: 768px) {
  .mgntrustWrapper .trustInt .trustIntInner ul {
    grid-template-columns: repeat(1, 1fr);
  }
}

.mgntrustWrapper .trustInt .trustIntInner ul li {
  width: 100%;
}

.mgntrustWrapper .trustInt .trustIntInner ul li dl {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 32px;
}

.mgntrustWrapper .trustInt .trustIntInner ul li dl dt {
  width: 100%;
  text-align: left;
  font-size: var(--fs-body);
  color: var(--color-body);
  font-weight: 500;
  position: relative;
  padding: 0 0 0 36px;
}

.mgntrustWrapper .trustInt .trustIntInner ul li dl dt::before {
  content: '';
  height: 24px;
  width: 24px;
  background: url(../images/check-red.svg) no-repeat center;
  background-size: 24px;
  position: absolute;
  left: 0;
  top: 0;
}

footer {
  width: 100%;
  background-color: #831e03;
}

footer .footerInner {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 72px 24px;
}

footer .footerInner ul {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 200px;
}

@media (max-width: 1024px) {
  footer .footerInner ul {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 72px;
  }
}

@media (max-width: 560px) {
  footer .footerInner ul {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 48px;
  }
}

footer .footerInner ul li {
  width: 100%;
}

footer .footerInner ul li .logo {
  width: 100%;
  text-align: left;
}

footer .footerInner ul li .logo img {
  display: inline-block;
  width: 100%;
  max-width: 124px;
}

footer .footerInner ul li p {
  text-align: left;
  font-size: 14px;
  font-weight: 400;
  color: var(--color-white);
  margin: 16px 0 0 0;
  background: url(../images/location.svg) no-repeat left center;
  background-size: 20px;
  padding: 0 0 0 36px;
}

footer .footerInner ul li small {
  display: block;
  text-align: left;
  font-size: 14px;
  font-weight: 400;
  color: var(--color-white);
  margin: 16px 0 0 0;
  background: url(../images/phone.svg) no-repeat left center;
  background-size: 20px;
  padding: 0 0 0 36px;
}

footer .footerInner ul li i {
  display: block;
  font-style: normal;
  text-align: left;
  font-size: 14px;
  font-weight: 400;
  color: var(--color-white);
  margin: 16px 0 0 0;
  background: url(../images/email.svg) no-repeat left center;
  background-size: 20px;
  padding: 0 0 0 36px;
}

footer .footerInner ul li h2 {
  text-align: left;
  font-size: var(--fs-h4);
  font-weight: 600;
  color: var(--color-white);
}

footer .footerInner ul li .links {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 16px;
  margin: 32px 0 0 0;
}

footer .footerInner ul li .links a {
  display: block;
  width: 100%;
  text-align: left;
  font-size: 14px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.9);
}

footer .footerInner ul li .links a:hover {
  color: var(--color-yellow);
}

footer .footerInner ul li .socialLinks {
  width: 100%;
  margin: 32px 0 0 0;
  display: flex;
  align-items: center;
  gap: 8px;
}

footer .footerInner ul li .socialLinks a {
  display: block;
  width: 36px;
}

footer .footerInner ul li .socialLinks a img {
  display: block;
  width: 100%;
}

footer .footerInner ul li .subscribe {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 8px;
  margin: 28px 0 0 0;
}

footer .footerInner ul li .subscribe input[type=text] {
  display: block;
  width: 100%;
  height: 48px;
  border-radius: 6px;
  padding: 10px 16px;
  background-color: rgba(255, 255, 255, 0.1);
  border: none;
  font-size: 14px;
  font-weight: 300;
  color: #fff;
  font-family: var(--ff-inter);
}

footer .footerInner ul li .subscribe input[type=text]::placeholder {
  color: rgba(255, 255, 255, 0.58);
}

footer .footerInner ul li .subscribe input[type=text]:focus {
  outline: none;
}

footer .footerInner ul li .subscribe input[type=submit] {
  appearance: none;
  height: 48px;
  border-radius: 6px;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  color: var(--color-heading);
  font-family: var(--ff-inter);
  background-color: var(--color-yellow);
  border: none;
  cursor: pointer;
}

footer .footerInner ul li .subscribe input[type=submit]:hover {
  background-color: var(--bg-yellow);
}

footer .copyright {
  width: 100%;
  padding: 32px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
}

footer .copyright .copyrightInner {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 24px;
}

@media (max-width: 768px) {
  footer .copyright .copyrightInner {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 8px;
  }
}

footer .copyright .copyrightInner p {
  text-align: left;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.78);
}

footer .copyright .copyrightInner .link {
  width: auto;
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  color: var(--color-white);
}

@media (max-width: 768px) {
  footer .copyright .copyrightInner .link {
    flex-flow: row wrap;
    gap: 8px;
  }
}

footer .copyright .copyrightInner .link a {
  color: var(--color-yellow);
  margin: 0 0 0 4px;
}

footer .copyright .copyrightInner .link a:hover {
  color: var(--bg-seagreen);
}

footer .copyright .copyrightInner .link .gototop {
  width: auto;
  font-size: 14px;
  line-height: 42px;
  padding: 0 24px 0 48px;
  border-radius: 40px;
  background: url(../images/gototop.svg) no-repeat left 12px center rgba(255, 255, 255, 0.08);
  background-size: 24px;
  margin: 0 0 0 24px;
  color: #fff;
}

@media (max-width: 768px) {
  footer .copyright .copyrightInner .link .gototop {
    margin: 0;
  }
}

.contentWrapp {
  width: 100%;
  padding: 24px 0 72px 0;
}

.contentWrapp .content {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 24px;
}

.contentWrapp .content h2 {
  text-align: center;
  text-transform: uppercase;
  font-size: var(--fs-h1);
  color: var(--color-heading);
  margin: 0 0 16px 0;
  font-weight: 800;
}

.contentWrapp .content .photo {
  width: 100%;
  margin: 0 0 40px 0;
  align-items: center;
  text-align: center;
}

.contentWrapp .content .photo img {
  display: inline-block;
  width: 40%;
}

.contentWrapp .content p {
  text-align: left;
  font-size: var(--fs-body);
  color: var(--color-body);
  font-weight: 400;
  margin: 24px 0 0 0;
}

.contentWrapp .content p span {
  width: auto;
  font-size: 16px;
}

.contentWrapp .content .contentTable {
  width: 100%;
  margin: 24px 0 0 0;
}

.contentWrapp .content .contentTable div {
  width: 100% !important;
}

.contentWrapp .content .contentTable table {
  width: 100%;
  border-collapse: collapse;
}

.contentWrapp .content .contentTable table th {
  text-align: center;
  font-size: var(--fs-small);
  color: var(--color-heading);
  border: 1px solid #d0d0d0;
  padding: 8px 6px;
  background-color: #f2f2f2;
  font-weight: 600;
}

.contentWrapp .content .contentTable table td {
  text-align: center;
  font-size: var(--fs-small);
  color: var(--color-body);
  border: 1px solid #d0d0d0;
  padding: 8px 6px;
  background-color: #fff;
  font-weight: 400;
}

.aapWrapper {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
  background-color: var(--color-yellow);
  padding: 28px 24px;
}

.aapWrapper .aapWrappInner {
  width: auto;
  display: inline-flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  column-gap: 8px;
}

@media (max-width: 560px) {
  .aapWrapper .aapWrappInner {
    flex-flow: column;
    grid-gap: 8px;
  }
}

.aapWrapper .aapWrappInner b {
  display: inline-block;
  font-size: var(--fs-body);
  color: var(--color-heading);
  font-weight: 400;
  padding: 0 24px 0 0;
}

.aapWrapper .aapWrappInner b span {
  display: inline-block;
  color: #000;
  font-size: var(--fs-body);
  color: var(--color-heading);
  font-weight: 600;
}

@media (max-width: 560px) {
  .aapWrapper .aapWrappInner b {
    text-align: center;
  }
}

.aapWrapper .aapWrappInner a {
  display: inline-block;
  width: auto;
  height: 44px;
  border-radius: 8px;
  background-color: #000;
  font-size: 14px;
  font-weight: 400;
  line-height: 44px;
  color: #fff;
  text-align: center;
  padding: 0 24px 0 48px;
}

.aapWrapper .aapWrappInner a.android {
  background: url(../images/material-symbols_android.svg) no-repeat left 16px center var(--bg-green);
  background-size: 24px;
}

.aapWrapper .aapWrappInner a.ios {
  background: url(../images/ic_round-apple.svg) no-repeat left 16px center #000;
  background-size: 24px;
}

.docWrapp {
  width: 100%;
  padding: 24px 0 72px 0;
}

.docWrapp .docCon {
  width: 100%;
  max-width: 1280px;
  padding: 0 24px;
  margin: 0 auto;
  box-sizing: border-box;
}

.docWrapp .docCon h2 {
  text-align: left;
  text-transform: uppercase;
  font-weight: 700;
  font-size: var(--fs-h1);
  color: var(--color-heading);
  color: #000;
}

.docWrapp .docCon table {
  width: 100%;
  border-collapse: collapse;
  margin: 24px 0 32px 0;
}

.docWrapp .docCon table tbody {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 36px;
}

.docWrapp .docCon table tbody tr {
  display: block;
  width: 100%;
}

.docWrapp .docCon table tbody tr td {
  display: block;
  width: 100%;
}

.docWrapp .docCon table tbody tr td h3 {
  text-align: left;
  font-weight: 700;
  font-size: var(--fs-h4);
  color: var(--color-heading);
}

.docWrapp .docCon table tbody tr td table {
  width: 100%;
  border-collapse: collapse;
  margin: 16px 0 0 0;
}

.docWrapp .docCon table tbody tr td table tbody {
  width: 100%;
  display: grid;
  grid-gap: 24px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

@media (max-width: 1024px) {
  .docWrapp .docCon table tbody tr td table tbody {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 768px) {
  .docWrapp .docCon table tbody tr td table tbody {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 560px) {
  .docWrapp .docCon table tbody tr td table tbody {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

.docWrapp .docCon table tbody tr td table tbody tr {
  display: block;
  width: 100%;
}

.docWrapp .docCon table tbody tr td table tbody tr td {
  display: block;
  width: 100%;
}

.docWrapp .docCon table tbody tr td table tbody tr td .doc {
  width: 100%;
}

.docWrapp .docCon table tbody tr td table tbody tr td .doc a {
  display: block;
  width: 100%;
  border: 1px solid #e0e0e0;
}

.docWrapp .docCon table tbody tr td table tbody tr td .doc a:hover {
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

.docWrapp .docCon table tbody tr td table tbody tr td .doc a span {
  height: 148px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #e0e0e0;
}

.docWrapp .docCon table tbody tr td table tbody tr td .doc a span.pdf {
  background-color: #FFF7E4;
}

.docWrapp .docCon table tbody tr td table tbody tr td .doc a span.excel {
  background-color: #D6FFE3;
}

.docWrapp .docCon table tbody tr td table tbody tr td .doc a span.xls {
  background-color: #E9F0FF;
}

.docWrapp .docCon table tbody tr td table tbody tr td .doc a span.ppt {
  background-color: #FADFFF;
}

.docWrapp .docCon table tbody tr td table tbody tr td .doc a span img {
  display: block;
  width: 100%;
  max-width: 62px;
}

.docWrapp .docCon table tbody tr td table tbody tr td .doc a b {
  display: block;
  text-align: left;
  font-size: var(--fs-body);
  color: var(--color-heading);
  font-weight: 500;
  padding: 16px 20px;
  box-sizing: border-box;
  word-break: break-word;
}

.photoGalleryWrapper {
  width: 100%;
  background-color: #F7F3EB;
  padding: 72px 0;
}

.photoGalleryWrapper .photogalleryInner {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 24px;
}

.photoGalleryWrapper .photogalleryInner .heading {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media (max-width: 560px) {
  .photoGalleryWrapper .photogalleryInner .heading {
    flex-flow: column;
  }
}

.photoGalleryWrapper .photogalleryInner .heading li {
  width: auto;
}

@media (max-width: 560px) {
  .photoGalleryWrapper .photogalleryInner .heading li {
    width: 100%;
    text-align: left;
  }
}

.photoGalleryWrapper .photogalleryInner .heading li h2 {
  text-align: left;
  font-size: var(--fs-h2);
  font-weight: 700;
  color: var(--color-heading);
  position: relative;
  z-index: 10;
}

@media (max-width: 560px) {
  .photoGalleryWrapper .photogalleryInner .heading li h2 {
    white-space: nowrap;
  }
}

.photoGalleryWrapper .photogalleryInner .heading li a {
  display: inline-block;
  text-align: center;
  font-size: 14px;
  line-height: 48px;
  font-weight: 400;
  color: #fff;
  padding: 0 40px;
  background-color: #F96E3B;
}

@media (max-width: 560px) {
  .photoGalleryWrapper .photogalleryInner .heading li a {
    margin: 20px 0 0 0;
    width: 100%;
  }
}

.photoGalleryWrapper .photogalleryInner .heading li a:hover {
  background-color: #145364;
}

.photoGalleryWrapper .photogalleryInner .gallery {
  width: 100%;
  margin: 48px 0 0 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 16px;
}

@media (max-width: 1024px) {
  .photoGalleryWrapper .photogalleryInner .gallery {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 768px) {
  .photoGalleryWrapper .photogalleryInner .gallery {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 560px) {
  .photoGalleryWrapper .photogalleryInner .gallery {
    grid-template-columns: repeat(1, 1fr);
  }
}

.photoGalleryWrapper .photogalleryInner .gallery .photo_gallery_box {
  width: 100%;
}

.photoGalleryWrapper .photogalleryInner .gallery .photo_gallery_box a {
  display: block;
  width: 100%;
  padding: 14px;
  background-color: #fff;
  transition: .3s ease;
}

.photoGalleryWrapper .photogalleryInner .gallery .photo_gallery_box a:hover span img {
  transform: scale(1.25);
  transition: .3s ease;
}

.photoGalleryWrapper .photogalleryInner .gallery .photo_gallery_box a span {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
}

.photoGalleryWrapper .photogalleryInner .gallery .photo_gallery_box a span img {
  display: block;
  width: 100%;
  object-fit: cover;
  transition: .3s ease;
  height: 100%;
}

.photoGalleryWrapper .photogalleryInner .gallery .photo_gallery_box a b {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  color: #212832;
  padding: 1rem 0 .25rem 0;
}

.contactWrapp {
  width: 100%;
  padding: 24px 0 72px 0;
}

.contactWrapp .contactCon {
  width: 100%;
  max-width: 1280px;
  padding: 0 24px;
  margin: 0 auto;
  box-sizing: border-box;
}

.contactWrapp .contactCon h2 {
  text-align: left;
  text-transform: uppercase;
  font-size: var(--fs-h2);
  font-weight: 700;
  color: var(--color-heading);
}

.contactWrapp .contactCon ul {
  width: 100%;
  margin: 32px 0;
  display: grid;
  grid-gap: 24px;
  grid-template-columns: repeat(3, 1fr);
}

@media (max-width: 768px) {
  .contactWrapp .contactCon ul {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 560px) {
  .contactWrapp .contactCon ul {
    grid-template-columns: repeat(1, 1fr);
  }
}

.contactWrapp .contactCon ul li {
  width: 100%;
  background-color: #FFF8EB;
  display: flex;
  flex-flow: column;
  align-items: center;
  padding: 0 0 36px 0;
}

.contactWrapp .contactCon ul li.phone {
  background-color: #EBF7FF;
}

.contactWrapp .contactCon ul li.phone span {
  background: url(../images/phone2.svg) no-repeat center bottom 40px #0099FF;
  background-size: 66px;
}

.contactWrapp .contactCon ul li.email {
  background-color: #F9ECFF;
}

.contactWrapp .contactCon ul li.email span {
  background: url(../images/email2.svg) no-repeat center bottom 40px #BC1CFF;
  background-size: 66px;
}

.contactWrapp .contactCon ul li span {
  display: block;
  width: 200px;
  background: url(../images/address.svg) no-repeat center bottom 40px #FDBB43;
  background-size: 66px;
  border-radius: 0 0 120px 120px;
  padding: 124px 0 24px 0;
}

.contactWrapp .contactCon ul li b {
  display: block;
  width: 100%;
  text-align: center;
  font-size: var(--fs-h4);
  color: var(--color-heading);
  font-weight: 500;
  text-transform: uppercase;
  margin: 24px 0 12px 0;
}

.contactWrapp .contactCon ul li p {
  text-align: center;
  font-size: var(--fs-body);
  color: var(--color-heading);
}

.contactWrapp .contactCon .message {
  width: 100%;
  max-width: 850px;
  margin: 62px auto 0 auto;
}

.contactWrapp .contactCon .message h2 {
  text-align: center;
  font-size: var(--fs-h1);
  font-weight: 700;
  color: var(--color-heading);
}

.contactWrapp .contactCon .message small {
  display: block;
  width: 100%;
  text-align: center;
  font-size: var(--fs-body);
  color: var(--color-body);
  margin: 8px 0 0 0;
}

.contactWrapp .contactCon .message dl {
  width: 100%;
  margin: 32px 0 0 0;
  display: grid;
  grid-gap: 24px;
  grid-template-columns: repeat(2, 1fr);
}

@media (max-width: 560px) {
  .contactWrapp .contactCon .message dl {
    grid-template-columns: repeat(1, 1fr);
  }
}

.contactWrapp .contactCon .message dl dt {
  width: 100%;
}

.contactWrapp .contactCon .message dl dt label {
  display: block;
  width: 100%;
  text-align: left;
  font-size: var(--fs-body);
  color: var(--color-body);
  margin: 0 0 8px 0;
}

.contactWrapp .contactCon .message dl dt input[type=text] {
  display: block;
  width: 100%;
  height: 56px;
  padding: 8px;
  box-sizing: border-box;
  border: 1px solid #D0D0D0;
  font-family: var(--ff-inter);
  font-size: var(--fs-body);
  color: var(--color-heading);
}

.contactWrapp .contactCon .message dl dt input[type=text]:focus {
  outline: none;
  border-color: #a0a0a0;
}

.contactWrapp .contactCon .message .msg {
  display: block;
  width: 100%;
  margin: 24px 0 0 0;
}

.contactWrapp .contactCon .message .msg label {
  display: block;
  width: 100%;
  text-align: left;
  font-size: var(--fs-body);
  color: var(--color-body);
  margin: 0 0 8px 0;
}

.contactWrapp .contactCon .message .msg textarea {
  display: block;
  width: 100%;
  height: 124px;
  padding: 8px;
  box-sizing: border-box;
  border: 1px solid #D0D0D0;
  font-family: var(--ff-inter);
  font-size: var(--fs-body);
  color: var(--color-heading);
}

.contactWrapp .contactCon .message .msg textarea:focus {
  outline: none;
  border-color: #a0a0a0;
}

.contactWrapp .contactCon .message .button {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  margin: 48px 0 0 0;
}

.contactWrapp .contactCon .message .button input[type=submit] {
  height: 56px;
  width: 100%;
  max-width: 220px;
  text-align: center;
  display: block;
  border: none;
  color: #fff;
  text-transform: uppercase;
  background-color: var(--bg-skyblue);
  cursor: pointer;
  font-family: var(--ff-inter);
  font-size: var(--fs-body);
  font-weight: 400;
}

.contactWrapp .contactCon .message .button input[type=submit]:hover {
  background-color: var(--bg-blue);
}

.aboutWrapp {
  width: 100%;
  padding: 24px 0 72px 0;
}

.aboutWrapp .aboutus {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 24px;
}

.aboutWrapp .aboutus h2 {
  text-align: left;
  font-size: var(--fs-h1);
  font-weight: 700;
  color: var(--color-heading);
}

@media (max-width: 768px) {
  .aboutWrapp .aboutus h2 {
    text-align: center;
  }
}

.aboutWrapp .aboutus .photo {
  width: 100%;
  margin: 0 0 40px 0;
}

.aboutWrapp .aboutus .photo img {
  display: block;
  width: 100%;
}

.aboutWrapp .aboutus p {
  text-align: left;
  font-size: var(--fs-body) !important;
  font-weight: 400;
  color: var(--color-body);
  margin: 24px 0 0 0;
}

.aboutWrapp .aboutus div {
  font-size: var(--fs-body) !important;
  font-weight: 400;
  color: var(--color-body) !important;
  font-family: var(--ff-inter) !important;
}

.aboutWrapp .aboutus div span {
  font-size: var(--fs-body) !important;
  font-weight: 400;
  color: var(--color-body) !important;
  font-family: var(--ff-inter) !important;
}

.aboutWrapp .aboutus .share {
  height: auto;
  width: 100%;
  margin-top: 60px;
}

.aboutWrapp .aboutus .share h4 {
  text-align: left;
  font-size: var(--fs-body);
  font-weight: 600;
  color: var(--color-heading);
  text-transform: uppercase;
}

.aboutWrapp .aboutus .share .share_infra {
  height: auto;
  width: 100%;
  margin-top: 15px;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}

.aboutWrapp .aboutus .share .share_infra a {
  height: 30px;
  width: 30px;
  display: block;
  margin-right: 2px;
  border-radius: 2px;
  background: url(../images/share_links.png) no-repeat #ddd;
  font-size: 0px;
}

.aboutWrapp .aboutus .share .share_infra a.face {
  background-position: 0 0;
}

.aboutWrapp .aboutus .share .share_infra a.twi {
  background-position: -32px 0;
}

.aboutWrapp .aboutus .share .share_infra a.in {
  background-position: -64px 0;
}

.aboutWrapp .aboutus .share .share_infra a.wapp {
  background-position: -96px 0;
}

/************ Menu Top *********/
.menutopnav {
  background-color: transparent;
}

@media (max-width: 1024px) {
  .menutopnav {
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 9999;
    transform: translateX(150%);
    transition: transform 450ms ease-out;
    background-color: #202020;
    box-shadow: -24px 0 24px 12px rgba(0, 0, 0, 0.08);
    left: 0;
    top: 0;
    padding: 48px 24px;
    overflow-y: auto;
  }

  .menutopnav[data-visible="true"] {
    transform: translateX(0);
  }
}

.menutopnav .closeNav {
  display: none;
  width: 42px;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  background: url(../images/close-btn.svg) no-repeat center transparent;
  background-size: 24px;
  border: none;
  font-size: 0;
  cursor: pointer;
  position: absolute;
  right: 8px;
  top: 8px;
  opacity: .7;
}

.menutopnav .closeNav:hover {
  opacity: 1;
}

@media (max-width: 1024px) {
  .menutopnav .closeNav {
    display: block;
  }
}

@media (max-width: 1024px) {
  .mtree-demo {
    width: 100%;
  }
}

ul.mtree {
  opacity: 0;
  margin-left: 0;
  display: flex;
  align-items: center;
  gap: 16px;
  position: relative;
}

@media (max-width: 1280px) {
  ul.mtree {
    gap: unset;
  }
}

@media (max-width: 1024px) {
  ul.mtree {
    display: unset;
    position: unset;
    width: 100%;
  }
}

ul.mtree ul {
  margin-left: 1em;
  position: absolute;
}

@media (max-width: 1024px) {
  ul.mtree ul {
    position: unset;
    width: 100%;
  }
}

ul.mtree li {
  list-style: none;
}

ul.mtree li.otlinks {
  display: none;
}

@media (max-width: 1024px) {
  ul.mtree li.otlinks {
    display: unset;
  }
}

ul.mtree a {
  display: block;
  font-family: var(--ff-inter);
  font-weight: 500;
  font-size: 14px;
}

ul.mtree li.mtree-node>a {
  font-family: var(--ff-inter);
  font-weight: 500;
  font-size: 14px;
}

ul.mtree a {
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}

ul.mtree.transit {
  background: transparent;
}

@media (max-width: 1024px) {
  ul.mtree.transit {
    background: #202020;
  }
}

ul.mtree.transit ul {
  margin-left: 0;
  width: 200px;
  border-radius: 8px;
  background-color: #202020;
}

@media (max-width: 1024px) {
  ul.mtree.transit ul {
    background-color: unset;
    width: unset;
    border-radius: unset;
  }
}

ul.mtree.transit ul>li {
  font-size: .9em;
}

ul.mtree.transit li.mtree-node {
  position: relative;
}

ul.mtree.transit li.mtree-node>a:before {
  color: #202020;
  font-weight: normal;
  position: absolute;
  right: 12px;
}

@media (max-width: 1024px) {
  ul.mtree.transit li.mtree-node>a:before {
    color: #ccc;
  }
}

ul.mtree.transit li.mtree-node>ul>li>a:before {
  color: #fff;
}

@media (max-width: 1024px) {
  ul.mtree.transit li.mtree-node>ul>li>a:before {
    color: unset;
  }
}

ul.mtree.transit li.mtree-open>a:before {
  content: '-';
}

ul.mtree.transit li.mtree-closed>a:before {
  content: '+';
}

ul.mtree.transit ul>li:first-child {
  margin-top: 1px;
}

ul.mtree.transit ul.ll {
  right: 0;
}

ul.mtree.transit li.mtree-open>a {
  background: transparent;
}

@media (max-width: 1024px) {
  ul.mtree.transit li.mtree-open>a {
    color: #ccc;
    background-color: #333;
  }
}

ul.mtree.transit li>a:hover,
ul.mtree.transit li.mtree-active>a {
  background: transparent;
  color: #202020;
}

@media (max-width: 1024px) {

  ul.mtree.transit li>a:hover,
  ul.mtree.transit li.mtree-active>a {
    background-color: #333;
    color: #fff;
  }
}

ul.mtree.transit li.mtree-node>ul>li:last-child {
  margin-bottom: .5em;
  padding-bottom: .5em;
}

@media (max-width: 1024px) {
  ul.mtree.transit li.mtree-node>ul>li:last-child {
    border-bottom: 1px solid #444;
  }
}

ul.mtree.transit li.mtree-node:last-child>ul>li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

ul.mtree.transit a {
  padding: 12px 32px 12px 12px;
  color: #202020;
}

@media (max-width: 1024px) {
  ul.mtree.transit a {
    color: #ccc;
  }
}

ul.mtree.transit li li>a {
  padding-left: 1.6em;
  color: rgba(255, 255, 255, 0.7);
  font-family: var(--ff-inter);
  font-weight: 400;
  font-size: 13px;
}

@media (max-width: 1024px) {
  ul.mtree.transit li li>a {
    color: #ccc;
  }
}

ul.mtree.transit li li>a:hover {
  color: #fff;
}

ul.mtree.transit li ul li ul {
  position: relative;
}

ul.mtree.transit li li.mtree-active>a {
  color: #fff;
}

ul.mtree.transit li li li>a {
  padding-left: 2.4em;
}

ul.mtree.transit li li li li>a {
  padding-left: 3.2em;
}

ul.mtree.transit li li li li li>a {
  padding-left: 4em;
}

/**** POPUp ****/
.simplePopupWrap {
  position: fixed;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.78);
  z-index: 9999;
}

.simplePopupWrap .simplePopup {
  position: fixed;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  box-sizing: border-box;
  overflow: hidden;
}

.simplePopupWrap .simplePopup .simplePopup_outer {
  width: 100%;
  max-width: 440px;
  max-height: 100%;
  position: relative;
}

.simplePopupWrap .simplePopup .simplePopup_outer .closepopup {
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: url(../../images/close_black.svg) no-repeat center #F05555;
  background-size: 22px;
  position: absolute;
  top: -12px;
  right: -12px;
  font-size: 0;
  z-index: 99;
}

.simplePopupWrap .simplePopup .simplePopup_outer .closepopup:hover {
  background-color: red;
}

.simplePopupWrap .simplePopup .simplePopup_outer .simplePopup_inner {
  width: 100%;
  padding: 16px;
  box-sizing: border-box;
  background-color: #fff;
  overflow-y: auto;
  max-height: 80vh;
}

.simplePopupWrap .simplePopup .simplePopup_outer .simplePopup_inner img {
  display: block;
  width: 100%;
}

.achievementWrapper {
  width: 100%;
  padding: 62px 0;
  background-color: #F3F9F9;
}

.achievementWrapper .achievementInner {
  width: 100%;
  max-width: 1280px;
  padding: 0 24px;
  margin: 0 auto;
  display: flex;
  flex-flow: column;
  gap: 48px;
}

.achievementWrapper .achievementInner h1 {
  text-align: center;
  font-size: var(--fs-h1);
  font-weight: 700;
  color: var(--color-heading);
}

.achievementWrapper .achievementInner .achievementContainer {
  width: 100%;
}

.achievementWrapper .achievementInner .achievementContainer ul {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-gap: 24px;
}

@media (max-width: 768px) {
  .achievementWrapper .achievementInner .achievementContainer ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 560px) {
  .achievementWrapper .achievementInner .achievementContainer ul {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

.achievementWrapper .achievementInner .achievementContainer ul li {
  width: 100%;
}

.achievementWrapper .achievementInner .achievementContainer ul li a {
  width: 100%;
  background-color: #fff;
  border-radius: 8px;
  display: flex;
  flex-flow: column;
  gap: 16px;
  padding: 0 0 20px 0;
  overflow: hidden;
  box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.1);
}

.achievementWrapper .achievementInner .achievementContainer ul li a:hover {
  box-shadow: 0 16px 32px -8px rgba(0, 0, 0, 0.2);
}

.achievementWrapper .achievementInner .achievementContainer ul li a:hover span {
  background: url(../images/arrow-right.svg) no-repeat left 110px center;
  background-size: 20px;
  transition: .25s ease;
}

.achievementWrapper .achievementInner .achievementContainer ul li a:hover .photo img {
  transform: scale(1.1);
  transition: .25s ease;
}

.achievementWrapper .achievementInner .achievementContainer ul li a .photo {
  width: 100%;
  aspect-ratio: 4 / 3;
  background-color: #202020;
  overflow: hidden;
}

.achievementWrapper .achievementInner .achievementContainer ul li a .photo img {
  display: block;
  width: 100%;
  transform: scale(1);
  transition: .25s ease;
}

.achievementWrapper .achievementInner .achievementContainer ul li a p {
  text-align: left;
  font-size: var(--fs-body);
  color: #303033;
  padding: 0 20px;
}

.achievementWrapper .achievementInner .achievementContainer ul li a span {
  display: block;
  width: 100%;
  text-align: left;
  font-size: var(---fs-small);
  font-weight: 600;
  color: #008b35;
  text-transform: uppercase;
  padding: 0 20px;
  background: url(../images/arrow-right.svg) no-repeat left 98px center;
  background-size: 20px;
  transition: .25s ease;
}

.schoolAppWrapper {
  width: 100%;
  background-color: #FFFDFC;
}

.schoolAppWrapper .schoolAppwrapp {
  width: 100%;
  max-width: 1280px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: center;
  margin: 0 auto;
  padding: 72px 0 0 24px;
}

@media (max-width: 560px) {
  .schoolAppWrapper .schoolAppwrapp {
    padding: 24px 0 0 24px;
    grid-template-columns: repeat(1, 1fr);
  }
}

.schoolAppWrapper .schoolAppwrapp .appText {
  width: auto;
  display: inline-flex;
  flex-flow: column;
  align-items: center;
  gap: 40px;
  padding: 0 0 62px 0;
}

@media (max-width: 560px) {
  .schoolAppWrapper .schoolAppwrapp .appText {
    padding: 0 24px 62px 0;
  }
}

.schoolAppWrapper .schoolAppwrapp .appText .introd {
  width: auto;
  display: inline-flex;
  flex-flow: column;
  align-items: center;
}

.schoolAppWrapper .schoolAppwrapp .appText .introd h1 {
  text-align: center;
  font: 400 78px "dk_au_revoirregular", serif;
  color: #202020;
}

.schoolAppWrapper .schoolAppwrapp .appText .introd b {
  display: inline-block;
  width: auto;
  text-align: center;
  font-size: var(--fs-h3);
  font-weight: 700;
  color: #202020;
}

.schoolAppWrapper .schoolAppwrapp .appText .unified {
  width: auto;
  display: inline-flex;
  flex-flow: column;
  gap: 16px;
}

.schoolAppWrapper .schoolAppwrapp .appText .unified b {
  display: inline-block;
  width: auto;
  text-align: center;
  font-size: var(--fs-h4);
  font-weight: 700;
  color: #EA4F23;
}

.schoolAppWrapper .schoolAppwrapp .appText .unified .edusecurelogo {
  width: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.schoolAppWrapper .schoolAppwrapp .appText .unified .edusecurelogo img {
  display: block;
  width: 100%;
  max-width: 248px;
}

.schoolAppWrapper .schoolAppwrapp .appText .code {
  width: auto;
  display: inline-block;
  font-size: var(--fs-body);
  font-weight: 600;
  color: #fff;
  background-color: #EA4F23;
  padding: 12px 32px;
  border-radius: 4px 24px 4px 24px;
}

.schoolAppWrapper .schoolAppwrapp .appText .appStore {
  width: auto;
  display: inline-flex;
  align-items: center;
  gap: 24px;
}

@media (max-width: 560px) {
  .schoolAppWrapper .schoolAppwrapp .appText .appStore {
    gap: 16px;
  }
}

.schoolAppWrapper .schoolAppwrapp .appText .appStore a {
  display: inline-block;
  width: auto;
}

.schoolAppWrapper .schoolAppwrapp .appText .appStore a img {
  display: block;
  width: 100%;
  max-width: 200px;
}

.schoolAppWrapper .schoolAppwrapp .appPhoto {
  width: 100%;
  background: url(../images/mobilebg.svg) no-repeat right bottom;
  background-size: 100%;
}

.schoolAppWrapper .schoolAppwrapp .appPhoto img {
  display: block;
  width: 100%;
}

.appfeatures {
  width: 100%;
  padding: 62px 0;
  background-color: #3e4095;
}

.appfeatures .appfeaturesInner {
  width: 100%;
  max-width: 1280px;
  padding: 0 24px;
  margin: 0 auto;
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: 48px;
}

.appfeatures .appfeaturesInner h1 {
  text-align: center;
  font-size: var(--fs-h2);
  font-weight: 700;
  color: #fff;
  padding: 0 148px;
}

@media (max-width: 768px) {
  .appfeatures .appfeaturesInner h1 {
    padding: 0 48px;
  }
}

@media (max-width: 560px) {
  .appfeatures .appfeaturesInner h1 {
    padding: 0;
  }
}

.appfeatures .appfeaturesInner .featuresCon {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  align-items: flex-start;
  grid-gap: 20px;
}

@media (max-width: 768px) {
  .appfeatures .appfeaturesInner .featuresCon {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 560px) {
  .appfeatures .appfeaturesInner .featuresCon {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.appfeatures .appfeaturesInner .featuresCon .featureCC {
  width: 100%;
  height: 100%;
  min-height: 204px;
  display: flex;
  flex-flow: column;
  gap: 32px;
  padding: 48px 24px 24px 24px;
  background-color: #fff;
  border-radius: 16px;
}

.appfeatures .appfeaturesInner .featuresCon .featureCC span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.appfeatures .appfeaturesInner .featuresCon .featureCC span img {
  display: block;
  width: 100%;
  max-width: 48px;
}

@media (max-width: 560px) {
  .appfeatures .appfeaturesInner .featuresCon .featureCC span img {
    max-width: 36px;
  }
}

.appfeatures .appfeaturesInner .featuresCon .featureCC b {
  display: block;
  width: 100%;
  text-align: center;
  font-size: var(--fs-body);
  font-weight: 400;
  color: #202020;
}

@media (max-width: 560px) {
  .appfeatures .appfeaturesInner .featuresCon .featureCC b {
    font-size: 14px;
  }
}