@charset "UTF-8";

* {
  padding: 0px;
  margin: 0px;
  border: 0px;
}

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

html,
body {
  height: 100%;
  min-width: 320px;
  scroll-behavior: smooth;
}

body {
  color: #002C70;
  line-height: 1;
  font-family: "Noto Sans", sans-serif;
  font-size: 1rem;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

input,
button,
textarea {
  font-family: "Noto Sans", sans-serif;
  font-size: inherit;
}

button {
  cursor: pointer;
  color: inherit;
  background-color: transparent;
}

a {
  color: inherit;
  text-decoration: none;
}

ul li {
  list-style: none;
}

img {
  vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
  font-size: inherit;
}

body {
  background: #F5F5F5;
}

.lock body {
  overflow: hidden;
  -ms-touch-action: none;
      touch-action: none;
  -ms-scroll-chaining: none;
      overscroll-behavior: none;
}

.wrapper {
  min-height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
}

@supports (overflow: clip) {
  .wrapper {
    overflow: clip;
  }
}

.wrapper > main {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.wrapper > * {
  min-width: 0;
}

/*
(i) Стилі будуть застосовуватись до
всіх класів, що містять *__container
Наприклад header__container, main__container і т.п.
Сніппет (HTML): cnt
*/

[class*=__container] {
  max-width: 80.875rem;
  margin: 0 auto;
  padding: 0 0.9375rem;
}

.form__error {
  color: #dc3545;
}

[class*=-ibg] {
  position: relative;
}

[class*=-ibg] img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
}

[class*=-ibg_contain] img {
  -o-object-fit: contain;
     object-fit: contain;
}

.section-title {
  text-align: center;
}

.section-title__text {
  font-weight: 700;
  text-transform: uppercase;
  line-height: 137%;
  letter-spacing: 0.015em;
  background: -o-radial-gradient(10% 26.47%, 98.82% 876.04%, #D000BB 0%, #FF9431 59.38%, #FF3C3C 91.98%);
  background: radial-gradient(98.82% 876.04% at 10% 26.47%, #D000BB 0%, #FF9431 59.38%, #FF3C3C 91.98%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  position: relative;
  text-align: center;
  padding: 0 1.375rem;
  display: inline-block;
}

.section-title__text::before,
.section-title__text::after {
  content: "";
  width: 100%;
  max-width: 4.5rem;
  position: absolute;
  height: 2px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background: -o-radial-gradient(10% 26.47%, 98.82% 876.04%, #D000BB 0%, #FF9431 59.38%, #FF3C3C 91.98%);
  background: radial-gradient(98.82% 876.04% at 10% 26.47%, #D000BB 0%, #FF9431 59.38%, #FF3C3C 91.98%);
}

.section-title__text::before {
  left: calc((4.5rem + 1.375rem) * -1);
}

.section-title__text::after {
  right: calc((4.5rem + 1.375rem) * -1);
}

.section-subtitle {
  font-weight: 500;
  line-height: 133%;
  color: #1F529F;
}

.gradient-text,
.form-contact-us__label,
.campus-list__bage,
.campus-list__title,
.timeline__item,
.showcase-text-block__title,
.showcase-card__name {
  background: -o-radial-gradient(10% 26.47%, 98.82% 876.04%, #D000BB 0%, #FF9431 59.38%, #FF3C3C 91.98%);
  background: radial-gradient(98.82% 876.04% at 10% 26.47%, #D000BB 0%, #FF9431 59.38%, #FF3C3C 91.98%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.radial-gradient,
.form-contact-us__submit-btn,
.price-item__icon,
.gradient-desc-list,
.schedule-block__header,
.footer,
.form-page .header,
.header_static {
  background: -o-radial-gradient(10% 26.47%, 98.82% 876.04%, #D000BB 0%, #FF9431 59.38%, #FF3C3C 91.98%);
  background: radial-gradient(98.82% 876.04% at 10% 26.47%, #D000BB 0%, #FF9431 59.38%, #FF3C3C 91.98%);
}

.yellow-circle {
  width: 22.4375rem;
  height: 22.4375rem;
  position: absolute;
  z-index: 9;
}

.yellow-circle__inner {
  width: 50%;
  height: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
      -ms-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
  border: 1px solid rgba(210, 5, 182, 0.15);
  border-radius: 50%;
}

.yellow-circle__inner::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background: #F3DB00;
  -webkit-filter: blur(107.5px);
          filter: blur(107.5px);
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
      -ms-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
}

.yellow-circle::before,
.yellow-circle::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
      -ms-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
  border: 1px solid rgba(210, 5, 182, 0.15);
  border-radius: 50%;
}

.yellow-circle::before {
  width: 73.2%;
  height: 73.2%;
}

.yellow-circle::after {
  width: 100%;
  height: 100%;
}

.blue-bg-circle {
  width: 22.4375rem;
  height: 22.4375rem;
  position: absolute;
  z-index: 9;
}

.blue-bg-circle__inner {
  width: 50%;
  height: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
      -ms-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
  border: 1px solid rgba(31, 82, 159, 0.3);
  border-radius: 50%;
}

.blue-bg-circle::before,
.blue-bg-circle::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
      -ms-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
  border: 1px solid rgba(31, 82, 159, 0.3);
  border-radius: 50%;
}

.blue-bg-circle::before {
  width: 73.2%;
  height: 73.2%;
}

.blue-bg-circle::after {
  width: 100%;
  height: 100%;
}

iframe {
  height: 100vh;
  width: 100%;
}

.header {
  padding: 1rem 0;
}

.home-page .header {
  position: absolute;
  z-index: 99;
  width: 100%;
}

.header_static {
  position: relative;
}

.form-page .header {
  position: relative;
}

.header__logo img {
  height: auto;
}

.header__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 1rem;
     -moz-column-gap: 1rem;
          column-gap: 1rem;
}

.menu__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 9;
}

.menu__list > li {
  position: relative;
  padding: 0.625rem 0;
}

.menu__list > li:last-child .menu__sub-list {
  left: initial;
  right: 0;
}

.menu__sub-list {
  left: 0;
  padding: 0.9375rem;
}

.menu__sub-list li {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.1875rem;
  text-transform: uppercase;
  color: #FFFFFF;
}

.menu__sub-list li:not(:last-child) {
  margin-bottom: 0.9375rem;
}

.menu__item .spollers__title {
  position: relative;
  cursor: pointer;
  padding-right: 1.25rem;
}

.menu__item .spollers__title::before,
.menu__item .spollers__title::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0.5625rem;
  height: 0.0625rem;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 0.375rem;
  background-color: #fff;
}

.menu__item .spollers__title::before {
  -webkit-transform: rotate(40deg);
      -ms-transform: rotate(40deg);
          transform: rotate(40deg);
  right: 0.25rem;
}

.menu__item .spollers__title::after {
  -webkit-transform: rotate(-40deg);
      -ms-transform: rotate(-40deg);
          transform: rotate(-40deg);
}

.menu__item .spollers__title._spoller-active::before {
  -webkit-transform: rotate(-40deg);
      -ms-transform: rotate(-40deg);
          transform: rotate(-40deg);
}

.menu__item .spollers__title._spoller-active::after {
  -webkit-transform: rotate(40deg);
      -ms-transform: rotate(40deg);
          transform: rotate(40deg);
}

.menu__item .spollers__body {
  padding: 0.9375rem 0 0 0.9375rem;
}

.menu__item .spollers__body li:not(:last-child) {
  margin-bottom: 0.3125rem;
}

.menu__link {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.1875rem;
  color: #F5F5F5;
}

.icon-menu {
  display: none;
}

.menu-open .menu__body {
  left: 0;
}

.menu-open .menu__body::before {
  left: 0;
}

.touch .menu__item._active .menu__sub-list {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(0px, 0px);
      -ms-transform: translate(0px, 0px);
          transform: translate(0px, 0px);
  pointer-events: all;
}

.touch .menu__link {
  position: relative;
}

.touch .menu__link_arrow::after {
  position: absolute;
  right: -0.875rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 0;
  height: 0;
  margin: 0px 0px 0px 4px;
  -webkit-transition: -webkit-transform 0.3s ease 0s;
  transition: -webkit-transform 0.3s ease 0s;
  -o-transition: transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 8px solid #fff;
}

.footer__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 1rem;
     -moz-column-gap: 1rem;
          column-gap: 1rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.footer__logo {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  position: relative;
}

.footer__nav {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.footer__nav .menu__list {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.footer__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 1rem;
     -moz-column-gap: 1rem;
          column-gap: 1rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  row-gap: 1rem;
}

.footer__bottom p {
  line-height: 133%;
  color: #ffffff;
}

.footer__bottom p:not(:last-child) {
  margin-bottom: 0.625rem;
}

.footer__bottom div {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.footer__bottom div:nth-child(2) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.footer__bottom div:nth-child(2) p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 1rem;
     -moz-column-gap: 1rem;
          column-gap: 1rem;
}

.footer__bottom .copy {
  text-transform: capitalize;
}

.footer__back-to-up {
  display: block;
  position: fixed;
  bottom: 0.625rem;
  right: 0.625rem;
  z-index: 999;
  width: 3.125rem;
  height: 3.125rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 3.125rem;
          flex: 0 0 3.125rem;
  background: -o-radial-gradient(10% 26.47%, 98.82% 876.04%, #d000bb 0%, #ff9431 59.38%, #ff3c3c 91.98%);
  background: radial-gradient(98.82% 876.04% at 10% 26.47%, #d000bb 0%, #ff9431 59.38%, #ff3c3c 91.98%);
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.footer__back-to-up svg {
  fill: #d9d9d9;
  width: 1.875rem;
  height: 1.875rem;
}

.footer__back-to-up.d-none {
  display: none;
}

.main-banner {
  position: relative;
  background: -o-radial-gradient(10% 26.47%, 98.82% 876.04%, #D000BB 0%, #FF9431 59.38%, #FF3C3C 91.98%);
  background: radial-gradient(98.82% 876.04% at 10% 26.47%, #D000BB 0%, #FF9431 59.38%, #FF3C3C 91.98%);
}

.main-banner__wrapper {
  position: relative;
  z-index: 9;
  width: 100%;
  max-width: 100rem;
}

.main-banner__container {
  position: relative;
  z-index: 9;
}

.main-banner__title,
.main-banner__subtitle,
.main-banner__tagline {
  color: #D9D9D9;
  text-transform: uppercase;
  text-align: center;
  font-weight: 600;
}

.main-banner__subtitle {
  letter-spacing: 0.015em;
  margin-bottom: 1.4375rem;
}

.main-banner__title {
  position: relative;
  letter-spacing: -0.045em;
  margin-bottom: 1.4375rem;
}

.main-banner__title span {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(36.25%, #3F5AE5), color-stop(86.25%, #E34040));
  background: -o-linear-gradient(top, #3F5AE5 36.25%, #E34040 86.25%);
  background: linear-gradient(180deg, #3F5AE5 36.25%, #E34040 86.25%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.main-banner__title::before,
.main-banner__title::after {
  content: "";
  position: absolute;
  width: 100%;
  max-width: 13.25rem;
  height: 0.0625rem;
  background-color: #D9D9D9;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.main-banner__title::before {
  top: 0;
}

.main-banner__title::after {
  bottom: 0;
}

.main-banner__tagline {
  position: relative;
  letter-spacing: 0.015em;
}

.no-webp .main-banner__tagline::after{
  background: url("../img/football-player.png") no-repeat; }

.main-banner__tagline::after {
  content: "";
  position: absolute;
  background-size: contain !important;
  z-index: 9;
  -webkit-animation: fadeIn;
          animation: fadeIn;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}

.main-banner__icon {
  background: -o-linear-gradient(309.03deg, rgba(8, 26, 99, 0.61) 4.79%, rgba(147, 113, 240, 0.53) 15.61%, rgba(10, 4, 39, 0.27) 69.53%);
  background: linear-gradient(140.97deg, rgba(8, 26, 99, 0.61) 4.79%, rgba(147, 113, 240, 0.53) 15.61%, rgba(10, 4, 39, 0.27) 69.53%);
  display: block;
  position: absolute;
  border-radius: 50%;
  overflow: hidden;
}

.main-banner__icon img {
  position: absolute;
}

.main-banner__icon_football {
  top: 6.75rem;
  left: 0.375rem;
}

.main-banner__icon_football img {
  height: auto;
}

.main-banner__icon_tennis {
  bottom: 6.9375rem;
  left: 0.5625rem;
}

.main-banner__icon_tennis img {
  height: auto;
}

.main-banner__icon_basketball {
  bottom: 1.125rem;
  right: 1.3125rem;
}

.main-banner__icon_basketball img {
  top: 0;
  left: 0;
  height: auto;
}

.main-banner__icon_volleyball {
  top: 5.375rem;
  right: 1.25rem;
}

.main-banner__icon_volleyball img {
  height: auto;
}

.learn-more-button-container {
  display: flex;
  justify-content: center;
  margin-top: 20px;
  position: relative;
  bottom: 6rem;
  z-index: 5;
}

.learn-more-button {
  display: inline-block;
  padding: 20px 50px;
  background-color: white;
  color: #7000FF;
  font-weight: 800;
  font-size: 1.2rem;
  text-decoration: none;
  border-radius: 50px;
  border: 2px solid #d8d8d8;
  /* Combinamos sombras exteriores con un contorno interior */
  box-shadow:
    -8px 0 16px 2px #00cfff80, /* azul lado izquierdo */
    8px 0 16px 2px #ffe06680,  /* amarillo lado derecho */
    0 0 12px 2px #e0e0e040,   /* glow general gris */
    inset 0 0 0 1px rgb(0, 0, 0),    /* contorno interior negro */
    inset 6px 6px 6px 6px white;    /* espacio blanco entre bordes */
  transition: all 0.3s ease;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-family: 'Noto Sans', sans-serif;
}

.learn-more-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 0 15px rgba(0, 204, 255, 0.5), 0 0 30px rgba(0, 204, 255, 0.3), 0 0 45px rgba(0, 204, 255, 0.1);
}

.about {
  position: relative;
  margin-top: -20px;
}

.about .yellow-circle {
  display: none;
}

.no-webp .about__wrap{
  background: url("../img/building.webp") no-repeat; }

.about__wrap {
  background-position: center bottom !important;
  background-size: contain !important;
  position: relative;
}

.about__wrap::after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 100%;
  height: calc(100% + 2.5rem);
  left: 0;
  bottom: -2.5rem;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(33.49%, rgba(239, 239, 236, 0.89)), color-stop(78.85%, rgba(239, 239, 236, 0.49)), to(rgba(239, 239, 236, 0)));
  background: -o-linear-gradient(top, rgba(239, 239, 236, 0.89) 33.49%, rgba(239, 239, 236, 0.49) 78.85%, rgba(239, 239, 236, 0) 100%);
  background: linear-gradient(180deg, rgba(239, 239, 236, 0.89) 33.49%, rgba(239, 239, 236, 0.49) 78.85%, rgba(239, 239, 236, 0) 100%);
  z-index: 9;
}

.about__container {
  position: relative;
  z-index: 99;
}

.about__header {
  margin-bottom: 1.25rem;
}

.about__title {
  line-height: 135%;
  letter-spacing: 0.015em;
}

.about__subtitle {
  text-align: center;
}

.about__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.about__list li {
  margin-bottom: 5.5rem;
  font-weight: 400;
  line-height: 40%;
  list-style-position: outside;
  list-style-type: none;
  background-image: url('../img/Bullet.png');
  background-size: 1.3rem;
  background-repeat: no-repeat;
  background-position: -0rem 0rem ;
  padding-left: 1.5em;
}

.about__footer {
  padding: 0.875rem 0;
}

.about__footer .icons-about {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.icons-about {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 0.8125rem;
}

.icons-about__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 0.3125rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.icons-about__icon {
  width: 1.875rem;
  height: 1.875rem;
  background: -o-radial-gradient(10% 26.47%, 98.82% 876.04%, #D000BB 0%, #FF9431 59.38%, #FF3C3C 91.98%);
  background: radial-gradient(98.82% 876.04% at 10% 26.47%, #D000BB 0%, #FF9431 59.38%, #FF3C3C 91.98%);
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
}

.icons-about__icon img {
  max-width: 100%;
}

.icons-about__icon svg {
  fill: #fff;
  height: auto;
}

.icons-about__title {
  font-weight: 300;
  font-size: 0.75rem;
  line-height: 135%;
  text-transform: uppercase;
}

.programs__title {
  max-width: 31.25rem;
  margin-left: auto;
  margin-right: auto;
}

.programs__body {
  display: -ms-grid;
  display: grid;
  grid-row-gap: 1.25rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.programs__item {
  width: 100%;
}

.item-programs {
  -webkit-box-shadow: 0px 2px 4px #1F529F;
          box-shadow: 0px 2px 4px #1F529F;
  position: relative;
  padding: 1.25rem 0.625rem;
  background: #F5F5F5;
  margin: 1px;
  border-radius: 0.6875rem;
}

.item-programs::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  margin: -1px;
  border-radius: inherit;
  background-image: -webkit-gradient(linear, left top, right top, from(rgb(208, 0, 187)), color-stop(50%, rgb(226, 132, 158)), to(rgb(255, 60, 60)));
  background-image: -o-linear-gradient(left, rgb(208, 0, 187) 0%, rgb(226, 132, 158) 50%, rgb(255, 60, 60) 100%);
  background-image: linear-gradient(90deg, rgb(208, 0, 187) 0%, rgb(226, 132, 158) 50%, rgb(255, 60, 60) 100%);
}

.item-programs__title {
  font-weight: 600;
  line-height: 135%;
  text-align: center;
  text-transform: uppercase;
  background: -o-radial-gradient(10% 26.47%, 98.82% 876.04%, #D000BB 0%, #FF9431 59.38%, #FF3C3C 91.98%);
  background: radial-gradient(98.82% 876.04% at 10% 26.47%, #D000BB 0%, #FF9431 59.38%, #FF3C3C 91.98%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  position: relative;
}

.item-programs__title::after {
  content: "";
  position: absolute;
  background-color: #1F529F;
  height: 0.0625rem;
  width: 100%;
  max-width: 11rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.item-programs__text {
  line-height: 143%;
  text-align: center;
}

.showcase {
  position: relative;
}

.showcase .yellow-circle {
  display: none;
}

.showcase__container {
  max-width: 86.25rem;
}

.showcase__title h2 {
  max-width: 16.875rem;
}

.showcase__subtitle {
  text-align: center;
}

.showcase__cards {
  display: -ms-grid;
  display: grid;
  grid-row-gap: 1.25rem;
  grid-column-gap: 1.25rem;
  position: relative;
  z-index: 9;
  grid-template-columns: repeat(auto-fill, minmax(165px, 1fr));
}

.showcase__timeline {
  position: relative;
}

.showcase__timeline .blue-bg-circle {
  display: none;
}

.showcase__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 1rem;
     -moz-column-gap: 1rem;
          column-gap: 1rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.showcase__row_picture-right .showcase__row-item:nth-child(2) {
  text-align: right;
}

.showcase__row-item_timeline {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
}

.showcase__row-item_picture {
  display: none;
}

.showcase__row-item_picture img {
  max-width: 100%;
}

.showcase-card {
  background: #FFFFFF;
  margin: 1px;
  border-radius: 0.25rem;
  position: relative;
}

.showcase-card::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  margin: -1px;
  border-radius: inherit;
  background-image: -webkit-gradient(linear, left top, right top, from(rgb(208, 0, 187)), color-stop(50%, rgb(226, 132, 158)), to(rgb(255, 60, 60)));
  background-image: -o-linear-gradient(left, rgb(208, 0, 187) 0%, rgb(226, 132, 158) 50%, rgb(255, 60, 60) 100%);
  background-image: linear-gradient(90deg, rgb(208, 0, 187) 0%, rgb(226, 132, 158) 50%, rgb(255, 60, 60) 100%);
}

.showcase-card__picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  background-color: pink;
  width: 100%;
  overflow: hidden;
  background: -webkit-gradient(linear, left top, right top, from(rgb(211, 116, 140)), to(rgb(242, 149, 178)));
  background: -o-linear-gradient(left, rgb(211, 116, 140) 0%, rgb(242, 149, 178) 100%);
  background: linear-gradient(90deg, rgb(211, 116, 140) 0%, rgb(242, 149, 178) 100%);
}

.showcase-card__picture img {
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.showcase-card__name {
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 137%;
  display: inline-block;
}

.showcase-text-block__title {
  font-weight: 500;
  line-height: 133%;
}

.showcase-text-block__list li {
  font-weight: 400;
  line-height: 135%;
  list-style-position: outside;
  list-style-type: disc;
  color: #1F529F;
  margin-left: 1.25rem;
}

.timeline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.timeline__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  -webkit-column-gap: 0.1875rem;
     -moz-column-gap: 0.1875rem;
          column-gap: 0.1875rem;
}

.timeline__row_bottom:before {
  content: "";
  position: absolute;
  width: 96%;
  height: 1px;
  background-color: #002C70;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.timeline__item {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 11.6875rem;
          flex: 0 1 11.6875rem;
  row-gap: 0.5rem;
}

.timeline__value {
  font-weight: 500;
  line-height: 135%;
  text-transform: uppercase;
}

.timeline__title {
  font-weight: 700;
  line-height: 135%;
}

.timeline__body {
  height: 3.75rem;
  position: relative;
}

.timeline__body:before {
  content: "";
  position: absolute;
  width: 2px;
  height: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  background: #D205B6;
}

.timeline__body:after {
  content: "";
  position: absolute;
  width: 0.625rem;
  height: 0.625rem;
  border-radius: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  background: #D205B6;
}

.program-benefits {
  position: relative;
}

.program-benefits .yellow-circle {
  display: none;
}

.program-benefits__container {
  max-width: 86.25rem;
}

.program-benefits__container_bottom {
  max-width: 90rem;
}

.program-benefits__items {
  display: -ms-grid;
  display: grid;
  grid-row-gap: 1.25rem;
  grid-column-gap: 1.25rem;
  grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
}

.program-benefits__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.program-benefits__vertical-items {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 21.75rem;
          flex: 1 0 21.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 1.4375rem;
}

.program-benefits__football-icon img {
  max-width: 100%;
}

.benefit-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 0.625rem;
}

.benefit-card__icon {
  width: 5.3125rem;
  height: 5.3125rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 5.3125rem;
          flex: 0 0 5.3125rem;
  background: -o-radial-gradient(10% 26.47%, 98.82% 876.04%, #D000BB 0%, #FF9431 59.38%, #FF3C3C 91.98%);
  background: radial-gradient(98.82% 876.04% at 10% 26.47%, #D000BB 0%, #FF9431 59.38%, #FF3C3C 91.98%);
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.benefit-card__icon svg {
  fill: #D9D9D9;
}

.benefit-card__icon_university svg {
  width: 2.375rem;
  height: auto;
}

.benefit-card__icon_diploma svg {
  width: 2.375rem;
  height: auto;
}

.benefit-card__icon_staff svg {
  width: 2.875rem;
  height: auto;
}

.benefit-card__icon_student svg {
  width: 2.5rem;
  height: auto;
}

.benefit-card__icon_help-desc svg {
  width: 2.625rem;
  height: auto;
}

.benefit-card__icon_school svg {
  width: 2.75rem;
  height: auto;
}

.benefit-card__icon_houses svg {
  width: 2.8125rem;
  height: auto;
}

.benefit-card__icon_earth svg {
  width: 2.3125rem;
  height: auto;
}

.benefit-card__icon_card svg {
  width: 2.6875rem;
  height: auto;
}

.benefit-card__icon_book svg {
  width: 2.8125rem;
  height: auto;
}

.benefit-card__description {
  margin: 1px;
  border-radius: 0.25rem;
  position: relative;
  background: #F5F5F5;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 0.3125rem;
  height: 100%;
  width: 100%;
  color: #1F529F;
}

.benefit-card__description::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  margin: -1px;
  border-radius: inherit;
  background-image: -webkit-gradient(linear, left top, right top, from(rgb(208, 0, 187)), color-stop(50%, rgb(226, 132, 158)), to(rgb(255, 60, 60)));
  background-image: -o-linear-gradient(left, rgb(208, 0, 187) 0%, rgb(226, 132, 158) 50%, rgb(255, 60, 60) 100%);
  background-image: linear-gradient(90deg, rgb(208, 0, 187) 0%, rgb(226, 132, 158) 50%, rgb(255, 60, 60) 100%);
}

.benefit-card__title {
  font-weight: 700;
  text-transform: uppercase;
}

.benefit-card__title_number {
  font-size: 1.5rem;
}

.benefit-card__title_text {
  font-size: 1.25rem;
}

.benefit-card__text {
  font-weight: 400;
  font-size: 1rem;
  line-height: 135%;
}

.vertical-card {
  background: -o-radial-gradient(10% 26.47%, 98.82% 876.04%, #D000BB 0%, rgba(255, 148, 49, 0.66) 59.38%, rgba(255, 60, 60, 0) 87.7%);
  background: radial-gradient(98.82% 876.04% at 10% 26.47%, #D000BB 0%, rgba(255, 148, 49, 0.66) 59.38%, rgba(255, 60, 60, 0) 87.7%);
  border-radius: 0.9375rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: #FFFFFF;
}

.vertical-card__title {
  font-weight: 700;
  line-height: 135%;
  max-width: calc(100% - 4.375rem);
}

.vertical-card__text {
  font-weight: 400;
  line-height: 135%;
  max-width: calc(100% - 4.375rem);
}

.vertical-card__icon {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.vertical-card__icon svg {
  fill: #D205B6;
}

.tentative-list {
  position: relative;
}

.tentative-list .yellow-circle {
  display: none;
}

.tentative-list__header {
  text-align: center;
}

.tentative-list__title h2 {
  max-width: 21.875rem;
}

.tentative-list__groups {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: repeat(7, 1fr);
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-items: center;
}

.tentative-list__groups img {
  max-width: 100%;
}

.registration__title h2 {
  max-width: 25rem;
}

.registration__persons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 1rem;
     -moz-column-gap: 1rem;
          column-gap: 1rem;
}

.registration__persons .person-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 18.75rem;
          flex: 0 1 18.75rem;
}

.person-card__picture-wrap {
  position: relative;
}

.person-card__flag {
  position: absolute;
  z-index: 9;
  top: -0.5rem;
  right: 0rem;
  width: 1.5625rem;
  height: auto;
}

.person-card__picture {
  max-width: 100%;
}

.person-card__name {
  font-weight: 500;
  color: #1F529F;
  text-transform: capitalize;
}

.coaches__title h2 {
  max-width: 50rem;
}

.coaches__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.coaches__body div {
  position: relative;
}

.coaches__body img {
  max-width: 100%;
  position: relative;
}

.fair {
  position: relative;
}

.fair .yellow-circle {
  display: none;
}

.fair__title h2 {
  max-width: 21.875rem;
}

.fair__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.fair__body div {
  position: relative;
}

.fair__body img {
  max-width: 100%;
  position: relative;
}

.fair__schedule {
  max-width: 69.375rem;
  margin: 0 auto;
  -webkit-columns: 2 28.75rem;
     -moz-columns: 2 28.75rem;
          columns: 2 28.75rem;
}

.fair__schedule .schedule-block {
  -webkit-column-break-inside: avoid;
     -moz-column-break-inside: avoid;
          break-inside: avoid;
}

.schedule-block__header {
  padding: 1.0625rem 1.5rem;
  font-weight: 700;
  font-size: 1rem;
  line-height: 135%;
  margin-bottom: 0.625rem;
  text-transform: uppercase;
  color: #fff;
}

.schedule-block__body {
  padding: 0 0.625rem;
  text-transform: uppercase;
  line-height: 135%;
  color: #000000;
}

.schedule-block__body p {
  margin-bottom: 0.375rem;
}

.schedule-block__list {
  margin-bottom: 0.625rem;
}

.schedule-block__time-item span {
  color: #002C70;
}

.schedule-block__info li {
  list-style-position: outside;
  list-style-type: none;
  text-transform: uppercase;
  line-height: 135%;
  color: #002C70;
}

.schedule-block__info li::before {
  content: "- ";
}

.campus__container_list {
  max-width: 71rem;
}

.campus__title h2 {
  max-width: 28.125rem;
}

.campus__picture img {
  max-width: 100%;
}

.campus__list-wrap {
  position: relative;
}

.campus__list-wrap .yellow-circle {
  display: none;
}

.campus__list {
  position: relative;
}

.campus__list .campus-list {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
}

.campus__list img {
  display: none;
}

.gradient-desc-list {
  max-width: 85.625rem;
  border-radius: 0.5rem;
}

.gradient-desc-list ul {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 50%;
          flex: 0 1 50%;
}

.gradient-desc-list ul li {
  line-height: 133%;
  color: #FFFFFF;
  text-transform: uppercase;
  list-style-position: outside;
  list-style-type: disc;
  margin-left: 1.25rem;
}

.gradient-desc-list ul li:not(:last-child) {
  margin-bottom: 0.8125rem;
}

.campus-list__title {
  text-align: center;
  margin-bottom: 0.875rem;
  font-weight: 500;
  line-height: 135%;
}

.campus-list__list-item,
.campus-list__sub-list-item {
  line-height: 135%;
  color: #002C70;
}

.campus-list__list-item div,
.campus-list__sub-list-item div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 1rem;
     -moz-column-gap: 1rem;
          column-gap: 1rem;
}

.campus-list__list-item {
  text-transform: uppercase;
  list-style-position: outside;
  list-style-type: disc;
  margin-left: 1.25rem;
  margin-bottom: 1.125rem;
}

.campus-list__sub-list-item {
  padding-left: 1.25rem;
  text-transform: capitalize;
}

.campus-list__bage {
  font-weight: 500;
  min-width: 7.1875rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.prices-showcase {
  position: relative;
}

.prices-showcase .yellow-circle {
  display: none;
}

.prices-showcase__container {
  max-width: 65.625rem;
}

.prices-showcase__container_footer {
  max-width: 82.5rem;
}

.prices-showcase__header h2 {
  text-align: center;
  max-width: 17.5rem;
}

.prices-showcase__subtitle {
  text-align: center;
}

.prices-showcase__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.price-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.price-item__icon {
  display: none;
}

.price-item__name {
  line-height: 135%;
  text-transform: uppercase;
}

.price-item__desc {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 135%;
  color: #002C70;
}

.price-item__desc ul li {
  list-style-position: inside;
  list-style-type: none;
}

.price-item__desc ul li::before {
  content: "- ";
}

.bordered-text-block {
  max-width: 82.5rem;
  position: relative;
  background: #F5F5F5;
  margin: 0.0625rem;
  padding: 0.625rem;
  border-radius: 0.6875rem;
}

.bordered-text-block::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  margin: -1px;
  border-radius: inherit;
  background-image: -webkit-gradient(linear, left top, right top, from(rgb(208, 0, 187)), color-stop(50%, rgb(226, 132, 158)), to(rgb(255, 60, 60)));
  background-image: -o-linear-gradient(left, rgb(208, 0, 187) 0%, rgb(226, 132, 158) 50%, rgb(255, 60, 60) 100%);
  background-image: linear-gradient(90deg, rgb(208, 0, 187) 0%, rgb(226, 132, 158) 50%, rgb(255, 60, 60) 100%);
}

.bordered-text-block__text {
  font-weight: 500;
  font-size: 15px;
  line-height: 174.7%;
  color: #0E245D;
}

.bordered-text-block__picture {
  display: none;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: -6.25rem;
}

.contact-us h2 {
  max-width: 80%;
  margin-bottom: 1.4375rem;
}

.contact-us__subtitle {
  text-align: center;
  font-weight: 500;
  text-transform: uppercase;
  color: #f3db00;
  margin: 0 auto;
  background: -webkit-gradient(linear, left top, right top, from(rgba(210, 5, 182, 0)), color-stop(0.01%, rgba(210, 5, 182, 0)), color-stop(30%, #d205b6), color-stop(66.98%, #d205b6), to(rgba(210, 5, 182, 0)));
  background: -o-linear-gradient(left, rgba(210, 5, 182, 0) 0%, rgba(210, 5, 182, 0) 0.01%, #d205b6 30%, #d205b6 66.98%, rgba(210, 5, 182, 0) 100%);
  background: linear-gradient(90deg, rgba(210, 5, 182, 0) 0%, rgba(210, 5, 182, 0) 0.01%, #d205b6 30%, #d205b6 66.98%, rgba(210, 5, 182, 0) 100%);
  max-width: 30.375rem;
}

.contact-us__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  row-gap: 3.9375rem;
}

.contact-us__form {
  padding: 0 0.625rem;
}

.contact-us__img {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.contact-us__img img {
  max-width: 100%;
}

.follow-us {
  font-weight: bolder;
  background: radial-gradient(98.82% 876.04% at 10% 26.47%, #D000BB 0%, #FF9431 59.38%, #FF3C3C 91.98%);
  color: #fff;
  border-radius: 2rem;
  padding: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.contact-us__img {
  position: relative;
}

.social-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  right: 10%;
  bottom: 5%;
  z-index: 5;
} 

/* Estilos responsivos para el contenedor social */
/* MacBook y pantallas similares */
@media screen and (min-width: 1280px) and (max-width: 1440px) {
  .social-container {
    bottom: -10%;
    right: 5%;
  }
}

/* Extra large screens (1440px and above) */
@media screen and (min-width: 1441px) {
  .social-container {
    bottom: -10%;
    right: 5%;
  }
}

/* Large desktop screens (1200px to 1279px) */
@media screen and (min-width: 1200px) and (max-width: 1279px) {
  .social-container {
    bottom: 5%;
    right: 5%;
  }
}

/* Small desktop screens (992px to 1199px) */
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .social-container {
    bottom: 5%;
    right: 5%;
  }
}

/* Tablet landscape (768px to 991px) */
@media screen and (min-width: 768px) and (max-width: 991px) {
  .social-container {
    bottom: 5%;
    right: 5%;
  }
}

@media (max-width: 768px) {
  .social-container {
    position: relative;
    right: auto;
    bottom: auto;
    margin-top: 20px;
    margin-bottom: 30px;
    width: 40%;
  }
  
  .contact-us__img {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

.follow-us {
  width: 100%;
  text-align: center;
  margin-bottom: 15px;
  box-sizing: border-box;
}

@media (max-width: 768px) {
  .follow-us {
    font-size: 14px;
    padding: 0.8rem;
  }
}

.socialmedia {
  display: flex;
  justify-content: center;
  width: 100%;
}

.socialmedia__icons {
  display: flex;  
  width: 100%;
  justify-content: center;
  gap: 15px;
  align-items: center;
}

.socialmedia__icons a {
  display: block;
  transition: transform 0.3s ease;
}

.socialmedia__icons a:hover {
  transform: scale(1.1);
}

.socialmedia__icons img {
  width: 40px;
  height: 40px;
  object-fit: contain;
}

@media (max-width: 768px) {
  .socialmedia__icons img {
    width: 35px;
    height: 35px;
  }
}

.socialmedia img {
  width: 25px;
  height: 25px;
  object-fit: cover;
  padding: 0;
  margin: 0;
  display: block;
} 

/* Estilos específicos para cada icono para asegurar tamaño uniforme */
.socialmedia__icons a:nth-child(2) img,
.socialmedia__icons a:nth-child(3) img {
  width: 45px; 
  height: 45px;
}

/* Ajuste específico para el icono de Facebook */
.socialmedia__icons a:nth-child(1) img {
  width: 34px;
  height: 34px;
}

/* Estilos para los campos de nombre en fila */
.name-row {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  width: 100%;
}

.name-field {
  width: 48%;
}

.form-contact-us input {
  width: 100%;
  outline: none !important;
  border-bottom: 1px solid;
  border-image-source: radial-gradient(98.82% 876.04% at 10% 26.47%, #d000bb 0%, #ff9431 59.38%, #ff3c3c 91.98%);
  background: transparent;
  border-width: 0.125rem;
  border-image-slice: 1;
  height: 4.0625rem;
}

.form-contact-us input:not(:last-child) {
  margin-bottom: 0.625rem;
}

.form-contact-us input:last-child {
  margin-bottom: 1.875rem;
}

.form-contact-us input::-webkit-input-placeholder {
  color: #5f5f5f;
  font-size: 16px;
  line-height: 155%;
  text-transform: capitalize;
}

.form-contact-us input::-moz-placeholder {
  color: #5f5f5f;
  font-size: 16px;
  line-height: 155%;
  text-transform: capitalize;
}

.form-contact-us input:-ms-input-placeholder {
  color: #5f5f5f;
  font-size: 16px;
  line-height: 155%;
  text-transform: capitalize;
}

.form-contact-us input::-ms-input-placeholder {
  color: #5f5f5f;
  font-size: 16px;
  line-height: 155%;
  text-transform: capitalize;
}

.form-contact-us input::placeholder {
  color: #5f5f5f;
  font-size: 16px;
  line-height: 155%;
  text-transform: capitalize;
}

.form-contact-us__label {
  display: inline-block;
  font-weight: 700;
  font-size: 18px;
  line-height: 155%;
  text-transform: capitalize;
  margin-bottom: 0.5rem;
}

.form-contact-us textarea {
  width: 100%;
  outline: none !important;
  border: 1px solid;
  background: transparent;
  border-image-source: radial-gradient(98.82% 876.04% at 10% 26.47%, #d000bb 0%, #ff9431 59.38%, #ff3c3c 91.98%);
  border-width: 0.125rem;
  border-image-slice: 1;
  border-radius: 0.3125rem;
  display: block;
  padding: 0.9375rem;
  margin-bottom: 2.1875rem;
}

.form-contact-us textarea::-webkit-input-placeholder {
  font-weight: 400;
  font-size: 1rem;
  line-height: 155%;
  color: #5f5f5f;
}

.form-contact-us textarea::-moz-placeholder {
  font-weight: 400;
  font-size: 1rem;
  line-height: 155%;
  color: #5f5f5f;
}

.form-contact-us textarea:-ms-input-placeholder {
  font-weight: 400;
  font-size: 1rem;
  line-height: 155%;
  color: #5f5f5f;
}

.form-contact-us textarea::-ms-input-placeholder {
  font-weight: 400;
  font-size: 1rem;
  line-height: 155%;
  color: #5f5f5f;
}

.form-contact-us textarea::placeholder {
  font-weight: 400;
  font-size: 1rem;
  line-height: 155%;
  color: #5f5f5f;
}

.form-contact-us__submit-btn {
  font-weight: 800;
  text-transform: uppercase;
  color: #ffffff;
  height: 3.5625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: background 0.5s ease 0s;
  -o-transition: background 0.5s ease 0s;
  transition: background 0.5s ease 0s;
}



@media (min-width: 29.99875em) {
  .main-banner__icon_basketball {
    bottom: 1.125rem;
    right: 20%;
  }

  .main-banner__icon_volleyball {
    top: 5.375rem;
    right: 10%;
  }

  .icons-about__icon {
    width: 2.5rem;
    height: 2.5rem;
  }

  .icons-about__title {
    font-weight: 500;
    font-size: 0.875rem;
  }

  .showcase__title h2 {
    max-width: 18.75rem;
  }

  .program-benefits__items {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  }

  .tentative-list__title h2 {
    max-width: 21.875rem;
  }

  .person-card__name {
    display: inline-block;
    padding: 0.625rem;
    background: -o-radial-gradient(10% 26.47%, 98.82% 876.04%, #D000BB 0%, #FF9431 59.38%, #FF3C3C 91.98%);
    background: radial-gradient(98.82% 876.04% at 10% 26.47%, #D000BB 0%, #FF9431 59.38%, #FF3C3C 91.98%);
    font-weight: 700;
    line-height: 135%;
    text-transform: uppercase;
    color: #D9D9D9;
  }

  .prices-showcase__header h2 {
    max-width: 19.375rem;
  }
}

@media (min-width: 47.99875em) {
  .section-title__text::before,
  .section-title__text::after {
    max-width: 6.375rem;
  }

  .section-title__text::before {
    left: calc((6.375rem + 1.375rem) * -1);
  }

  .section-title__text::after {
    right: calc((6.375rem + 1.375rem) * -1);
  }

  .menu__list > li {
    padding: 0.9375rem 0;
  }

  .footer__top {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }

  .footer__logo {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 33.333%;
            flex: 0 1 33.333%;
  }

  .footer__nav {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-column-gap: 1rem;
       -moz-column-gap: 1rem;
            column-gap: 1rem;
  }

  .footer__nav .menu {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
  }

  .footer__bottom div:nth-child(2) {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }

  .footer__back-to-up {
    bottom: 1.25rem;
    right: 1.25rem;
    width: 4.0625rem;
    height: 4.0625rem;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 4.0625rem;
            flex: 0 0 4.0625rem;
  }

  .footer__back-to-up svg {
    width: 2.5rem;
    height: 2.5rem;
  }

  .main-banner__icon {
    background: -o-linear-gradient(302.79deg, rgba(63, 90, 229, 0.5852) 43.1%, rgba(227, 64, 64, 0.6391) 89.66%);
    background: linear-gradient(147.21deg, rgba(63, 90, 229, 0.5852) 43.1%, rgba(227, 64, 64, 0.6391) 89.66%);
  }

  .main-banner__icon_basketball {
    bottom: 3.875rem;
    left: 40%;
    right: inherit;
  }

  .main-banner__icon_volleyball {
    top: 3.875rem;
    right: 10%;
  }

  .no-webp .programs__body{
    background: url("../img/basketball-player-color.png") no-repeat;
   }

  .programs__body {
    -ms-grid-columns: auto auto;
    -ms-grid-rows: 1fr 1fr;
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 1.25rem;
    background-position:50% 50% !important;
    transform: translate(20%, 0%); 
    
  }

  .showcase__title h2 {
    max-width: 100%;
  }

  .showcase__cards {
    grid-row-gap: 3.3125rem;
    grid-column-gap: 2.0625rem;
  }

  .showcase__cards {
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  }

  .showcase__row-item {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 36.125rem;
            flex: 0 1 36.125rem;
  }

  .showcase__row-item_picture {
    display: block;
  }

  .showcase-card {
    padding: 1.25rem;
  }

  .showcase-card__picture {
    margin-bottom: 1.5rem;
  }

  .timeline__body {
    height: 5rem;
  }

  .program-benefits__items {
    grid-template-columns: repeat(auto-fill, minmax(235px, 1fr));
    grid-column-gap: 1.25rem;
    grid-row-gap: 3.125rem;
  }

  .person-card__picture-wrap {
    margin-bottom: 0.625rem;
  }

  .person-card__flag {
    top: -1.25rem;
    right: -1.75rem;
    width: 3.5rem;
  }

  .coaches__body div:nth-child(1) {
    padding-top: 6.875rem;
  }

  .fair__body div:nth-child(2) {
    padding-top: 8.125rem;
  }

  .schedule-block__info li {
    color: #000000;
  }

  .campus__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 5rem;
       -moz-column-gap: 5rem;
            column-gap: 5rem;
  }

  .campus__list img {
    display: block;
    max-width: 100%;
    position: absolute;
    bottom: -30%;
    right: -70%;
    -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
  }

  .price-item__icon {
    width: 7.875rem;
    height: 7.625rem;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 7.875rem;
            flex: 0 0 7.875rem;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 137.5%;
    color: #D9D9D9;
  }

  .price-item__name {
    font-weight: 500;
    font-size: 1.25rem;
    padding-left: 1.25rem;
    color: #1F529F;
    position: relative;
    margin-bottom: 0.375rem;
  }

  .price-item__name::before {
    content: "";
    position: absolute;
    width: 4px;
    height: 4px;
    background-color: #1F529F;
    border-radius: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    left: 0.625rem;
  }

  .price-item__desc {
    font-size: 1.25rem;
  }

  .bordered-text-block {
    border-radius: 0rem;
    padding-left: 7.8%;
    padding-top: 1.875rem;
    padding-bottom: 1.875rem;
  }

  .bordered-text-block__text {
    max-width: 68%;
  }

  .bordered-text-block__picture {
    display: block;
  }
}

@media (min-width: 61.99875em) {
  .section-title__text::before,
  .section-title__text::after {
    max-width: 11rem;
  }

  .section-title__text::before {
    left: calc((11rem + 1.375rem) * -1);
  }

  .section-title__text::after {
    right: calc((11rem + 1.375rem) * -1);
  }

  .menu__list {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .menu__sub-list {
    position: absolute;
    z-index: 99;
    top: 100%;
    background: -o-radial-gradient(10% 26.47%, 98.82% 876.04%, #D000BB 0%, #FF9431 59.38%, #FF3C3C 91.98%);
    background: radial-gradient(98.82% 876.04% at 10% 26.47%, #D000BB 0%, #FF9431 59.38%, #FF3C3C 91.98%);
    -webkit-transform: translate(0px, 10%);
        -ms-transform: translate(0px, 10%);
            transform: translate(0px, 10%);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
  }

  .menu__sub-list_program {
    width: 7.4375rem;
  }

  .menu__sub-list_recruitment {
    width: 16.5625rem;
  }

  .menu__sub-list_navigation {
    width: 13.75rem;
  }

  .menu__sub-list_forms {
    width: 9.375rem;
  }

  .menu__link {
    font-weight: 400;
  }

  .touch .menu__link_arrow::after {
    content: "";
  }

  .main-banner__title {
    letter-spacing: -0.01em;
  }

  .main-banner__icon_football {
    top: 22.0625rem;
    left: -1.8125rem;
  }

  .main-banner__icon_tennis {
    bottom: 15.4375rem;
    left: 20.25rem;
  }

  .main-banner__icon_basketball {
    bottom: 3.875rem;
    left: 11.5625rem;
  }

  .main-banner__icon_volleyball {
    top: 38.75rem;
    left: 33.5rem;
    right: inherit;
  }

  .about .yellow-circle {
    display: block;
    top: 14%;
    left: -10.625rem;
    z-index: 99;
  }

  .about__subtitle {
    display: none;
  }

  .showcase .yellow-circle {
    display: block;
    top: 15%;
    left: -9.375rem;
  }

  .showcase__row {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .program-benefits .yellow-circle {
    display: block;
    top: -9.375rem;
    right: -7.5rem;
  }

  .tentative-list .yellow-circle {
    display: block;
    top: -10%;
    left: -10.625rem;
    z-index: 99;
  }

  .tentative-list__title h2 {
    max-width: 100%;
  }

  .registration__title h2 {
    max-width: 100%;
  }

  .fair__title h2 {
    max-width: 25rem;
  }

  .campus__title h2 {
    max-width: 25rem;
  }

  .campus__list-wrap .yellow-circle {
    display: block;
    top: -15%;
    left: -10.625rem;
    z-index: 99;
  }

  .campus__list img {
    bottom: -50%;
    right: -50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
  }

  .gradient-desc-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .gradient-desc-list ul li:not(:last-child) {
    margin-bottom: 1.1875rem;
  }

  .prices-showcase__header h2 {
    max-width: 25rem;
  }

  .contact-us__body {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }

  .contact-us__form {
    padding: 0;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 28.5rem;
            flex: 0 0 28.5rem;
  }
}

@media (min-width: 65.625em) {
  .price-item {
    -webkit-column-gap: 5.3125rem;
       -moz-column-gap: 5.3125rem;
            column-gap: 5.3125rem;
  }
}

@media (min-width: 80.875em) {
  .section-title__text {
    font-size: 2.25rem;
  }

  .section-subtitle {
    font-size: 1.25rem;
  }

  .header__logo img {
    width: 12.0625rem;
  }

  .footer {
    padding-top: 3.125rem;
  }

  .footer {
    padding-bottom: 3.125rem;
  }

  .footer__top {
    margin-bottom: 2.5rem;
  }

  .footer__bottom p {
    font-size: 1rem;
  }

  .main-banner__wrapper {
    padding-top: 11.125rem;
  }

  .main-banner__wrapper {
    min-height: 56.25rem;
  }

  .main-banner__subtitle {
    font-size: 1.875rem;
  }

  .main-banner__subtitle {
    line-height: 2.5625rem;
  }

  .main-banner__title {
    line-height: 7.3125rem;
  }

  .main-banner__tagline {
    font-size: 1rem;
  }

  .main-banner__tagline {
    line-height: 1.375rem;
  }

  .main-banner__tagline::after {
    top: -1.875rem;
  }

  .main-banner__tagline::after {
    right: -0.625rem;
  }

  .main-banner__tagline::after {
    width: 43.4375rem;
  }

  .main-banner__tagline::after {
    height: 34.1875rem;
  }

  .main-banner__icon_football {
    top: 18.9375rem;
    left: -1.8125rem;
  }

  .main-banner__icon_football {
    width: 22.0625rem;
  }

  .main-banner__icon_football {
    height: 21.3125rem;
  }

  .main-banner__icon_football img {
    top: 0.5rem;
  }

  .main-banner__icon_football img {
    left: 2.375rem;
  }

  .main-banner__icon_football img {
    width: 17.375rem;
  }

  .main-banner__icon_tennis {
    bottom: 15.4375rem;
    left: 20.25rem;
  }

  .main-banner__icon_tennis {
    width: 16.4375rem;
  }

  .main-banner__icon_tennis {
    height: 15.875rem;
  }

  .main-banner__icon_tennis img {
    top: 0.9375rem;
  }

  .main-banner__icon_tennis img {
    left: 1.4375rem;
  }

  .main-banner__icon_tennis img {
    width: 13.625rem;
  }

  .main-banner__icon_basketball {
    bottom: 3.875rem;
    left: 11.5625rem;
  }

  .main-banner__icon_basketball {
    width: 15rem;
  }

  .main-banner__icon_basketball {
    height: 14.5rem;
  }

  .main-banner__icon_basketball img {
    width: 15rem;
  }

  .main-banner__icon_volleyball {
    top: 35.875rem;
    left: 33.5rem;
  }

  .main-banner__icon_volleyball {
    width: 11.25rem;
  }

  .main-banner__icon_volleyball {
    height: 11.1875rem;
  }

  .main-banner__icon_volleyball img {
    top: 0.875rem;
  }

  .main-banner__icon_volleyball img {
    left: 0.625rem;
  }

  .main-banner__icon_volleyball img {
    width: 10.375rem;
  }

  .about {
    margin-bottom: 5.75rem;
  }

  .about__wrap {
    min-height: 48.75rem;
  }

  .about__title {
    font-size: 2.5rem;
  }

  .about__list li {
    padding-bottom: 1.25rem;
    font-size: 1.25rem;
  }
  

  .about__list li:not(:last-child) {
    margin-bottom: 3.4375rem;
  }

  .icons-about__icon_scholarships svg {
    width: 1.875rem;
  }

  .icons-about__icon_meals svg {
    width: 1.6875rem;
  }

  .icons-about__icon_ball svg {
    width: 1.4375rem;
  }

  .icons-about__icon_house svg {
    width: 1.4375rem;
  }

  .icons-about__icon_castle svg {
    width: 1.4375rem;
  }

  .programs {
    margin-bottom: 6.25rem;
  }

  .programs__title {
    margin-bottom: 5.625rem;
  }

  .item-programs__title {
    font-size: 1.25rem;
  }

  .item-programs__title {
    margin-bottom: 1.875rem;
  }

  .item-programs__title::after {
    bottom: -0.875rem;
  }

  .item-programs__text {
    font-size: 1rem;
  }

  .showcase {
    margin-bottom: 5rem;
  }

  .showcase__subtitle {
    margin-bottom: 5rem;
  }

  .showcase__cards {
    margin-bottom: 5rem;
  }

  .showcase__timeline .blue-bg-circle {
    display: block;
    top: 6.25rem;
    right: -8.75rem;
  }

  .showcase-card__picture {
    height: 11.75rem;
  }

  .showcase-text-block__title {
    font-size: 1.5rem;
  }

  .showcase-text-block__title {
    margin-bottom: 1.75rem;
  }

  .showcase-text-block__list li {
    font-size: 1.125rem;
  }

  .showcase-text-block__list li:not(:last-child) {
    margin-bottom: 1.1875rem;
  }

  .timeline {
    row-gap: 9.375rem;
  }

  .timeline__row_bottom:before {
    row-gap: 9.375rem;
  }

  .timeline__row_bottom:before {
    top: -4.6875rem;
  }

  .timeline__value {
    font-size: 1.5rem;
  }

  .program-benefits {
    margin-bottom: 5rem;
  }

  .program-benefits__header {
    margin-bottom: 5rem;
  }

  .program-benefits__items {
    margin-bottom: 5rem;
  }

  .benefit-card__description {
    padding-top: 1.875rem;
  }

  .benefit-card__description {
    padding-right: 2.5rem;
  }

  .benefit-card__description {
    padding-bottom: 1.875rem;
  }

  .benefit-card__description {
    padding-left: 2.5rem;
  }

  .vertical-card {
    padding-top: 1.875rem;
  }

  .vertical-card {
    padding-right: 2.25rem;
  }

  .vertical-card {
    padding-bottom: 1.875rem;
  }

  .vertical-card {
    padding-left: 2.25rem;
  }

  .vertical-card {
    row-gap: 1.375rem;
  }

  .vertical-card__title {
    font-size: 1.125rem;
  }

  .vertical-card__text {
    font-size: 1rem;
  }

  .tentative-list {
    margin-bottom: 5rem;
  }

  .tentative-list__header {
    margin-bottom: 5rem;
  }

  .registration {
    margin-bottom: 6.25rem;
  }

  .registration__title {
    margin-bottom: 5rem;
  }

  .person-card__name {
    font-size: 1.25rem;
  }

  .coaches {
    margin-bottom: 5rem;
  }

  .coaches__title {
    margin-bottom: 5rem;
  }

  .coaches__title h2 {
    max-width: 60%;
  }

  .fair .yellow-circle {
    display: block;
    top: -12.5rem;
    right: -7.5rem;
  }

  .fair {
    margin-bottom: 5rem;
  }

  .fair__title h2 {
    margin-bottom: 5rem;
  }

  .fair__title h2 {
    max-width: 42.5rem;
  }

  .fair__body {
    margin-bottom: 5rem;
  }

  .fair__schedule .schedule-block {
    margin-bottom: 2.5rem;
  }

  .schedule-block__body {
    font-size: 1.25rem;
  }

  .schedule-block__info li {
    font-size: 1.25rem;
  }

  .campus {
    margin-bottom: 5rem;
  }

  .campus__title h2 {
    margin-bottom: 5rem;
  }

  .campus__title h2 {
    max-width: 42.5rem;
  }

  .campus__picture {
    margin-bottom: 6.25rem;
  }

  .campus .gradient-desc-list {
    margin-bottom: 5rem;
  }

  .campus__list {
    margin-bottom: 5rem;
  }

  .gradient-desc-list {
    padding-top: 2.875rem;
  }

  .gradient-desc-list {
    padding-bottom: 2.875rem;
  }

  .gradient-desc-list {
    -webkit-column-gap: 5.625rem;
       -moz-column-gap: 5.625rem;
            column-gap: 5.625rem;
  }

  .gradient-desc-list ul li {
    font-size: 1.25rem;
  }

  .campus-list__title {
    font-size: 1.25rem;
  }

  .campus-list__list-item,
  .campus-list__sub-list-item {
    font-size: 1.25rem;
  }

  .prices-showcase .yellow-circle {
    display: block;
    top: -6.875rem;
    right: -7.5rem;
  }

  .prices-showcase {
    margin-bottom: 6.25rem;
  }

  .prices-showcase__header {
    margin-bottom: 5rem;
  }

  .prices-showcase__header h2 {
    max-width: 42.5rem;
  }

  .prices-showcase__list {
    margin-bottom: 6.25rem;
  }

  .prices-showcase__list {
    row-gap: 3.75rem;
  }

  .bordered-text-block {
    margin-bottom: 15.3125rem;
  }

  .contact-us {
    margin-bottom: 6.25rem;
  }

  .contact-us__header {
    margin-bottom: 5rem;
  }

  .contact-us h2 {
    max-width: 54.25rem;
  }

  .contact-us__subtitle {
    font-size: 2.25rem;
  }

  .contact-us__subtitle {
    line-height: 3.0625rem;
  }
}

@media (min-width: 82.5em) {
  .bordered-text-block__picture img {
    max-width: 40.625rem;
  }
}

@media (min-width: 85.625em) {
  .gradient-desc-list {
    padding-left: 8.625rem;
  }

  .gradient-desc-list {
    padding-right: 8.625rem;
  }
}

@media (min-width: 79em) {
  .menu__list {
    -webkit-column-gap: 2.1875rem;
       -moz-column-gap: 2.1875rem;
            column-gap: 2.1875rem;
  }

  .main-banner__title {
    font-size: 5.375rem;
  }

  .about__body {
    -webkit-column-gap: 5.4375rem;
       -moz-column-gap: 5.4375rem;
            column-gap: 5.4375rem;
  }

  .about__footer .icons-about {
    -webkit-column-gap: 0.75rem;
       -moz-column-gap: 0.75rem;
            column-gap: 0.75rem;
  }

  .programs__body {
    background-size: 28.75rem;
  }

  .programs__item {
    max-width: 25.5625rem;
  }

  .showcase__row {
    margin-bottom: 5rem;
  }

  .showcase-card {
    min-height: 20.3125rem;
  }

  .program-benefits__bottom {
    -webkit-column-gap: 8.625rem;
       -moz-column-gap: 8.625rem;
            column-gap: 8.625rem;
  }

  .coaches__body {
    -webkit-column-gap: 3.125rem;
       -moz-column-gap: 3.125rem;
            column-gap: 3.125rem;
  }

  .fair__body {
    -webkit-column-gap: 3.125rem;
       -moz-column-gap: 3.125rem;
            column-gap: 3.125rem;
  }

  .fair__schedule {
    -webkit-column-gap: 11.25rem;
       -moz-column-gap: 11.25rem;
            column-gap: 11.25rem;
  }

  .contact-us__body {
    -webkit-column-gap: 3.875rem;
       -moz-column-gap: 3.875rem;
            column-gap: 3.875rem;
  }
}

@media (min-width: 1600px) {
  .about__wrap {
    background-size: cover !important;
  }
}

@media (max-width: 542px) {
  .form-contact-us input::-webkit-input-placeholder {
    text-align: start;
  }
  .form-contact-us input::-moz-placeholder {
    text-align: start;
  }
  .form-contact-us input:-ms-input-placeholder {
    text-align: start;
  }
  .form-contact-us input::-ms-input-placeholder {
    text-align: start;
  }
  .form-contact-us input::placeholder {
    text-align: start;
  }
}

@media (max-width: 20em) {
  .section-title__text {
    font-size: 1.375rem;
  }

  .section-subtitle {
    font-size: 0.9375rem;
  }

  .header__logo img {
    width: 10.3125rem;
  }

  .footer {
    padding-top: 1.875rem;
  }

  .footer {
    padding-bottom: 1.875rem;
  }

  .footer__top {
    margin-bottom: 1.25rem;
  }

  .footer__bottom p {
    font-size: 0.9375rem;
  }

  .main-banner__wrapper {
    padding-top: 17.3125rem;
  }

  .main-banner__wrapper {
    min-height: 52.75rem;
  }

  .main-banner__subtitle {
    font-size: 1rem;
  }

  .main-banner__subtitle {
    line-height: 1.375rem;
  }

  .main-banner__title {
    line-height: 2.375rem;
  }

  .main-banner__tagline {
    font-size: 0.9375rem;
  }

  .main-banner__tagline {
    line-height: 1.25rem;
  }

  .main-banner__tagline::after {
    top: 0.0000000625rem;
  }

  .main-banner__tagline::after {
    right: -7.5rem;
  }

  .main-banner__tagline::after {
    width: 18.0625rem;
  }

  .main-banner__tagline::after {
    height: 21.5625rem;
  }

  .main-banner__icon_football {
    width: 11.1875rem;
  }

  .main-banner__icon_football {
    height: 10.8125rem;
  }

  .main-banner__icon_football img {
    top: 0.375rem;
  }

  .main-banner__icon_football img {
    left: 1.25rem;
  }

  .main-banner__icon_football img {
    width: 8.75rem;
  }

  .main-banner__icon_tennis {
    width: 13.0625rem;
  }

  .main-banner__icon_tennis {
    height: 12.625rem;
  }

  .main-banner__icon_tennis img {
    top: 0.5625rem;
  }

  .main-banner__icon_tennis img {
    left: 1.0625rem;
  }

  .main-banner__icon_tennis img {
    width: 11rem;
  }

  .main-banner__icon_basketball {
    width: 10.25rem;
  }

  .main-banner__icon_basketball {
    height: 9.875rem;
  }

  .main-banner__icon_basketball img {
    width: 11.875rem;
  }

  .main-banner__icon_volleyball {
    width: 10.25rem;
  }

  .main-banner__icon_volleyball {
    height: 10.1875rem;
  }

  .main-banner__icon_volleyball img {
    top: 0.375rem;
  }

  .main-banner__icon_volleyball img {
    left: 0.3125rem;
  }

  .main-banner__icon_volleyball img {
    width: 9.625rem;
  }

  .about {
    margin-bottom: 1.5625rem;
  }

  .about__wrap {
    min-height: 31.25rem;
  }

  .about__title {
    font-size: 1.5rem;
  }

  .about__list li {
    font-size: 0.9375rem;
  }

  .about__list li:not(:last-child) {
    margin-bottom: 1.25rem;
  }

  .about__footer .icons-about {
    -webkit-column-gap: 0.125rem;
       -moz-column-gap: 0.125rem;
            column-gap: 0.125rem;
  }

  .icons-about__icon_scholarships svg {
    width: 0.9375rem;
  }

  .icons-about__icon_meals svg {
    width: 0.875rem;
  }

  .icons-about__icon_ball svg {
    width: 0.75rem;
  }

  .icons-about__icon_house svg {
    width: 0.75rem;
  }

  .icons-about__icon_castle svg {
    width: 0.8125rem;
  }

  .programs {
    margin-bottom: 2.5rem;
  }

  .programs__title {
    margin-bottom: 1.875rem;
  }

  .item-programs__title {
    font-size: 1rem;
  }

  .item-programs__title {
    margin-bottom: 1.25rem;
  }

  .item-programs__title::after {
    bottom: -0.5625rem;
  }

  .item-programs__text {
    font-size: 0.875rem;
  }

  .showcase {
    margin-bottom: 1.5625rem;
  }

  .showcase__subtitle {
    margin-bottom: 1.25rem;
  }

  .showcase__cards {
    margin-bottom: 1.5625rem;
  }

  .showcase-card__picture {
    height: 8.125rem;
  }

  .showcase-text-block__title {
    font-size: 1.25rem;
  }

  .showcase-text-block__title {
    margin-bottom: 0.8125rem;
  }

  .showcase-text-block__list li {
    font-size: 0.875rem;
  }

  .showcase-text-block__list li:not(:last-child) {
    margin-bottom: 0.8125rem;
  }

  .timeline {
    row-gap: 1.875rem;
  }

  .timeline__row_bottom:before {
    row-gap: 1.875rem;
  }

  .timeline__row_bottom:before {
    top: -0.9375rem;
  }

  .timeline__value {
    font-size: 1.25rem;
  }

  .program-benefits {
    margin-bottom: 1.5625rem;
  }

  .program-benefits__header {
    margin-bottom: 1.875rem;
  }

  .program-benefits__items {
    margin-bottom: 1.875rem;
  }

  .benefit-card__description {
    padding-top: 0.5rem;
  }

  .benefit-card__description {
    padding-right: 0.5rem;
  }

  .benefit-card__description {
    padding-bottom: 0.5rem;
  }

  .benefit-card__description {
    padding-left: 0.5rem;
  }

  .vertical-card {
    padding-top: 0.75rem;
  }

  .vertical-card {
    padding-right: 0.9375rem;
  }

  .vertical-card {
    padding-bottom: 0.75rem;
  }

  .vertical-card {
    padding-left: 0.9375rem;
  }

  .vertical-card {
    row-gap: 1.125rem;
  }

  .vertical-card__title {
    font-size: 1rem;
  }

  .vertical-card__text {
    font-size: 0.875rem;
  }

  .tentative-list {
    margin-bottom: 1.5625rem;
  }

  .tentative-list__header {
    margin-bottom: 1.5625rem;
  }

  .registration {
    margin-bottom: 1.5625rem;
  }

  .registration__title {
    margin-bottom: 1.25rem;
  }

  .person-card__name {
    font-size: 0.8125rem;
  }

  .coaches {
    margin-bottom: 1.5625rem;
  }

  .coaches__title {
    margin-bottom: 1.25rem;
  }

  .coaches__body div:nth-child(2) {
    padding-top: 3.75rem;
  }

  .fair {
    margin-bottom: 1.5625rem;
  }

  .fair__title h2 {
    margin-bottom: 1.25rem;
  }

  .fair__body {
    margin-bottom: 1.5625rem;
  }

  .fair__body div:nth-child(1) {
    padding-top: 3.75rem;
  }

  .fair__schedule .schedule-block {
    margin-bottom: 0.625rem;
  }

  .schedule-block__body {
    font-size: 0.875rem;
  }

  .schedule-block__info li {
    font-size: 0.875rem;
  }

  .campus {
    margin-bottom: 1.5625rem;
  }

  .campus__title h2 {
    margin-bottom: 1.25rem;
  }

  .campus__picture {
    margin-bottom: 1.5625rem;
  }

  .campus .gradient-desc-list {
    margin-bottom: 1.5625rem;
  }

  .campus__list {
    margin-bottom: 1.5625rem;
  }

  .gradient-desc-list {
    padding-top: 1.375rem;
  }

  .gradient-desc-list {
    padding-bottom: 1.375rem;
  }

  .gradient-desc-list {
    -webkit-column-gap: 2.5rem;
       -moz-column-gap: 2.5rem;
            column-gap: 2.5rem;
  }

  .gradient-desc-list ul li {
    font-size: 0.875rem;
  }

  .campus-list__title {
    font-size: 1rem;
  }

  .campus-list__list-item,
  .campus-list__sub-list-item {
    font-size: 0.9375rem;
  }

  .prices-showcase {
    margin-bottom: 1.5625rem;
  }

  .prices-showcase__header {
    margin-bottom: 1.25rem;
  }

  .prices-showcase__list {
    margin-bottom: 1.5625rem;
  }

  .prices-showcase__list {
    row-gap: 1.25rem;
  }

  .bordered-text-block {
    margin-bottom: 1.25rem;
  }

  .contact-us {
    margin-bottom: 1.5625rem;
  }

  .contact-us__header {
    margin-bottom: 4.0625rem;
  }

  .contact-us__subtitle {
    font-size: 1.5rem;
  }

  .contact-us__subtitle {
    line-height: 2.0625rem;
  }
}

@media (max-width: 61.99875em) {
  .menu__body {
    position: fixed;
    z-index: 99;
    width: 100%;
    height: 100%;
    background-color: #DA224E;
    left: -100%;
    top: 0;
    padding: 15px;
    overflow: auto;
    -webkit-transition: left 0.3s ease 0s;
    -o-transition: left 0.3s ease 0s;
    transition: left 0.3s ease 0s;
  }

  .menu__body::before {
    content: "";
    width: 100%;
    position: fixed;
    top: 0;
    left: -100%;
    height: 70px;
    background-color: #DA224E;
    z-index: 2;
    -webkit-transition: left 0.3s ease 0s;
    -o-transition: left 0.3s ease 0s;
    transition: left 0.3s ease 0s;
  }

  .menu__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .icon-menu {
    display: block;
    position: relative;
    width: 3.0625rem;
    height: 1.125rem;
    z-index: 999;
  }

  .icon-menu span,
  .icon-menu::before,
  .icon-menu::after {
    content: "";
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    right: 0;
    position: absolute;
    width: 100%;
    height: 0.125rem;
    background-color: #fff;
  }

  .icon-menu::before {
    top: 0;
  }

  .icon-menu::after {
    bottom: 0;
  }

  .icon-menu span {
    top: calc(50% - 0.0625rem);
  }

  .menu-open .icon-menu span {
    width: 0;
  }

  .menu-open .icon-menu::before,
  .menu-open .icon-menu::after {
    width: 2rem;
    background-color: #071A74;
  }

  .menu-open .icon-menu::before {
    top: calc(50% - 0.0625rem);
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }

  .menu-open .icon-menu::after {
    bottom: calc(50% - 0.0625rem);
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
  }

  .gradient-desc-list ul {
    margin-bottom: 0.8125rem;
  }
}

@media (max-width: 61.99875em) and (any-hover: none) {
  .icon-menu {
    cursor: default;
  }
}

@media (max-width: 47.99875em) {
  .footer__logo img {
    position: absolute;
    top: 0;
    right: 0;
  }

  .programs__title h2::before {
    left: 0;
  }

  .programs__title h2::after {
    right: 0;
  }

  .showcase__title h2::before {
    left: 0;
  }

  .showcase__title h2::after {
    right: 0;
  }

  .showcase__row-item_timeline {
    margin-bottom: 2.1875rem;
  }

  .showcase-card__name {
    padding: 0.375rem 0.625rem;
  }

  .program-benefits__title h2 {
    max-width: 25rem;
  }

  .program-benefits__title h2::before {
    left: 0;
  }

  .program-benefits__title h2::after {
    right: 0;
  }

  .program-benefits .benefit-card__icon {
    display: none;
  }

  .program-benefits__football-icon {
    display: none;
  }

  .tentative-list__title h2::before {
    left: 0;
  }

  .tentative-list__title h2::after {
    right: 0;
  }

  .registration__title h2::before {
    left: 0;
  }

  .registration__title h2::after {
    right: 0;
  }

  .coaches__title h2::before {
    left: -2.8125rem;
  }

  .coaches__title h2::after {
    right: -2.8125rem;
  }

  .coaches__body div:nth-child(1) img {
    right: -0.625rem;
  }

  .coaches__body div:nth-child(2) img {
    left: -0.625rem;
  }

  .fair__title h2::before {
    left: 0;
  }

  .fair__title h2::after {
    right: 0;
  }

  .fair__body div:nth-child(1) img {
    right: -0.625rem;
  }

  .fair__body div:nth-child(2) img {
    left: -0.625rem;
  }

  .campus__title h2::before {
    left: 0;
  }

  .campus__title h2::after {
    right: 0;
  }

  .prices-showcase__header h2::before {
    left: 0;
  }

  .prices-showcase__header h2::after {
    right: 0;
  }

  .price-item__name {
    font-weight: 600;
    background: -o-radial-gradient(10% 26.47%, 98.82% 876.04%, #D000BB 0%, #FF9431 59.38%, #FF3C3C 91.98%);
    background: radial-gradient(98.82% 876.04% at 10% 26.47%, #D000BB 0%, #FF9431 59.38%, #FF3C3C 91.98%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    text-align: center;
    margin-bottom: 0.625rem;
  }

  .contact-us h2::before {
    left: -2.8125rem;
  }

  .contact-us h2::after {
    right: -2.8125rem;
  }
}

@media (max-width: 29.99875em) {
  .main-banner__title {
    font-size: 1.75rem;
  }

  .about__list li {
    margin-left: 1.25rem;
  }
}

@media (min-width: 20em) and (max-width: 80.875em) {
@supports (font-size: clamp( 1.375rem , 1.0875256674rem  +  1.4373716632vw , 2.25rem )) {
    .section-title__text {
      font-size: clamp( 1.375rem , 1.0875256674rem  +  1.4373716632vw , 2.25rem );
    }
}

@supports not (font-size: clamp( 1.375rem , 1.0875256674rem  +  1.4373716632vw , 2.25rem )) {
    .section-title__text {
      font-size: calc(1.375rem + 0.875 * (100vw - 20rem) / 60.875);
    }
}

@supports (font-size: clamp( 0.9375rem , 0.8348305955rem  +  0.5133470226vw , 1.25rem )) {
    .section-subtitle {
      font-size: clamp( 0.9375rem , 0.8348305955rem  +  0.5133470226vw , 1.25rem );
    }
}

@supports not (font-size: clamp( 0.9375rem , 0.8348305955rem  +  0.5133470226vw , 1.25rem )) {
    .section-subtitle {
      font-size: calc(0.9375rem + 0.3125 * (100vw - 20rem) / 60.875);
    }
}

@supports (width: clamp( 10.3125rem , 9.7375513347rem  +  2.8747433265vw , 12.0625rem )) {
    .header__logo img {
      width: clamp( 10.3125rem , 9.7375513347rem  +  2.8747433265vw , 12.0625rem );
    }
}

@supports not (width: clamp( 10.3125rem , 9.7375513347rem  +  2.8747433265vw , 12.0625rem )) {
    .header__logo img {
      width: calc(10.3125rem + 1.75 * (100vw - 20rem) / 60.875);
    }
}

@supports (padding-top: clamp( 1.875rem , 1.4643223819rem  +  2.0533880903vw , 3.125rem )) {
    .footer {
      padding-top: clamp( 1.875rem , 1.4643223819rem  +  2.0533880903vw , 3.125rem );
    }
}

@supports not (padding-top: clamp( 1.875rem , 1.4643223819rem  +  2.0533880903vw , 3.125rem )) {
    .footer {
      padding-top: calc(1.875rem + 1.25 * (100vw - 20rem) / 60.875);
    }
}

@supports (padding-bottom: clamp( 1.875rem , 1.4643223819rem  +  2.0533880903vw , 3.125rem )) {
    .footer {
      padding-bottom: clamp( 1.875rem , 1.4643223819rem  +  2.0533880903vw , 3.125rem );
    }
}

@supports not (padding-bottom: clamp( 1.875rem , 1.4643223819rem  +  2.0533880903vw , 3.125rem )) {
    .footer {
      padding-bottom: calc(1.875rem + 1.25 * (100vw - 20rem) / 60.875);
    }
}

@supports (margin-bottom: clamp( 1.25rem , 0.8393223819rem  +  2.0533880903vw , 2.5rem )) {
    .footer__top {
      margin-bottom: clamp( 1.25rem , 0.8393223819rem  +  2.0533880903vw , 2.5rem );
    }
}

@supports not (margin-bottom: clamp( 1.25rem , 0.8393223819rem  +  2.0533880903vw , 2.5rem )) {
    .footer__top {
      margin-bottom: calc(1.25rem + 1.25 * (100vw - 20rem) / 60.875);
    }
}

@supports (font-size: clamp( 0.9375rem , 0.9169661191rem  +  0.1026694045vw , 1rem )) {
    .footer__bottom p {
      font-size: clamp( 0.9375rem , 0.9169661191rem  +  0.1026694045vw , 1rem );
    }
}

@supports not (font-size: clamp( 0.9375rem , 0.9169661191rem  +  0.1026694045vw , 1rem )) {
    .footer__bottom p {
      font-size: calc(0.9375rem + 0.0625 * (100vw - 20rem) / 60.875);
    }
}

@supports (padding-top: clamp( 11.125rem , 19.3453542094rem  +  -10.1642710472vw , 17.3125rem )) {
    .main-banner__wrapper {
      padding-top: clamp( 11.125rem , 19.3453542094rem  +  -10.1642710472vw , 17.3125rem );
    }
}

@supports not (padding-top: clamp( 11.125rem , 19.3453542094rem  +  -10.1642710472vw , 17.3125rem )) {
    .main-banner__wrapper {
      padding-top: calc(17.3125rem + -6.1875 * (100vw - 20rem) / 60.875);
    }
}

@supports (min-height: clamp( 52.75rem , 51.6001026694rem  +  5.749486653vw , 56.25rem )) {
    .main-banner__wrapper {
      min-height: clamp( 52.75rem , 51.6001026694rem  +  5.749486653vw , 56.25rem );
    }
}

@supports not (min-height: clamp( 52.75rem , 51.6001026694rem  +  5.749486653vw , 56.25rem )) {
    .main-banner__wrapper {
      min-height: calc(52.75rem + 3.5 * (100vw - 20rem) / 60.875);
    }
}

@supports (font-size: clamp( 1rem , 0.7125256674rem  +  1.4373716632vw , 1.875rem )) {
    .main-banner__subtitle {
      font-size: clamp( 1rem , 0.7125256674rem  +  1.4373716632vw , 1.875rem );
    }
}

@supports not (font-size: clamp( 1rem , 0.7125256674rem  +  1.4373716632vw , 1.875rem )) {
    .main-banner__subtitle {
      font-size: calc(1rem + 0.875 * (100vw - 20rem) / 60.875);
    }
}

@supports (line-height: clamp( 1.375rem , 0.9848562628rem  +  1.9507186858vw , 2.5625rem )) {
    .main-banner__subtitle {
      line-height: clamp( 1.375rem , 0.9848562628rem  +  1.9507186858vw , 2.5625rem );
    }
}

@supports not (line-height: clamp( 1.375rem , 0.9848562628rem  +  1.9507186858vw , 2.5625rem )) {
    .main-banner__subtitle {
      line-height: calc(1.375rem + 1.1875 * (100vw - 20rem) / 60.875);
    }
}

@supports (line-height: clamp( 2.375rem , 0.7528234086rem  +  8.1108829569vw , 7.3125rem )) {
    .main-banner__title {
      line-height: clamp( 2.375rem , 0.7528234086rem  +  8.1108829569vw , 7.3125rem );
    }
}

@supports not (line-height: clamp( 2.375rem , 0.7528234086rem  +  8.1108829569vw , 7.3125rem )) {
    .main-banner__title {
      line-height: calc(2.375rem + 4.9375 * (100vw - 20rem) / 60.875);
    }
}

@supports (font-size: clamp( 0.9375rem , 0.9169661191rem  +  0.1026694045vw , 1rem )) {
    .main-banner__tagline {
      font-size: clamp( 0.9375rem , 0.9169661191rem  +  0.1026694045vw , 1rem );
    }
}

@supports not (font-size: clamp( 0.9375rem , 0.9169661191rem  +  0.1026694045vw , 1rem )) {
    .main-banner__tagline {
      font-size: calc(0.9375rem + 0.0625 * (100vw - 20rem) / 60.875);
    }
}

@supports (line-height: clamp( 1.25rem , 1.2089322382rem  +  0.205338809vw , 1.375rem )) {
    .main-banner__tagline {
      line-height: clamp( 1.25rem , 1.2089322382rem  +  0.205338809vw , 1.375rem );
    }
}

@supports not (line-height: clamp( 1.25rem , 1.2089322382rem  +  0.205338809vw , 1.375rem )) {
    .main-banner__tagline {
      line-height: calc(1.25rem + 0.125 * (100vw - 20rem) / 60.875);
    }
}

@supports (top: clamp( -1.875rem , 0.6160165101rem  +  -3.0800822382vw , 0.0000000625rem )) {
    .main-banner__tagline::after {
      top: clamp( -1.875rem , 0.6160165101rem  +  -3.0800822382vw , 0.0000000625rem );
    }
}

@supports not (top: clamp( -1.875rem , 0.6160165101rem  +  -3.0800822382vw , 0.0000000625rem )) {
    .main-banner__tagline::after {
      top: calc(0.0000000625rem + -1.8750000625 * (100vw - 20rem) / 60.875);
    }
}

@supports (right: clamp( -7.5rem , -9.7587268994rem  +  11.2936344969vw , -0.625rem )) {
    .main-banner__tagline::after {
      right: clamp( -7.5rem , -9.7587268994rem  +  11.2936344969vw , -0.625rem );
    }
}

@supports not (right: clamp( -7.5rem , -9.7587268994rem  +  11.2936344969vw , -0.625rem )) {
    .main-banner__tagline::after {
      right: calc(-7.5rem + 6.875 * (100vw - 20rem) / 60.875);
    }
}

@supports (width: clamp( 18.0625rem , 9.7257443532rem  +  41.6837782341vw , 43.4375rem )) {
    .main-banner__tagline::after {
      width: clamp( 18.0625rem , 9.7257443532rem  +  41.6837782341vw , 43.4375rem );
    }
}

@supports not (width: clamp( 18.0625rem , 9.7257443532rem  +  41.6837782341vw , 43.4375rem )) {
    .main-banner__tagline::after {
      width: calc(18.0625rem + 25.375 * (100vw - 20rem) / 60.875);
    }
}

@supports (height: clamp( 21.5625rem , 17.4146560575rem  +  20.7392197125vw , 34.1875rem )) {
    .main-banner__tagline::after {
      height: clamp( 21.5625rem , 17.4146560575rem  +  20.7392197125vw , 34.1875rem );
    }
}

@supports not (height: clamp( 21.5625rem , 17.4146560575rem  +  20.7392197125vw , 34.1875rem )) {
    .main-banner__tagline::after {
      height: calc(21.5625rem + 12.625 * (100vw - 20rem) / 60.875);
    }
}

@supports (width: clamp( 11.1875rem , 7.6146047228rem  +  17.864476386vw , 22.0625rem )) {
    .main-banner__icon_football {
      width: clamp( 11.1875rem , 7.6146047228rem  +  17.864476386vw , 22.0625rem );
    }
}

@supports not (width: clamp( 11.1875rem , 7.6146047228rem  +  17.864476386vw , 22.0625rem )) {
    .main-banner__icon_football {
      width: calc(11.1875rem + 10.875 * (100vw - 20rem) / 60.875);
    }
}

@supports (height: clamp( 10.8125rem , 7.3628080082rem  +  17.2484599589vw , 21.3125rem )) {
    .main-banner__icon_football {
      height: clamp( 10.8125rem , 7.3628080082rem  +  17.2484599589vw , 21.3125rem );
    }
}

@supports not (height: clamp( 10.8125rem , 7.3628080082rem  +  17.2484599589vw , 21.3125rem )) {
    .main-banner__icon_football {
      height: calc(10.8125rem + 10.5 * (100vw - 20rem) / 60.875);
    }
}

@supports (top: clamp( 0.375rem , 0.3339322382rem  +  0.205338809vw , 0.5rem )) {
    .main-banner__icon_football img {
      top: clamp( 0.375rem , 0.3339322382rem  +  0.205338809vw , 0.5rem );
    }
}

@supports not (top: clamp( 0.375rem , 0.3339322382rem  +  0.205338809vw , 0.5rem )) {
    .main-banner__icon_football img {
      top: calc(0.375rem + 0.125 * (100vw - 20rem) / 60.875);
    }
}

@supports (left: clamp( 1.25rem , 0.8803901437rem  +  1.8480492813vw , 2.375rem )) {
    .main-banner__icon_football img {
      left: clamp( 1.25rem , 0.8803901437rem  +  1.8480492813vw , 2.375rem );
    }
}

@supports not (left: clamp( 1.25rem , 0.8803901437rem  +  1.8480492813vw , 2.375rem )) {
    .main-banner__icon_football img {
      left: calc(1.25rem + 1.125 * (100vw - 20rem) / 60.875);
    }
}

@supports (width: clamp( 8.75rem , 5.9163244353rem  +  14.1683778234vw , 17.375rem )) {
    .main-banner__icon_football img {
      width: clamp( 8.75rem , 5.9163244353rem  +  14.1683778234vw , 17.375rem );
    }
}

@supports not (width: clamp( 8.75rem , 5.9163244353rem  +  14.1683778234vw , 17.375rem )) {
    .main-banner__icon_football img {
      width: calc(8.75rem + 8.625 * (100vw - 20rem) / 60.875);
    }
}

@supports (width: clamp( 13.0625rem , 11.9536704312rem  +  5.5441478439vw , 16.4375rem )) {
    .main-banner__icon_tennis {
      width: clamp( 13.0625rem , 11.9536704312rem  +  5.5441478439vw , 16.4375rem );
    }
}

@supports not (width: clamp( 13.0625rem , 11.9536704312rem  +  5.5441478439vw , 16.4375rem )) {
    .main-banner__icon_tennis {
      width: calc(13.0625rem + 3.375 * (100vw - 20rem) / 60.875);
    }
}

@supports (height: clamp( 12.625rem , 11.557238193rem  +  5.3388090349vw , 15.875rem )) {
    .main-banner__icon_tennis {
      height: clamp( 12.625rem , 11.557238193rem  +  5.3388090349vw , 15.875rem );
    }
}

@supports not (height: clamp( 12.625rem , 11.557238193rem  +  5.3388090349vw , 15.875rem )) {
    .main-banner__icon_tennis {
      height: calc(12.625rem + 3.25 * (100vw - 20rem) / 60.875);
    }
}

@supports (top: clamp( 0.5625rem , 0.4392967146rem  +  0.6160164271vw , 0.9375rem )) {
    .main-banner__icon_tennis img {
      top: clamp( 0.5625rem , 0.4392967146rem  +  0.6160164271vw , 0.9375rem );
    }
}

@supports not (top: clamp( 0.5625rem , 0.4392967146rem  +  0.6160164271vw , 0.9375rem )) {
    .main-banner__icon_tennis img {
      top: calc(0.5625rem + 0.375 * (100vw - 20rem) / 60.875);
    }
}

@supports (left: clamp( 1.0625rem , 0.9392967146rem  +  0.6160164271vw , 1.4375rem )) {
    .main-banner__icon_tennis img {
      left: clamp( 1.0625rem , 0.9392967146rem  +  0.6160164271vw , 1.4375rem );
    }
}

@supports not (left: clamp( 1.0625rem , 0.9392967146rem  +  0.6160164271vw , 1.4375rem )) {
    .main-banner__icon_tennis img {
      left: calc(1.0625rem + 0.375 * (100vw - 20rem) / 60.875);
    }
}

@supports (width: clamp( 11rem , 10.1375770021rem  +  4.3121149897vw , 13.625rem )) {
    .main-banner__icon_tennis img {
      width: clamp( 11rem , 10.1375770021rem  +  4.3121149897vw , 13.625rem );
    }
}

@supports not (width: clamp( 11rem , 10.1375770021rem  +  4.3121149897vw , 13.625rem )) {
    .main-banner__icon_tennis img {
      width: calc(11rem + 2.625 * (100vw - 20rem) / 60.875);
    }
}

@supports (width: clamp( 10.25rem , 8.6894250513rem  +  7.8028747433vw , 15rem )) {
    .main-banner__icon_basketball {
      width: clamp( 10.25rem , 8.6894250513rem  +  7.8028747433vw , 15rem );
    }
}

/* .learn-more-button-container {
    z-index: 150;
    position: absolute;
    padding-top: 10%;
    left: 50%;
    transform: translateX(-50%);
} */

.main-banner__icon_basketball {
    z-index: 150;
    position: absolute;
    left: 55%;
    top: 70%;
}

@supports not (width: clamp( 10.25rem , 8.6894250513rem  +  7.8028747433vw , 15rem )) {
    .main-banner__icon_basketball {
      width: calc(10.25rem + 4.75 * (100vw - 20rem) / 60.875);
    }
}

@supports (height: clamp( 9.875rem , 8.3554928131rem  +  7.5975359343vw , 14.5rem )) {
    .main-banner__icon_basketball {
      height: clamp( 9.875rem , 8.3554928131rem  +  7.5975359343vw , 14.5rem );
    }
}

@supports not (height: clamp( 9.875rem , 8.3554928131rem  +  7.5975359343vw , 14.5rem )) {
    .main-banner__icon_basketball {
      height: calc(9.875rem + 4.625 * (100vw - 20rem) / 60.875);
    }
}

@supports (width: clamp( 11.875rem , 10.8483059548rem  +  5.1334702259vw , 15rem )) {
    .main-banner__icon_basketball img {
      width: clamp( 11.875rem , 10.8483059548rem  +  5.1334702259vw , 15rem );
    }
}

@supports not (width: clamp( 11.875rem , 10.8483059548rem  +  5.1334702259vw , 15rem )) {
    .main-banner__icon_basketball img {
      width: calc(11.875rem + 3.125 * (100vw - 20rem) / 60.875);
    }
}

@supports (width: clamp( 10.25rem , 9.9214579055rem  +  1.6427104723vw , 11.25rem )) {
    .main-banner__icon_volleyball {
      width: clamp( 10.25rem , 9.9214579055rem  +  1.6427104723vw , 11.25rem );
    }
}

@supports not (width: clamp( 10.25rem , 9.9214579055rem  +  1.6427104723vw , 11.25rem )) {
    .main-banner__icon_volleyball {
      width: calc(10.25rem + 1 * (100vw - 20rem) / 60.875);
    }
}

@supports (height: clamp( 10.1875rem , 9.8589579055rem  +  1.6427104723vw , 11.1875rem )) {
    .main-banner__icon_volleyball {
      height: clamp( 10.1875rem , 9.8589579055rem  +  1.6427104723vw , 11.1875rem );
    }
}

@supports not (height: clamp( 10.1875rem , 9.8589579055rem  +  1.6427104723vw , 11.1875rem )) {
    .main-banner__icon_volleyball {
      height: calc(10.1875rem + 1 * (100vw - 20rem) / 60.875);
    }
}

@supports (top: clamp( 0.375rem , 0.2107289528rem  +  0.8213552361vw , 0.875rem )) {
    .main-banner__icon_volleyball img {
      top: clamp( 0.375rem , 0.2107289528rem  +  0.8213552361vw , 0.875rem );
    }
}

@supports not (top: clamp( 0.375rem , 0.2107289528rem  +  0.8213552361vw , 0.875rem )) {
    .main-banner__icon_volleyball img {
      top: calc(0.375rem + 0.5 * (100vw - 20rem) / 60.875);
    }
}

@supports (left: clamp( 0.3125rem , 0.2098305955rem  +  0.5133470226vw , 0.625rem )) {
    .main-banner__icon_volleyball img {
      left: clamp( 0.3125rem , 0.2098305955rem  +  0.5133470226vw , 0.625rem );
    }
}

@supports not (left: clamp( 0.3125rem , 0.2098305955rem  +  0.5133470226vw , 0.625rem )) {
    .main-banner__icon_volleyball img {
      left: calc(0.3125rem + 0.3125 * (100vw - 20rem) / 60.875);
    }
}

@supports (width: clamp( 9.625rem , 9.3785934292rem  +  1.2320328542vw , 10.375rem )) {
    .main-banner__icon_volleyball img {
      width: clamp( 9.625rem , 9.3785934292rem  +  1.2320328542vw , 10.375rem );
    }
}

@supports not (width: clamp( 9.625rem , 9.3785934292rem  +  1.2320328542vw , 10.375rem )) {
    .main-banner__icon_volleyball img {
      width: calc(9.625rem + 0.75 * (100vw - 20rem) / 60.875);
    }
}

@supports (margin-bottom: clamp( 1.5625rem , 0.1867299795rem  +  6.8788501027vw , 5.75rem )) {
    .about {
      margin-bottom: clamp( 1.5625rem , 0.1867299795rem  +  6.8788501027vw , 5.75rem );
    }
}

@supports not (margin-bottom: clamp( 1.5625rem , 0.1867299795rem  +  6.8788501027vw , 5.75rem )) {
    .about {
      margin-bottom: calc(1.5625rem + 4.1875 * (100vw - 20rem) / 60.875);
    }
}

@supports (min-height: clamp( 31.25rem , 25.500513347rem  +  28.7474332649vw , 48.75rem )) {
    .about__wrap {
      min-height: clamp( 31.25rem , 25.500513347rem  +  28.7474332649vw , 48.75rem );
    }
}

@supports not (min-height: clamp( 31.25rem , 25.500513347rem  +  28.7474332649vw , 48.75rem )) {
    .about__wrap {
      min-height: calc(31.25rem + 17.5 * (100vw - 20rem) / 60.875);
    }
}

@supports (font-size: clamp( 1.5rem , 1.1714579055rem  +  1.6427104723vw , 2.5rem )) {
    .about__title {
      font-size: clamp( 1.5rem , 1.1714579055rem  +  1.6427104723vw , 2.5rem );
    }
}

@supports not (font-size: clamp( 1.5rem , 1.1714579055rem  +  1.6427104723vw , 2.5rem )) {
    .about__title {
      font-size: calc(1.5rem + 1 * (100vw - 20rem) / 60.875);
    }
}

@supports (font-size: clamp( 0.9375rem , 0.8348305955rem  +  0.5133470226vw , 1.25rem )) {
    .about__list li {
      font-size: clamp( 0.9375rem , 0.8348305955rem  +  0.5133470226vw , 1.25rem );
    }
}

@supports not (font-size: clamp( 0.9375rem , 0.8348305955rem  +  0.5133470226vw , 1.25rem )) {
    .about__list li {
      font-size: calc(0.9375rem + 0.3125 * (100vw - 20rem) / 60.875);
    }
}

.about__list li {
    line-height: 1.5;
}

@supports (margin-bottom: clamp( 1.25rem , 0.5313141684rem  +  3.5934291581vw , 3.4375rem )) {
    .about__list li:not(:last-child) {
      margin-bottom: clamp( 1.25rem , 0.5313141684rem  +  3.5934291581vw , 3.4375rem );
    }
}

@supports not (margin-bottom: clamp( 1.25rem , 0.5313141684rem  +  3.5934291581vw , 3.4375rem )) {
    .about__list li:not(:last-child) {
      margin-bottom: calc(1.25rem + 2.1875 * (100vw - 20rem) / 60.875);
    }
}

@supports (width: clamp( 0.9375rem , 0.6294917864rem  +  1.5400410678vw , 1.875rem )) {
    .icons-about__icon_scholarships svg {
      width: clamp( 0.9375rem , 0.6294917864rem  +  1.5400410678vw , 1.875rem );
    }
}

@supports not (width: clamp( 0.9375rem , 0.6294917864rem  +  1.5400410678vw , 1.875rem )) {
    .icons-about__icon_scholarships svg {
      width: calc(0.9375rem + 0.9375 * (100vw - 20rem) / 60.875);
    }
}

@supports (width: clamp( 0.875rem , 0.6080595483rem  +  1.3347022587vw , 1.6875rem )) {
    .icons-about__icon_meals svg {
      width: clamp( 0.875rem , 0.6080595483rem  +  1.3347022587vw , 1.6875rem );
    }
}

@supports not (width: clamp( 0.875rem , 0.6080595483rem  +  1.3347022587vw , 1.6875rem )) {
    .icons-about__icon_meals svg {
      width: calc(0.875rem + 0.8125 * (100vw - 20rem) / 60.875);
    }
}

@supports (width: clamp( 0.75rem , 0.5241273101rem  +  1.1293634497vw , 1.4375rem )) {
    .icons-about__icon_ball svg {
      width: clamp( 0.75rem , 0.5241273101rem  +  1.1293634497vw , 1.4375rem );
    }
}

@supports not (width: clamp( 0.75rem , 0.5241273101rem  +  1.1293634497vw , 1.4375rem )) {
    .icons-about__icon_ball svg {
      width: calc(0.75rem + 0.6875 * (100vw - 20rem) / 60.875);
    }
}

@supports (width: clamp( 0.75rem , 0.5241273101rem  +  1.1293634497vw , 1.4375rem )) {
    .icons-about__icon_house svg {
      width: clamp( 0.75rem , 0.5241273101rem  +  1.1293634497vw , 1.4375rem );
    }
}

@supports not (width: clamp( 0.75rem , 0.5241273101rem  +  1.1293634497vw , 1.4375rem )) {
    .icons-about__icon_house svg {
      width: calc(0.75rem + 0.6875 * (100vw - 20rem) / 60.875);
    }
}

@supports (width: clamp( 0.8125rem , 0.607161191rem  +  1.0266940452vw , 1.4375rem )) {
    .icons-about__icon_castle svg {
      width: clamp( 0.8125rem , 0.607161191rem  +  1.0266940452vw , 1.4375rem );
    }
}

@supports not (width: clamp( 0.8125rem , 0.607161191rem  +  1.0266940452vw , 1.4375rem )) {
    .icons-about__icon_castle svg {
      width: calc(0.8125rem + 0.625 * (100vw - 20rem) / 60.875);
    }
}

@supports (margin-bottom: clamp( 2.5rem , 1.2679671458rem  +  6.160164271vw , 6.25rem )) {
    .programs {
      margin-bottom: clamp( 2.5rem , 1.2679671458rem  +  6.160164271vw , 6.25rem );
    }
}

@supports not (margin-bottom: clamp( 2.5rem , 1.2679671458rem  +  6.160164271vw , 6.25rem )) {
    .programs {
      margin-bottom: calc(2.5rem + 3.75 * (100vw - 20rem) / 60.875);
    }
}

@supports (margin-bottom: clamp( 1.875rem , 0.6429671458rem  +  6.160164271vw , 5.625rem )) {
    .programs__title {
      margin-bottom: clamp( 1.875rem , 0.6429671458rem  +  6.160164271vw , 5.625rem );
    }
}

@supports not (margin-bottom: clamp( 1.875rem , 0.6429671458rem  +  6.160164271vw , 5.625rem )) {
    .programs__title {
      margin-bottom: calc(1.875rem + 3.75 * (100vw - 20rem) / 60.875);
    }
}

@supports (font-size: clamp( 1rem , 0.9178644764rem  +  0.4106776181vw , 1.25rem )) {
    .item-programs__title {
      font-size: clamp( 1rem , 0.9178644764rem  +  0.4106776181vw , 1.25rem );
    }
}

@supports not (font-size: clamp( 1rem , 0.9178644764rem  +  0.4106776181vw , 1.25rem )) {
    .item-programs__title {
      font-size: calc(1rem + 0.25 * (100vw - 20rem) / 60.875);
    }
}

@supports (margin-bottom: clamp( 1.25rem , 1.044661191rem  +  1.0266940452vw , 1.875rem )) {
    .item-programs__title {
      margin-bottom: clamp( 1.25rem , 1.044661191rem  +  1.0266940452vw , 1.875rem );
    }
}

@supports not (margin-bottom: clamp( 1.25rem , 1.044661191rem  +  1.0266940452vw , 1.875rem )) {
    .item-programs__title {
      margin-bottom: calc(1.25rem + 0.625 * (100vw - 20rem) / 60.875);
    }
}

@supports (bottom: clamp( -0.875rem , -0.4598305955rem  +  -0.5133470226vw , -0.5625rem )) {
    .item-programs__title::after {
      bottom: clamp( -0.875rem , -0.4598305955rem  +  -0.5133470226vw , -0.5625rem );
    }
}

@supports not (bottom: clamp( -0.875rem , -0.4598305955rem  +  -0.5133470226vw , -0.5625rem )) {
    .item-programs__title::after {
      bottom: calc(-0.5625rem + -0.3125 * (100vw - 20rem) / 60.875);
    }
}

@supports (font-size: clamp( 0.875rem , 0.8339322382rem  +  0.205338809vw , 1rem )) {
    .item-programs__text {
      font-size: clamp( 0.875rem , 0.8339322382rem  +  0.205338809vw , 1rem );
    }
}

@supports not (font-size: clamp( 0.875rem , 0.8339322382rem  +  0.205338809vw , 1rem )) {
    .item-programs__text {
      font-size: calc(0.875rem + 0.125 * (100vw - 20rem) / 60.875);
    }
}

@supports (margin-bottom: clamp( 1.5625rem , 0.4331365503rem  +  5.6468172485vw , 5rem )) {
    .showcase {
      margin-bottom: clamp( 1.5625rem , 0.4331365503rem  +  5.6468172485vw , 5rem );
    }
}

@supports not (margin-bottom: clamp( 1.5625rem , 0.4331365503rem  +  5.6468172485vw , 5rem )) {
    .showcase {
      margin-bottom: calc(1.5625rem + 3.4375 * (100vw - 20rem) / 60.875);
    }
}

@supports (margin-bottom: clamp( 1.25rem , 0.0179671458rem  +  6.160164271vw , 5rem )) {
    .showcase__subtitle {
      margin-bottom: clamp( 1.25rem , 0.0179671458rem  +  6.160164271vw , 5rem );
    }
}

@supports not (margin-bottom: clamp( 1.25rem , 0.0179671458rem  +  6.160164271vw , 5rem )) {
    .showcase__subtitle {
      margin-bottom: calc(1.25rem + 3.75 * (100vw - 20rem) / 60.875);
    }
}

@supports (margin-bottom: clamp( 1.5625rem , 0.4331365503rem  +  5.6468172485vw , 5rem )) {
    .showcase__cards {
      margin-bottom: clamp( 1.5625rem , 0.4331365503rem  +  5.6468172485vw , 5rem );
    }
}

@supports not (margin-bottom: clamp( 1.5625rem , 0.4331365503rem  +  5.6468172485vw , 5rem )) {
    .showcase__cards {
      margin-bottom: calc(1.5625rem + 3.4375 * (100vw - 20rem) / 60.875);
    }
}

@supports (height: clamp( 8.125rem , 6.9340349076rem  +  5.954825462vw , 11.75rem )) {
    .showcase-card__picture {
      height: clamp( 8.125rem , 6.9340349076rem  +  5.954825462vw , 11.75rem );
    }
}

@supports not (height: clamp( 8.125rem , 6.9340349076rem  +  5.954825462vw , 11.75rem )) {
    .showcase-card__picture {
      height: calc(8.125rem + 3.625 * (100vw - 20rem) / 60.875);
    }
}

@supports (font-size: clamp( 1.25rem , 1.1678644764rem  +  0.4106776181vw , 1.5rem )) {
    .showcase-text-block__title {
      font-size: clamp( 1.25rem , 1.1678644764rem  +  0.4106776181vw , 1.5rem );
    }
}

@supports not (font-size: clamp( 1.25rem , 1.1678644764rem  +  0.4106776181vw , 1.5rem )) {
    .showcase-text-block__title {
      font-size: calc(1.25rem + 0.25 * (100vw - 20rem) / 60.875);
    }
}

@supports (margin-bottom: clamp( 0.8125rem , 0.5044917864rem  +  1.5400410678vw , 1.75rem )) {
    .showcase-text-block__title {
      margin-bottom: clamp( 0.8125rem , 0.5044917864rem  +  1.5400410678vw , 1.75rem );
    }
}

@supports not (margin-bottom: clamp( 0.8125rem , 0.5044917864rem  +  1.5400410678vw , 1.75rem )) {
    .showcase-text-block__title {
      margin-bottom: calc(0.8125rem + 0.9375 * (100vw - 20rem) / 60.875);
    }
}

@supports (font-size: clamp( 0.875rem , 0.7928644764rem  +  0.4106776181vw , 1.125rem )) {
    .showcase-text-block__list li {
      font-size: clamp( 0.875rem , 0.7928644764rem  +  0.4106776181vw , 1.125rem );
    }
}

@supports not (font-size: clamp( 0.875rem , 0.7928644764rem  +  0.4106776181vw , 1.125rem )) {
    .showcase-text-block__list li {
      font-size: calc(0.875rem + 0.25 * (100vw - 20rem) / 60.875);
    }
}

@supports (margin-bottom: clamp( 0.8125rem , 0.6892967146rem  +  0.6160164271vw , 1.1875rem )) {
    .showcase-text-block__list li:not(:last-child) {
      margin-bottom: clamp( 0.8125rem , 0.6892967146rem  +  0.6160164271vw , 1.1875rem );
    }
}

@supports not (margin-bottom: clamp( 0.8125rem , 0.6892967146rem  +  0.6160164271vw , 1.1875rem )) {
    .showcase-text-block__list li:not(:last-child) {
      margin-bottom: calc(0.8125rem + 0.375 * (100vw - 20rem) / 60.875);
    }
}

@supports (row-gap: clamp( 1.875rem , -0.5890657084rem  +  12.3203285421vw , 9.375rem )) {
    .timeline {
      row-gap: clamp( 1.875rem , -0.5890657084rem  +  12.3203285421vw , 9.375rem );
    }
}

@supports not (row-gap: clamp( 1.875rem , -0.5890657084rem  +  12.3203285421vw , 9.375rem )) {
    .timeline {
      row-gap: calc(1.875rem + 7.5 * (100vw - 20rem) / 60.875);
    }
}

@supports (row-gap: clamp( 1.875rem , -0.5890657084rem  +  12.3203285421vw , 9.375rem )) {
    .timeline__row_bottom:before {
      row-gap: clamp( 1.875rem , -0.5890657084rem  +  12.3203285421vw , 9.375rem );
    }
}

@supports not (row-gap: clamp( 1.875rem , -0.5890657084rem  +  12.3203285421vw , 9.375rem )) {
    .timeline__row_bottom:before {
      row-gap: calc(1.875rem + 7.5 * (100vw - 20rem) / 60.875);
    }
}

@supports (top: clamp( -4.6875rem , 0.2945328542rem  +  -6.160164271vw , -0.9375rem )) {
    .timeline__row_bottom:before {
      top: clamp( -4.6875rem , 0.2945328542rem  +  -6.160164271vw , -0.9375rem );
    }
}

@supports not (top: clamp( -4.6875rem , 0.2945328542rem  +  -6.160164271vw , -0.9375rem )) {
    .timeline__row_bottom:before {
      top: calc(-0.9375rem + -3.75 * (100vw - 20rem) / 60.875);
    }
}

@supports (font-size: clamp( 1.25rem , 1.1678644764rem  +  0.4106776181vw , 1.5rem )) {
    .timeline__value {
      font-size: clamp( 1.25rem , 1.1678644764rem  +  0.4106776181vw , 1.5rem );
    }
}

@supports not (font-size: clamp( 1.25rem , 1.1678644764rem  +  0.4106776181vw , 1.5rem )) {
    .timeline__value {
      font-size: calc(1.25rem + 0.25 * (100vw - 20rem) / 60.875);
    }
}

@supports (margin-bottom: clamp( 1.5625rem , 0.4331365503rem  +  5.6468172485vw , 5rem )) {
    .program-benefits {
      margin-bottom: clamp( 1.5625rem , 0.4331365503rem  +  5.6468172485vw , 5rem );
    }
}

@supports not (margin-bottom: clamp( 1.5625rem , 0.4331365503rem  +  5.6468172485vw , 5rem )) {
    .program-benefits {
      margin-bottom: calc(1.5625rem + 3.4375 * (100vw - 20rem) / 60.875);
    }
}

@supports (margin-bottom: clamp( 1.875rem , 0.8483059548rem  +  5.1334702259vw , 5rem )) {
    .program-benefits__header {
      margin-bottom: clamp( 1.875rem , 0.8483059548rem  +  5.1334702259vw , 5rem );
    }
}

@supports not (margin-bottom: clamp( 1.875rem , 0.8483059548rem  +  5.1334702259vw , 5rem )) {
    .program-benefits__header {
      margin-bottom: calc(1.875rem + 3.125 * (100vw - 20rem) / 60.875);
    }
}

@supports (margin-bottom: clamp( 1.875rem , 0.8483059548rem  +  5.1334702259vw , 5rem )) {
    .program-benefits__items {
      margin-bottom: clamp( 1.875rem , 0.8483059548rem  +  5.1334702259vw , 5rem );
    }
}

@supports not (margin-bottom: clamp( 1.875rem , 0.8483059548rem  +  5.1334702259vw , 5rem )) {
    .program-benefits__items {
      margin-bottom: calc(1.875rem + 3.125 * (100vw - 20rem) / 60.875);
    }
}

@supports (padding-top: clamp( 0.5rem , 0.0482546201rem  +  2.2587268994vw , 1.875rem )) {
    .benefit-card__description {
      padding-top: clamp( 0.5rem , 0.0482546201rem  +  2.2587268994vw , 1.875rem );
    }
}

@supports not (padding-top: clamp( 0.5rem , 0.0482546201rem  +  2.2587268994vw , 1.875rem )) {
    .benefit-card__description {
      padding-top: calc(0.5rem + 1.375 * (100vw - 20rem) / 60.875);
    }
}

@supports (padding-right: clamp( 0.5rem , -0.1570841889rem  +  3.2854209446vw , 2.5rem )) {
    .benefit-card__description {
      padding-right: clamp( 0.5rem , -0.1570841889rem  +  3.2854209446vw , 2.5rem );
    }
}

@supports not (padding-right: clamp( 0.5rem , -0.1570841889rem  +  3.2854209446vw , 2.5rem )) {
    .benefit-card__description {
      padding-right: calc(0.5rem + 2 * (100vw - 20rem) / 60.875);
    }
}

@supports (padding-bottom: clamp( 0.5rem , 0.0482546201rem  +  2.2587268994vw , 1.875rem )) {
    .benefit-card__description {
      padding-bottom: clamp( 0.5rem , 0.0482546201rem  +  2.2587268994vw , 1.875rem );
    }
}

@supports not (padding-bottom: clamp( 0.5rem , 0.0482546201rem  +  2.2587268994vw , 1.875rem )) {
    .benefit-card__description {
      padding-bottom: calc(0.5rem + 1.375 * (100vw - 20rem) / 60.875);
    }
}

@supports (padding-left: clamp( 0.5rem , -0.1570841889rem  +  3.2854209446vw , 2.5rem )) {
    .benefit-card__description {
      padding-left: clamp( 0.5rem , -0.1570841889rem  +  3.2854209446vw , 2.5rem );
    }
}

@supports not (padding-left: clamp( 0.5rem , -0.1570841889rem  +  3.2854209446vw , 2.5rem )) {
    .benefit-card__description {
      padding-left: calc(0.5rem + 2 * (100vw - 20rem) / 60.875);
    }
}

@supports (padding-top: clamp( 0.75rem , 0.3803901437rem  +  1.8480492813vw , 1.875rem )) {
    .vertical-card {
      padding-top: clamp( 0.75rem , 0.3803901437rem  +  1.8480492813vw , 1.875rem );
    }
}

@supports not (padding-top: clamp( 0.75rem , 0.3803901437rem  +  1.8480492813vw , 1.875rem )) {
    .vertical-card {
      padding-top: calc(0.75rem + 1.125 * (100vw - 20rem) / 60.875);
    }
}

@supports (padding-right: clamp( 0.9375rem , 0.506288501rem  +  2.1560574949vw , 2.25rem )) {
    .vertical-card {
      padding-right: clamp( 0.9375rem , 0.506288501rem  +  2.1560574949vw , 2.25rem );
    }
}

@supports not (padding-right: clamp( 0.9375rem , 0.506288501rem  +  2.1560574949vw , 2.25rem )) {
    .vertical-card {
      padding-right: calc(0.9375rem + 1.3125 * (100vw - 20rem) / 60.875);
    }
}

@supports (padding-bottom: clamp( 0.75rem , 0.3803901437rem  +  1.8480492813vw , 1.875rem )) {
    .vertical-card {
      padding-bottom: clamp( 0.75rem , 0.3803901437rem  +  1.8480492813vw , 1.875rem );
    }
}

@supports not (padding-bottom: clamp( 0.75rem , 0.3803901437rem  +  1.8480492813vw , 1.875rem )) {
    .vertical-card {
      padding-bottom: calc(0.75rem + 1.125 * (100vw - 20rem) / 60.875);
    }
}

@supports (padding-left: clamp( 0.9375rem , 0.506288501rem  +  2.1560574949vw , 2.25rem )) {
    .vertical-card {
      padding-left: clamp( 0.9375rem , 0.506288501rem  +  2.1560574949vw , 2.25rem );
    }
}

@supports not (padding-left: clamp( 0.9375rem , 0.506288501rem  +  2.1560574949vw , 2.25rem )) {
    .vertical-card {
      padding-left: calc(0.9375rem + 1.3125 * (100vw - 20rem) / 60.875);
    }
}

@supports (row-gap: clamp( 1.125rem , 1.0428644764rem  +  0.4106776181vw , 1.375rem )) {
    .vertical-card {
      row-gap: clamp( 1.125rem , 1.0428644764rem  +  0.4106776181vw , 1.375rem );
    }
}

@supports not (row-gap: clamp( 1.125rem , 1.0428644764rem  +  0.4106776181vw , 1.375rem )) {
    .vertical-card {
      row-gap: calc(1.125rem + 0.25 * (100vw - 20rem) / 60.875);
    }
}

@supports (font-size: clamp( 1rem , 0.9589322382rem  +  0.205338809vw , 1.125rem )) {
    .vertical-card__title {
      font-size: clamp( 1rem , 0.9589322382rem  +  0.205338809vw , 1.125rem );
    }
}

@supports not (font-size: clamp( 1rem , 0.9589322382rem  +  0.205338809vw , 1.125rem )) {
    .vertical-card__title {
      font-size: calc(1rem + 0.125 * (100vw - 20rem) / 60.875);
    }
}

@supports (font-size: clamp( 0.875rem , 0.8339322382rem  +  0.205338809vw , 1rem )) {
    .vertical-card__text {
      font-size: clamp( 0.875rem , 0.8339322382rem  +  0.205338809vw , 1rem );
    }
}

@supports not (font-size: clamp( 0.875rem , 0.8339322382rem  +  0.205338809vw , 1rem )) {
    .vertical-card__text {
      font-size: calc(0.875rem + 0.125 * (100vw - 20rem) / 60.875);
    }
}

@supports (margin-bottom: clamp( 1.5625rem , 0.4331365503rem  +  5.6468172485vw , 5rem )) {
    .tentative-list {
      margin-bottom: clamp( 1.5625rem , 0.4331365503rem  +  5.6468172485vw , 5rem );
    }
}

@supports not (margin-bottom: clamp( 1.5625rem , 0.4331365503rem  +  5.6468172485vw , 5rem )) {
    .tentative-list {
      margin-bottom: calc(1.5625rem + 3.4375 * (100vw - 20rem) / 60.875);
    }
}

@supports (margin-bottom: clamp( 1.5625rem , 0.4331365503rem  +  5.6468172485vw , 5rem )) {
    .tentative-list__header {
      margin-bottom: clamp( 1.5625rem , 0.4331365503rem  +  5.6468172485vw , 5rem );
    }
}

@supports not (margin-bottom: clamp( 1.5625rem , 0.4331365503rem  +  5.6468172485vw , 5rem )) {
    .tentative-list__header {
      margin-bottom: calc(1.5625rem + 3.4375 * (100vw - 20rem) / 60.875);
    }
}

@supports (margin-bottom: clamp( 1.5625rem , 0.0224589322rem  +  7.7002053388vw , 6.25rem )) {
    .registration {
      margin-bottom: clamp( 1.5625rem , 0.0224589322rem  +  7.7002053388vw , 6.25rem );
    }
}

@supports not (margin-bottom: clamp( 1.5625rem , 0.0224589322rem  +  7.7002053388vw , 6.25rem )) {
    .registration {
      margin-bottom: calc(1.5625rem + 4.6875 * (100vw - 20rem) / 60.875);
    }
}

@supports (margin-bottom: clamp( 1.25rem , 0.0179671458rem  +  6.160164271vw , 5rem )) {
    .registration__title {
      margin-bottom: clamp( 1.25rem , 0.0179671458rem  +  6.160164271vw , 5rem );
    }
}

@supports not (margin-bottom: clamp( 1.25rem , 0.0179671458rem  +  6.160164271vw , 5rem )) {
    .registration__title {
      margin-bottom: calc(1.25rem + 3.75 * (100vw - 20rem) / 60.875);
    }
}

@supports (font-size: clamp( 0.8125rem , 0.6687628337rem  +  0.7186858316vw , 1.25rem )) {
    .person-card__name {
      font-size: clamp( 0.8125rem , 0.6687628337rem  +  0.7186858316vw , 1.25rem );
    }
}

@supports not (font-size: clamp( 0.8125rem , 0.6687628337rem  +  0.7186858316vw , 1.25rem )) {
    .person-card__name {
      font-size: calc(0.8125rem + 0.4375 * (100vw - 20rem) / 60.875);
    }
}

@supports (margin-bottom: clamp( 1.5625rem , 0.4331365503rem  +  5.6468172485vw , 5rem )) {
    .coaches {
      margin-bottom: clamp( 1.5625rem , 0.4331365503rem  +  5.6468172485vw , 5rem );
    }
}

@supports not (margin-bottom: clamp( 1.5625rem , 0.4331365503rem  +  5.6468172485vw , 5rem )) {
    .coaches {
      margin-bottom: calc(1.5625rem + 3.4375 * (100vw - 20rem) / 60.875);
    }
}

@supports (margin-bottom: clamp( 1.25rem , 0.0179671458rem  +  6.160164271vw , 5rem )) {
    .coaches__title {
      margin-bottom: clamp( 1.25rem , 0.0179671458rem  +  6.160164271vw , 5rem );
    }
}

@supports not (margin-bottom: clamp( 1.25rem , 0.0179671458rem  +  6.160164271vw , 5rem )) {
    .coaches__title {
      margin-bottom: calc(1.25rem + 3.75 * (100vw - 20rem) / 60.875);
    }
}

@supports (margin-bottom: clamp( 1.5625rem , 0.4331365503rem  +  5.6468172485vw , 5rem )) {
    .fair {
      margin-bottom: clamp( 1.5625rem , 0.4331365503rem  +  5.6468172485vw , 5rem );
    }
}

@supports not (margin-bottom: clamp( 1.5625rem , 0.4331365503rem  +  5.6468172485vw , 5rem )) {
    .fair {
      margin-bottom: calc(1.5625rem + 3.4375 * (100vw - 20rem) / 60.875);
    }
}

@supports (margin-bottom: clamp( 1.25rem , 0.0179671458rem  +  6.160164271vw , 5rem )) {
    .fair__title h2 {
      margin-bottom: clamp( 1.25rem , 0.0179671458rem  +  6.160164271vw , 5rem );
    }
}

@supports not (margin-bottom: clamp( 1.25rem , 0.0179671458rem  +  6.160164271vw , 5rem )) {
    .fair__title h2 {
      margin-bottom: calc(1.25rem + 3.75 * (100vw - 20rem) / 60.875);
    }
}

@supports (margin-bottom: clamp( 1.5625rem , 0.4331365503rem  +  5.6468172485vw , 5rem )) {
    .fair__body {
      margin-bottom: clamp( 1.5625rem , 0.4331365503rem  +  5.6468172485vw , 5rem );
    }
}

@supports not (margin-bottom: clamp( 1.5625rem , 0.4331365503rem  +  5.6468172485vw , 5rem )) {
    .fair__body {
      margin-bottom: calc(1.5625rem + 3.4375 * (100vw - 20rem) / 60.875);
    }
}

@supports (margin-bottom: clamp( 0.625rem , 0.0089835729rem  +  3.0800821355vw , 2.5rem )) {
    .fair__schedule .schedule-block {
      margin-bottom: clamp( 0.625rem , 0.0089835729rem  +  3.0800821355vw , 2.5rem );
    }
}

@supports not (margin-bottom: clamp( 0.625rem , 0.0089835729rem  +  3.0800821355vw , 2.5rem )) {
    .fair__schedule .schedule-block {
      margin-bottom: calc(0.625rem + 1.875 * (100vw - 20rem) / 60.875);
    }
}

@supports (font-size: clamp( 0.875rem , 0.7517967146rem  +  0.6160164271vw , 1.25rem )) {
    .schedule-block__body {
      font-size: clamp( 0.875rem , 0.7517967146rem  +  0.6160164271vw , 1.25rem );
    }
}

@supports not (font-size: clamp( 0.875rem , 0.7517967146rem  +  0.6160164271vw , 1.25rem )) {
    .schedule-block__body {
      font-size: calc(0.875rem + 0.375 * (100vw - 20rem) / 60.875);
    }
}

@supports (font-size: clamp( 0.875rem , 0.7517967146rem  +  0.6160164271vw , 1.25rem )) {
    .schedule-block__info li {
      font-size: clamp( 0.875rem , 0.7517967146rem  +  0.6160164271vw , 1.25rem );
    }
}

@supports not (font-size: clamp( 0.875rem , 0.7517967146rem  +  0.6160164271vw , 1.25rem )) {
    .schedule-block__info li {
      font-size: calc(0.875rem + 0.375 * (100vw - 20rem) / 60.875);
    }
}

@supports (margin-bottom: clamp( 1.5625rem , 0.4331365503rem  +  5.6468172485vw , 5rem )) {
    .campus {
      margin-bottom: clamp( 1.5625rem , 0.4331365503rem  +  5.6468172485vw , 5rem );
    }
}

@supports not (margin-bottom: clamp( 1.5625rem , 0.4331365503rem  +  5.6468172485vw , 5rem )) {
    .campus {
      margin-bottom: calc(1.5625rem + 3.4375 * (100vw - 20rem) / 60.875);
    }
}

@supports (margin-bottom: clamp( 1.25rem , 0.0179671458rem  +  6.160164271vw , 5rem )) {
    .campus__title h2 {
      margin-bottom: clamp( 1.25rem , 0.0179671458rem  +  6.160164271vw , 5rem );
    }
}

@supports not (margin-bottom: clamp( 1.25rem , 0.0179671458rem  +  6.160164271vw , 5rem )) {
    .campus__title h2 {
      margin-bottom: calc(1.25rem + 3.75 * (100vw - 20rem) / 60.875);
    }
}

@supports (margin-bottom: clamp( 1.5625rem , 0.0224589322rem  +  7.7002053388vw , 6.25rem )) {
    .campus__picture {
      margin-bottom: clamp( 1.5625rem , 0.0224589322rem  +  7.7002053388vw , 6.25rem );
    }
}

@supports not (margin-bottom: clamp( 1.5625rem , 0.0224589322rem  +  7.7002053388vw , 6.25rem )) {
    .campus__picture {
      margin-bottom: calc(1.5625rem + 4.6875 * (100vw - 20rem) / 60.875);
    }
}

@supports (margin-bottom: clamp( 1.5625rem , 0.4331365503rem  +  5.6468172485vw , 5rem )) {
    .campus .gradient-desc-list {
      margin-bottom: clamp( 1.5625rem , 0.4331365503rem  +  5.6468172485vw , 5rem );
    }
}

@supports not (margin-bottom: clamp( 1.5625rem , 0.4331365503rem  +  5.6468172485vw , 5rem )) {
    .campus .gradient-desc-list {
      margin-bottom: calc(1.5625rem + 3.4375 * (100vw - 20rem) / 60.875);
    }
}

@supports (margin-bottom: clamp( 1.5625rem , 0.4331365503rem  +  5.6468172485vw , 5rem )) {
    .campus__list {
      margin-bottom: clamp( 1.5625rem , 0.4331365503rem  +  5.6468172485vw , 5rem );
    }
}

@supports not (margin-bottom: clamp( 1.5625rem , 0.4331365503rem  +  5.6468172485vw , 5rem )) {
    .campus__list {
      margin-bottom: calc(1.5625rem + 3.4375 * (100vw - 20rem) / 60.875);
    }
}

@supports (padding-top: clamp( 1.375rem , 0.8821868583rem  +  2.4640657084vw , 2.875rem )) {
    .gradient-desc-list {
      padding-top: clamp( 1.375rem , 0.8821868583rem  +  2.4640657084vw , 2.875rem );
    }
}

@supports not (padding-top: clamp( 1.375rem , 0.8821868583rem  +  2.4640657084vw , 2.875rem )) {
    .gradient-desc-list {
      padding-top: calc(1.375rem + 1.5 * (100vw - 20rem) / 60.875);
    }
}

@supports (padding-bottom: clamp( 1.375rem , 0.8821868583rem  +  2.4640657084vw , 2.875rem )) {
    .gradient-desc-list {
      padding-bottom: clamp( 1.375rem , 0.8821868583rem  +  2.4640657084vw , 2.875rem );
    }
}

@supports not (padding-bottom: clamp( 1.375rem , 0.8821868583rem  +  2.4640657084vw , 2.875rem )) {
    .gradient-desc-list {
      padding-bottom: calc(1.375rem + 1.5 * (100vw - 20rem) / 60.875);
    }
}

@supports ((-moz-column-gap: clamp( 2.5rem , 1.4733059548rem  +  5.1334702259vw , 5.625rem )) or (column-gap: clamp( 2.5rem , 1.4733059548rem  +  5.1334702259vw , 5.625rem ))) {
    .gradient-desc-list {
      -webkit-column-gap: clamp( 2.5rem , 1.4733059548rem  +  5.1334702259vw , 5.625rem );
         -moz-column-gap: clamp( 2.5rem , 1.4733059548rem  +  5.1334702259vw , 5.625rem );
              column-gap: clamp( 2.5rem , 1.4733059548rem  +  5.1334702259vw , 5.625rem );
    }
}

@supports not ((-moz-column-gap: clamp( 2.5rem , 1.4733059548rem  +  5.1334702259vw , 5.625rem )) or (column-gap: clamp( 2.5rem , 1.4733059548rem  +  5.1334702259vw , 5.625rem ))) {
    .gradient-desc-list {
      -webkit-column-gap: calc(2.5rem + 3.125 * (100vw - 20rem) / 60.875);
         -moz-column-gap: calc(2.5rem + 3.125 * (100vw - 20rem) / 60.875);
              column-gap: calc(2.5rem + 3.125 * (100vw - 20rem) / 60.875);
    }
}

@supports (font-size: clamp( 0.875rem , 0.7517967146rem  +  0.6160164271vw , 1.25rem )) {
    .gradient-desc-list ul li {
      font-size: clamp( 0.875rem , 0.7517967146rem  +  0.6160164271vw , 1.25rem );
    }
}

@supports not (font-size: clamp( 0.875rem , 0.7517967146rem  +  0.6160164271vw , 1.25rem )) {
    .gradient-desc-list ul li {
      font-size: calc(0.875rem + 0.375 * (100vw - 20rem) / 60.875);
    }
}

@supports (font-size: clamp( 1rem , 0.9178644764rem  +  0.4106776181vw , 1.25rem )) {
    .campus-list__title {
      font-size: clamp( 1rem , 0.9178644764rem  +  0.4106776181vw , 1.25rem );
    }
}

@supports not (font-size: clamp( 1rem , 0.9178644764rem  +  0.4106776181vw , 1.25rem )) {
    .campus-list__title {
      font-size: calc(1rem + 0.25 * (100vw - 20rem) / 60.875);
    }
}

@supports (font-size: clamp( 0.9375rem , 0.8348305955rem  +  0.5133470226vw , 1.25rem )) {
    .campus-list__list-item,
    .campus-list__sub-list-item {
      font-size: clamp( 0.9375rem , 0.8348305955rem  +  0.5133470226vw , 1.25rem );
    }
}

@supports not (font-size: clamp( 0.9375rem , 0.8348305955rem  +  0.5133470226vw , 1.25rem )) {
    .campus-list__list-item,
    .campus-list__sub-list-item {
      font-size: calc(0.9375rem + 0.3125 * (100vw - 20rem) / 60.875);
    }
}

@supports (margin-bottom: clamp( 1.5625rem , 0.0224589322rem  +  7.7002053388vw , 6.25rem )) {
    .prices-showcase {
      margin-bottom: clamp( 1.5625rem , 0.0224589322rem  +  7.7002053388vw , 6.25rem );
    }
}

@supports not (margin-bottom: clamp( 1.5625rem , 0.0224589322rem  +  7.7002053388vw , 6.25rem )) {
    .prices-showcase {
      margin-bottom: calc(1.5625rem + 4.6875 * (100vw - 20rem) / 60.875);
    }
}

@supports (margin-bottom: clamp( 1.25rem , 0.0179671458rem  +  6.160164271vw , 5rem )) {
    .prices-showcase__header {
      margin-bottom: clamp( 1.25rem , 0.0179671458rem  +  6.160164271vw , 5rem );
    }
}

@supports not (margin-bottom: clamp( 1.25rem , 0.0179671458rem  +  6.160164271vw , 5rem )) {
    .prices-showcase__header {
      margin-bottom: calc(1.25rem + 3.75 * (100vw - 20rem) / 60.875);
    }
}

@supports (margin-bottom: clamp( 1.5625rem , 0.0224589322rem  +  7.7002053388vw , 6.25rem )) {
    .prices-showcase__list {
      margin-bottom: clamp( 1.5625rem , 0.0224589322rem  +  7.7002053388vw , 6.25rem );
    }
}

@supports not (margin-bottom: clamp( 1.5625rem , 0.0224589322rem  +  7.7002053388vw , 6.25rem )) {
    .prices-showcase__list {
      margin-bottom: calc(1.5625rem + 4.6875 * (100vw - 20rem) / 60.875);
    }
}

@supports (row-gap: clamp( 1.25rem , 0.4286447639rem  +  4.1067761807vw , 3.75rem )) {
    .prices-showcase__list {
      row-gap: clamp( 1.25rem , 0.4286447639rem  +  4.1067761807vw , 3.75rem );
    }
}

@supports not (row-gap: clamp( 1.25rem , 0.4286447639rem  +  4.1067761807vw , 3.75rem )) {
    .prices-showcase__list {
      row-gap: calc(1.25rem + 2.5 * (100vw - 20rem) / 60.875);
    }
}

@supports (margin-bottom: clamp( 1.25rem , -3.3701232033rem  +  23.1006160164vw , 15.3125rem )) {
    .bordered-text-block {
      margin-bottom: clamp( 1.25rem , -3.3701232033rem  +  23.1006160164vw , 15.3125rem );
    }
}

@supports not (margin-bottom: clamp( 1.25rem , -3.3701232033rem  +  23.1006160164vw , 15.3125rem )) {
    .bordered-text-block {
      margin-bottom: calc(1.25rem + 14.0625 * (100vw - 20rem) / 60.875);
    }
}

@supports (margin-bottom: clamp( 1.5625rem , 0.0224589322rem  +  7.7002053388vw , 6.25rem )) {
    .contact-us {
      margin-bottom: clamp( 1.5625rem , 0.0224589322rem  +  7.7002053388vw , 6.25rem );
    }
}

@supports not (margin-bottom: clamp( 1.5625rem , 0.0224589322rem  +  7.7002053388vw , 6.25rem )) {
    .contact-us {
      margin-bottom: calc(1.5625rem + 4.6875 * (100vw - 20rem) / 60.875);
    }
}

@supports (margin-bottom: clamp( 4.0625rem , 3.7544917864rem  +  1.5400410678vw , 5rem )) {
    .contact-us__header {
      margin-bottom: clamp( 4.0625rem , 3.7544917864rem  +  1.5400410678vw , 5rem );
    }
}

@supports not (margin-bottom: clamp( 4.0625rem , 3.7544917864rem  +  1.5400410678vw , 5rem )) {
    .contact-us__header {
      margin-bottom: calc(4.0625rem + 0.9375 * (100vw - 20rem) / 60.875);
    }
}

@supports (font-size: clamp( 1.5rem , 1.2535934292rem  +  1.2320328542vw , 2.25rem )) {
    .contact-us__subtitle {
      font-size: clamp( 1.5rem , 1.2535934292rem  +  1.2320328542vw , 2.25rem );
    }
}

@supports not (font-size: clamp( 1.5rem , 1.2535934292rem  +  1.2320328542vw , 2.25rem )) {
    .contact-us__subtitle {
      font-size: calc(1.5rem + 0.75 * (100vw - 20rem) / 60.875);
    }
}

@supports (line-height: clamp( 2.0625rem , 1.7339579055rem  +  1.6427104723vw , 3.0625rem )) {
    .contact-us__subtitle {
      line-height: clamp( 2.0625rem , 1.7339579055rem  +  1.6427104723vw , 3.0625rem );
    }
}

@supports not (line-height: clamp( 2.0625rem , 1.7339579055rem  +  1.6427104723vw , 3.0625rem )) {
    .contact-us__subtitle {
      line-height: calc(2.0625rem + 1 * (100vw - 20rem) / 60.875);
    }
}
}

@media (min-width: 62em) and (max-width: 79em) {
@supports ((-moz-column-gap: clamp( 0.9375rem , -3.6213235294rem  +  7.3529411765vw , 2.1875rem )) or (column-gap: clamp( 0.9375rem , -3.6213235294rem  +  7.3529411765vw , 2.1875rem ))) {
    .menu__list {
      -webkit-column-gap: clamp( 0.9375rem , -3.6213235294rem  +  7.3529411765vw , 2.1875rem );
         -moz-column-gap: clamp( 0.9375rem , -3.6213235294rem  +  7.3529411765vw , 2.1875rem );
              column-gap: clamp( 0.9375rem , -3.6213235294rem  +  7.3529411765vw , 2.1875rem );
    }
}

@supports not ((-moz-column-gap: clamp( 0.9375rem , -3.6213235294rem  +  7.3529411765vw , 2.1875rem )) or (column-gap: clamp( 0.9375rem , -3.6213235294rem  +  7.3529411765vw , 2.1875rem ))) {
    .menu__list {
      -webkit-column-gap: calc(0.9375rem + 1.25 * (100vw - 62rem) / 17);
         -moz-column-gap: calc(0.9375rem + 1.25 * (100vw - 62rem) / 17);
              column-gap: calc(0.9375rem + 1.25 * (100vw - 62rem) / 17);
    }
}

@supports ((-moz-column-gap: clamp( 1.875rem , -32.3161764706rem  +  55.1470588235vw , 11.25rem )) or (column-gap: clamp( 1.875rem , -32.3161764706rem  +  55.1470588235vw , 11.25rem ))) {
    .fair__schedule {
      -webkit-column-gap: clamp( 1.875rem , -32.3161764706rem  +  55.1470588235vw , 11.25rem );
         -moz-column-gap: clamp( 1.875rem , -32.3161764706rem  +  55.1470588235vw , 11.25rem );
              column-gap: clamp( 1.875rem , -32.3161764706rem  +  55.1470588235vw , 11.25rem );
    }
}

@supports not ((-moz-column-gap: clamp( 1.875rem , -32.3161764706rem  +  55.1470588235vw , 11.25rem )) or (column-gap: clamp( 1.875rem , -32.3161764706rem  +  55.1470588235vw , 11.25rem ))) {
    .fair__schedule {
      -webkit-column-gap: calc(1.875rem + 9.375 * (100vw - 62rem) / 17);
         -moz-column-gap: calc(1.875rem + 9.375 * (100vw - 62rem) / 17);
              column-gap: calc(1.875rem + 9.375 * (100vw - 62rem) / 17);
    }
}
}

@media (min-width: 30em) and (max-width: 79em) {
@supports (font-size: clamp( 1.75rem , -0.4693877551rem  +  7.3979591837vw , 5.375rem )) {
    .main-banner__title {
      font-size: clamp( 1.75rem , -0.4693877551rem  +  7.3979591837vw , 5.375rem );
    }
}

@supports not (font-size: clamp( 1.75rem , -0.4693877551rem  +  7.3979591837vw , 5.375rem )) {
    .main-banner__title {
      font-size: calc(1.75rem + 3.625 * (100vw - 30rem) / 49);
    }
}

@supports ((-moz-column-gap: clamp( 1.875rem , -0.306122449rem  +  7.2704081633vw , 5.4375rem )) or (column-gap: clamp( 1.875rem , -0.306122449rem  +  7.2704081633vw , 5.4375rem ))) {
    .about__body {
      -webkit-column-gap: clamp( 1.875rem , -0.306122449rem  +  7.2704081633vw , 5.4375rem );
         -moz-column-gap: clamp( 1.875rem , -0.306122449rem  +  7.2704081633vw , 5.4375rem );
              column-gap: clamp( 1.875rem , -0.306122449rem  +  7.2704081633vw , 5.4375rem );
    }
}

@supports not ((-moz-column-gap: clamp( 1.875rem , -0.306122449rem  +  7.2704081633vw , 5.4375rem )) or (column-gap: clamp( 1.875rem , -0.306122449rem  +  7.2704081633vw , 5.4375rem ))) {
    .about__body {
      -webkit-column-gap: calc(1.875rem + 3.5625 * (100vw - 30rem) / 49);
         -moz-column-gap: calc(1.875rem + 3.5625 * (100vw - 30rem) / 49);
              column-gap: calc(1.875rem + 3.5625 * (100vw - 30rem) / 49);
    }
}

@supports ((-moz-column-gap: clamp( 0.5rem , 0.3469387755rem  +  0.5102040816vw , 0.75rem )) or (column-gap: clamp( 0.5rem , 0.3469387755rem  +  0.5102040816vw , 0.75rem ))) {
    .about__footer .icons-about {
      -webkit-column-gap: clamp( 0.5rem , 0.3469387755rem  +  0.5102040816vw , 0.75rem );
         -moz-column-gap: clamp( 0.5rem , 0.3469387755rem  +  0.5102040816vw , 0.75rem );
              column-gap: clamp( 0.5rem , 0.3469387755rem  +  0.5102040816vw , 0.75rem );
    }
}

@supports not ((-moz-column-gap: clamp( 0.5rem , 0.3469387755rem  +  0.5102040816vw , 0.75rem )) or (column-gap: clamp( 0.5rem , 0.3469387755rem  +  0.5102040816vw , 0.75rem ))) {
    .about__footer .icons-about {
      -webkit-column-gap: calc(0.5rem + 0.25 * (100vw - 30rem) / 49);
         -moz-column-gap: calc(0.5rem + 0.25 * (100vw - 30rem) / 49);
              column-gap: calc(0.5rem + 0.25 * (100vw - 30rem) / 49);
    }
}
}

@media (min-width: 20em) and (max-width: 30em) {
@supports ((-moz-column-gap: clamp( 0.125rem , -0.625rem  +  3.75vw , 0.5rem )) or (column-gap: clamp( 0.125rem , -0.625rem  +  3.75vw , 0.5rem ))) {
    .about__footer .icons-about {
      -webkit-column-gap: clamp( 0.125rem , -0.625rem  +  3.75vw , 0.5rem );
         -moz-column-gap: clamp( 0.125rem , -0.625rem  +  3.75vw , 0.5rem );
              column-gap: clamp( 0.125rem , -0.625rem  +  3.75vw , 0.5rem );
    }
}

@supports not ((-moz-column-gap: clamp( 0.125rem , -0.625rem  +  3.75vw , 0.5rem )) or (column-gap: clamp( 0.125rem , -0.625rem  +  3.75vw , 0.5rem ))) {
    .about__footer .icons-about {
      -webkit-column-gap: calc(0.125rem + 0.375 * (100vw - 20rem) / 10);
         -moz-column-gap: calc(0.125rem + 0.375 * (100vw - 20rem) / 10);
              column-gap: calc(0.125rem + 0.375 * (100vw - 20rem) / 10);
    }
}
}

@media (min-width: 48em) and (max-width: 79em) {
@supports (background-size: clamp( 11.25rem , -15.8467741935rem  +  56.4516129032vw , 28.75rem )) {
    .programs__body {
      background-size: clamp( 11.25rem , -15.8467741935rem  +  56.4516129032vw , 28.75rem );
    }
}

@supports not (background-size: clamp( 11.25rem , -15.8467741935rem  +  56.4516129032vw , 28.75rem )) {
    .programs__body {
      background-size: calc(11.25rem + 17.5 * (100vw - 48rem) / 31);
    }
}

@supports (max-width: clamp( 18.75rem , 8.2016129032rem  +  21.9758064516vw , 25.5625rem )) {
    .programs__item {
      max-width: clamp( 18.75rem , 8.2016129032rem  +  21.9758064516vw , 25.5625rem );
    }
}

@supports not (max-width: clamp( 18.75rem , 8.2016129032rem  +  21.9758064516vw , 25.5625rem )) {
    .programs__item {
      max-width: calc(18.75rem + 6.8125 * (100vw - 48rem) / 31);
    }
}

@supports (margin-bottom: clamp( 1.5625rem , -3.7600806452rem  +  11.0887096774vw , 5rem )) {
    .showcase__row {
      margin-bottom: clamp( 1.5625rem , -3.7600806452rem  +  11.0887096774vw , 5rem );
    }
}

@supports not (margin-bottom: clamp( 1.5625rem , -3.7600806452rem  +  11.0887096774vw , 5rem )) {
    .showcase__row {
      margin-bottom: calc(1.5625rem + 3.4375 * (100vw - 48rem) / 31);
    }
}

@supports (min-height: clamp( 11rem , -3.4193548387rem  +  30.0403225806vw , 20.3125rem )) {
    .showcase-card {
      min-height: clamp( 11rem , -3.4193548387rem  +  30.0403225806vw , 20.3125rem );
    }
}

@supports not (min-height: clamp( 11rem , -3.4193548387rem  +  30.0403225806vw , 20.3125rem )) {
    .showcase-card {
      min-height: calc(11rem + 9.3125 * (100vw - 48rem) / 31);
    }
}

@supports ((-moz-column-gap: clamp( 1.875rem , -8.5766129032rem  +  21.7741935484vw , 8.625rem )) or (column-gap: clamp( 1.875rem , -8.5766129032rem  +  21.7741935484vw , 8.625rem ))) {
    .program-benefits__bottom {
      -webkit-column-gap: clamp( 1.875rem , -8.5766129032rem  +  21.7741935484vw , 8.625rem );
         -moz-column-gap: clamp( 1.875rem , -8.5766129032rem  +  21.7741935484vw , 8.625rem );
              column-gap: clamp( 1.875rem , -8.5766129032rem  +  21.7741935484vw , 8.625rem );
    }
}

@supports not ((-moz-column-gap: clamp( 1.875rem , -8.5766129032rem  +  21.7741935484vw , 8.625rem )) or (column-gap: clamp( 1.875rem , -8.5766129032rem  +  21.7741935484vw , 8.625rem ))) {
    .program-benefits__bottom {
      -webkit-column-gap: calc(1.875rem + 6.75 * (100vw - 48rem) / 31);
         -moz-column-gap: calc(1.875rem + 6.75 * (100vw - 48rem) / 31);
              column-gap: calc(1.875rem + 6.75 * (100vw - 48rem) / 31);
    }
}

@supports ((-moz-column-gap: clamp( 0.9375rem , -2.4495967742rem  +  7.0564516129vw , 3.125rem )) or (column-gap: clamp( 0.9375rem , -2.4495967742rem  +  7.0564516129vw , 3.125rem ))) {
    .coaches__body {
      -webkit-column-gap: clamp( 0.9375rem , -2.4495967742rem  +  7.0564516129vw , 3.125rem );
         -moz-column-gap: clamp( 0.9375rem , -2.4495967742rem  +  7.0564516129vw , 3.125rem );
              column-gap: clamp( 0.9375rem , -2.4495967742rem  +  7.0564516129vw , 3.125rem );
    }
}

@supports not ((-moz-column-gap: clamp( 0.9375rem , -2.4495967742rem  +  7.0564516129vw , 3.125rem )) or (column-gap: clamp( 0.9375rem , -2.4495967742rem  +  7.0564516129vw , 3.125rem ))) {
    .coaches__body {
      -webkit-column-gap: calc(0.9375rem + 2.1875 * (100vw - 48rem) / 31);
         -moz-column-gap: calc(0.9375rem + 2.1875 * (100vw - 48rem) / 31);
              column-gap: calc(0.9375rem + 2.1875 * (100vw - 48rem) / 31);
    }
}

@supports ((-moz-column-gap: clamp( 0.9375rem , -2.4495967742rem  +  7.0564516129vw , 3.125rem )) or (column-gap: clamp( 0.9375rem , -2.4495967742rem  +  7.0564516129vw , 3.125rem ))) {
    .fair__body {
      -webkit-column-gap: clamp( 0.9375rem , -2.4495967742rem  +  7.0564516129vw , 3.125rem );
         -moz-column-gap: clamp( 0.9375rem , -2.4495967742rem  +  7.0564516129vw , 3.125rem );
              column-gap: clamp( 0.9375rem , -2.4495967742rem  +  7.0564516129vw , 3.125rem );
    }
}

@supports not ((-moz-column-gap: clamp( 0.9375rem , -2.4495967742rem  +  7.0564516129vw , 3.125rem )) or (column-gap: clamp( 0.9375rem , -2.4495967742rem  +  7.0564516129vw , 3.125rem ))) {
    .fair__body {
      -webkit-column-gap: calc(0.9375rem + 2.1875 * (100vw - 48rem) / 31);
         -moz-column-gap: calc(0.9375rem + 2.1875 * (100vw - 48rem) / 31);
              column-gap: calc(0.9375rem + 2.1875 * (100vw - 48rem) / 31);
    }
}
}

@media (min-width: 20em) and (max-width: 48em) {
@supports (padding-top: clamp( 3.75rem , 1.5178571429rem  +  11.1607142857vw , 6.875rem )) {
    .coaches__body div:nth-child(2) {
      padding-top: clamp( 3.75rem , 1.5178571429rem  +  11.1607142857vw , 6.875rem );
    }
}

@supports not (padding-top: clamp( 3.75rem , 1.5178571429rem  +  11.1607142857vw , 6.875rem )) {
    .coaches__body div:nth-child(2) {
      padding-top: calc(3.75rem + 3.125 * (100vw - 20rem) / 28);
    }
}

@supports (padding-top: clamp( 3.75rem , 1.5178571429rem  +  11.1607142857vw , 6.875rem )) {
    .fair__body div:nth-child(1) {
      padding-top: clamp( 3.75rem , 1.5178571429rem  +  11.1607142857vw , 6.875rem );
    }
}

@supports not (padding-top: clamp( 3.75rem , 1.5178571429rem  +  11.1607142857vw , 6.875rem )) {
    .fair__body div:nth-child(1) {
      padding-top: calc(3.75rem + 3.125 * (100vw - 20rem) / 28);
    }
}
}

@media (min-width: 80.875em) and (max-width: 85.625em) {
@supports (padding-left: clamp( 1.375rem , -122.0657894737rem  +  152.6315789474vw , 8.625rem )) {
    .gradient-desc-list {
      padding-left: clamp( 1.375rem , -122.0657894737rem  +  152.6315789474vw , 8.625rem );
    }
}

@supports not (padding-left: clamp( 1.375rem , -122.0657894737rem  +  152.6315789474vw , 8.625rem )) {
    .gradient-desc-list {
      padding-left: calc(1.375rem + 7.25 * (100vw - 80.875rem) / 4.75);
    }
}

@supports (padding-right: clamp( 1.375rem , -122.0657894737rem  +  152.6315789474vw , 8.625rem )) {
    .gradient-desc-list {
      padding-right: clamp( 1.375rem , -122.0657894737rem  +  152.6315789474vw , 8.625rem );
    }
}

@supports not (padding-right: clamp( 1.375rem , -122.0657894737rem  +  152.6315789474vw , 8.625rem )) {
    .gradient-desc-list {
      padding-right: calc(1.375rem + 7.25 * (100vw - 80.875rem) / 4.75);
    }
}
}

@media (min-width: 48em) and (max-width: 65.625em) {
@supports ((-moz-column-gap: clamp( 1.25rem , -9.8138297872rem  +  23.0496453901vw , 5.3125rem )) or (column-gap: clamp( 1.25rem , -9.8138297872rem  +  23.0496453901vw , 5.3125rem ))) {
    .price-item {
      -webkit-column-gap: clamp( 1.25rem , -9.8138297872rem  +  23.0496453901vw , 5.3125rem );
         -moz-column-gap: clamp( 1.25rem , -9.8138297872rem  +  23.0496453901vw , 5.3125rem );
              column-gap: clamp( 1.25rem , -9.8138297872rem  +  23.0496453901vw , 5.3125rem );
    }
}



@supports not ((-moz-column-gap: clamp( 1.25rem , -9.8138297872rem  +  23.0496453901vw , 5.3125rem )) or (column-gap: clamp( 1.25rem , -9.8138297872rem  +  23.0496453901vw , 5.3125rem ))) {
    .price-item {
      -webkit-column-gap: calc(1.25rem + 4.0625 * (100vw - 48rem) / 17.625);
         -moz-column-gap: calc(1.25rem + 4.0625 * (100vw - 48rem) / 17.625);
              column-gap: calc(1.25rem + 4.0625 * (100vw - 48rem) / 17.625);
    }
}
}

@media (min-width: 48em) and (max-width: 82.5em) {
@supports (max-width: clamp( 25rem , 3.2608695652rem  +  45.2898550725vw , 40.625rem )) {
    .bordered-text-block__picture img {
      max-width: clamp( 25rem , 3.2608695652rem  +  45.2898550725vw , 40.625rem );
    }
}

@supports not (max-width: clamp( 25rem , 3.2608695652rem  +  45.2898550725vw , 40.625rem )) {
    .bordered-text-block__picture img {
      max-width: calc(25rem + 15.625 * (100vw - 48rem) / 34.5);
    }
}
}

@media (min-width: 61.99875em) and (max-width: 79em) {
@supports ((-moz-column-gap: clamp( 1.875rem , -5.4184343063rem  +  11.7638408941vw , 3.875rem )) or (column-gap: clamp( 1.875rem , -5.4184343063rem  +  11.7638408941vw , 3.875rem ))) {
    .contact-us__body {
      -webkit-column-gap: clamp( 1.875rem , -5.4184343063rem  +  11.7638408941vw , 3.875rem );
         -moz-column-gap: clamp( 1.875rem , -5.4184343063rem  +  11.7638408941vw , 3.875rem );
              column-gap: clamp( 1.875rem , -5.4184343063rem  +  11.7638408941vw , 3.875rem );
    }
}

@supports not ((-moz-column-gap: clamp( 1.875rem , -5.4184343063rem  +  11.7638408941vw , 3.875rem )) or (column-gap: clamp( 1.875rem , -5.4184343063rem  +  11.7638408941vw , 3.875rem ))) {
    .contact-us__body {
      -webkit-column-gap: calc(1.875rem + 2 * (100vw - 61.99875rem) / 17.00125);
         -moz-column-gap: calc(1.875rem + 2 * (100vw - 61.99875rem) / 17.00125);
              column-gap: calc(1.875rem + 2 * (100vw - 61.99875rem) / 17.00125);
    }
}
}

@media (any-hover: hover) {
  .menu__list > li:hover .menu__sub-list {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
    pointer-events: all;
  }

  .menu__sub-list li:hover {
    text-decoration: underline;
  }

  .menu__link:hover {
    text-decoration: underline;
  }

  .footer__bottom a:hover {
    text-decoration: underline;
  }

  .form-contact-us__submit-btn:hover {
    background: -webkit-gradient(linear, left top, right top, color-stop(30%, #d205b6), color-stop(66.98%, #d205b6));
    background: -o-linear-gradient(left, #d205b6 30%, #d205b6 66.98%);
    background: linear-gradient(90deg, #d205b6 30%, #d205b6 66.98%);
  }
}

.webp .main-banner__tagline::after{ background: url(../img/football-player.webp) no-repeat; }

.webp .about__wrap{ background: url(../img/building.webp) no-repeat; }

@media (min-width: 47.99875em){

  .webp .programs__body{ background: url(../img/basketball-player-color.webp) no-repeat; }
}

/* Popup Styles */
.popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 1000;
    justify-content: center;
    align-items: center;
}

.popup-content {
    background-color: #fff;
    border-radius: 8px;
    padding: 30px;
    width: 90%;
    max-width: 500px;
    position: relative;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    max-height: 90vh;
    overflow-y: auto;
}

.close-popup {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
    color: #666;
}

.close-popup:hover {
    color: #000;
}

.popup h2 {
    text-align: center;
    margin-bottom: 20px;
    color: #333;
    font-size: 24px;
}

#popup-form .form-row {
    display: flex;
    gap: 15px;
    margin-bottom: 15px;
}

#popup-form .form-group {
    margin-bottom: 15px;
    width: 100%;
}

#popup-form .form-group.half {
    width: 50%;
}

#popup-form input,
#popup-form textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 16px;
}

#popup-form textarea {
    resize: vertical;
    min-height: 100px;
}

#popup-form .submit-button {
    background: linear-gradient(90deg, #3F5AE5 0%, #E34040 100%);
    color: white;
    border: 1px solid #ccc;
    padding: 12px 20px;
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 4px;
    cursor: pointer;
    width: 100%;
    font-size: 16px;
    transition: all 0.3s;
    box-shadow: -5px 0 10px rgba(63, 90, 229, 0.5), 5px 0 10px rgba(227, 64, 64, 0.5);
    position: relative;
}

#popup-form .submit-button:hover {
    background: linear-gradient(90deg, #2a45d0 0%, #c92e2e 100%);
    box-shadow: -6px 0 12px rgba(63, 90, 229, 0.7), 6px 0 12px rgba(227, 64, 64, 0.7);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    #popup-form .form-row {
        flex-direction: column;
        gap: 0;
    }
    
    #popup-form .form-group.half {
        width: 100%;
    }
    
    .popup-content {
        padding: 20px;
    }
}