* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

:root {
  --font-family: "Cera Pro", sans-serif;
  --second-family: "Versus", sans-serif;
  --third-family: "Avenir Next", sans-serif;
  --font3: "Bergen Sans", sans-serif;

  --white-bg: #f8f8f8;
  --white: #fff;
  --white-300: rgba(250, 250, 250, 0.3);
  --white-150: rgba(250, 250, 250, 0.15);
  --light-grey: #f5f5f5;
  --light-grey-2: #e1e1e5;
  --grey: #343434;
  --grey-600: rgba(52, 52, 52, 0.6);
  --grey-300: rgba(52, 52, 52, 0.3);
  --grey-150: rgba(52, 52, 52, 0.15);
  --grey-bg: #191919;
  --black: #0e0e0e;
  --green: #afd424;
  --green-2: #96b300;
  --red: #e51b22;
  --bordo: #a00d18;

  --curent-size: 1440;
}

a {
  text-decoration: none;
  cursor: pointer;
}

body {
  background: var(--white-bg);
}

button {
  cursor: pointer;
}

html {
  scroll-behavior: smooth;
}

.container {
  width: calc((1172 / var(--curent-size)) * 100vw);
  margin: 0 auto;
}

header {
  background: var(--grey-bg);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;
  padding: calc((12 / var(--curent-size)) * 100vw) 0;
}

header .container {
  width: calc((1300 / var(--curent-size)) * 100vw);
  margin: 0 auto;
}

.logo-header {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: calc((4 / var(--curent-size)) * 100vw);
}

.logo-header span {
  display: inline;
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((12 / var(--curent-size)) * 100vw);
  text-transform: uppercase;
  color: var(--white);
}

.logo-header img {
  width: calc((64 / var(--curent-size)) * 100vw);
  height: calc((64 / var(--curent-size)) * 100vw);
}

.header-wrapper {
  display: flex;
  align-items: stretch;
  width: 100%;
  justify-content: space-between;
}

.header-menu {
  display: flex;
  align-items: center;
  list-style: none;
  gap: calc((32 / var(--curent-size)) * 100vw);
}

.header-menu > li {
  display: flex;
  height: 100%;
  align-items: center;

  position: relative;
}

.header-menu > li:after {
  transition: 0.3s ease;
  content: "";
  position: absolute;
  bottom: calc((-12 / var(--curent-size)) * 100vw);
  left: 0;
  width: 100%;
  height: calc((6 / var(--curent-size)) * 100vw);
  background: transparent;
}

.header-menu li.drops {
  margin-right: calc((12 / var(--curent-size)) * 100vw);
}

.header-menu li.drops:before {
  content: "";
  position: absolute;
  top: calc((36 / var(--curent-size)) * 100vw);
  right: calc((-18 / var(--curent-size)) * 100vw);
  width: calc((12 / var(--curent-size)) * 100vw);
  height: calc((12 / var(--curent-size)) * 100vw);
  background-image: url(../img/ara.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

.header-menu > li:hover:after {
  transition: 0.3s ease;
  content: "";
  position: absolute;
  bottom: calc((-12 / var(--curent-size)) * 100vw);
  left: 0;
  width: 100%;
  height: calc((6 / var(--curent-size)) * 100vw);
  background: var(--red);
}

.sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  background: var(--grey);
  border-radius: calc((8 / var(--curent-size)) * 100vw);
  padding: calc((24 / var(--curent-size)) * 100vw)
    calc((16 / var(--curent-size)) * 100vw);
  width: fit-content;
  flex-shrink: 0;
  height: fit-content;
  list-style: none;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc((12 / var(--curent-size)) * 100vw);
  z-index: 4;
  opacity: 0;
  visibility: hidden;
}

.header-menu li.drops:hover .sub-menu {
  opacity: 1;
  visibility: visible;
}

.header-menu > li > a {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((14 / var(--curent-size)) * 100vw);
  line-height: 125%;
  color: var(--white);
  transition: 0.3s ease;
  text-transform: uppercase;
}

.header-menu > li:hover > a {
  color: var(--red);
  transition: 0.3s ease;
}

.sub-menu li a {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((14 / var(--curent-size)) * 100vw);
  line-height: 125%;
  color: var(--white);
  transition: 0.3s ease;
  text-transform: uppercase;
  white-space: nowrap;
}

.sub-menu li a:hover {
  color: var(--red);
  transition: 0.3s ease;
}

.header-btns {
  display: flex;
  align-items: center;
  gap: calc((16 / var(--curent-size)) * 100vw);
}

.header-btns button {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((14 / var(--curent-size)) * 100vw);
  line-height: 125%;
  color: var(--grey);
  background: var(--green);
  border-radius: calc((100 / var(--curent-size)) * 100vw);
  width: calc((173 / var(--curent-size)) * 100vw);
  height: calc((40 / var(--curent-size)) * 100vw);
  border: none;
  transition: 0.3s ease;
}

.header-btns button:hover {
  transition: 0.3s ease;
  background: var(--green-2);
}

.header-btns a {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 125%;
  text-align: center;
  color: var(--white);
  border: calc((2 / var(--curent-size)) * 100vw) solid var(--white);
  border-radius: 8px;
  width: calc((40 / var(--curent-size)) * 100vw);
  height: calc((40 / var(--curent-size)) * 100vw);
  display: flex;
  align-items: center;
  justify-content: center;
}

#hero {
  width: 100%;
  height: calc((870 / var(--curent-size)) * 100vw);
}

.main {
  /* background-image: url(../img/hero.jpg);
  background-repeat: no-repeat;
  background-size: cover; */
  position: relative;
}

#myVideo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}

#hero > picture {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc((900 / var(--curent-size)) * 100vw);
  z-index: -1;
}

#hero > picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.program-month {
  position: relative;
}

#hero .container {
  height: 100%;
}

#contacts {
  background: var(--grey-bg);
  padding: calc((160 / var(--curent-size)) * 100vw) 0;
}

#contacts .coaches-head p {
  color: var(--white);
}

.hero-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: 100%;
  justify-content: flex-end;
  padding-bottom: calc((48 / var(--curent-size)) * 100vw);
}

.hero-wrapper h1 {
  font-family: var(--second-family);
  font-weight: 900;
  font-size: calc((48 / var(--curent-size)) * 100vw);
  line-height: 120%;
  text-transform: uppercase;
  color: var(--white-bg);
}

.hero-wrapper p {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: calc((20 / var(--curent-size)) * 100vw);
  line-height: 120%;
  color: var(--white-bg);
  margin: calc((16 / var(--curent-size)) * 100vw) 0
    calc((32 / var(--curent-size)) * 100vw) 0;
}

.hero-wrapper span {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 125%;
  text-align: center;
  color: var(--white);
  padding: calc((12 / var(--curent-size)) * 100vw)
    calc((24 / var(--curent-size)) * 100vw);
  border: calc((1 / var(--curent-size)) * 100vw) solid var(--white);
  border-radius: calc((100 / var(--curent-size)) * 100vw);
  margin-bottom: calc((16 / var(--curent-size)) * 100vw);
}

.hero-wrapper ul {
  display: flex;
  align-items: center;
  list-style: none;
  gap: calc((28 / var(--curent-size)) * 100vw);
  margin: calc((19 / var(--curent-size)) * 100vw) 0
    calc((35 / var(--curent-size)) * 100vw) 0;
}

.hero-wrapper ul li {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: calc((20 / var(--curent-size)) * 100vw);
  line-height: 120%;
  color: #fbfbfb;
  padding-left: calc((12 / var(--curent-size)) * 100vw);
  position: relative;
}

.hero-wrapper ul li:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: calc((2 / var(--curent-size)) * 100vw);
  height: 100%;
  background: #fbfbfb;
}

.btns {
  display: flex;
  align-items: center;
  gap: calc((20 / var(--curent-size)) * 100vw);
}

.btn {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 115%;
  text-transform: uppercase;
  color: var(--white-bg);
  background: var(--red);
  border-radius: calc((100 / var(--curent-size)) * 100vw);
  width: calc((200 / var(--curent-size)) * 100vw);
  height: calc((66 / var(--curent-size)) * 100vw);
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn.gray {
  width: calc((163 / var(--curent-size)) * 100vw);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: var(--white-300);
}

.btn.dark {
  width: calc((163 / var(--curent-size)) * 100vw);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: var(--grey);
}

#about {
  padding-top: calc((160 / var(--curent-size)) * 100vw);
}

.about-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.title {
  font-family: var(--second-family);
  font-weight: 900;
  font-size: calc((48 / var(--curent-size)) * 100vw);
  line-height: 120%;
  text-transform: uppercase;
  color: var(--grey);
  position: relative;
  z-index: 1;
}
.title.white {
  color: var(--white);
}

.about-wrapper > p {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: calc((20 / var(--curent-size)) * 100vw);
  line-height: 120%;
  text-align: center;
  color: var(--grey-bg);
}

.about-items {
  width: 100%;
  display: flex;
  align-items: flex-start;
  gap: calc((28 / var(--curent-size)) * 100vw);
  flex-wrap: wrap;
  margin-top: calc((40 / var(--curent-size)) * 100vw);
}

.about-item {
  border-radius: calc((24 / var(--curent-size)) * 100vw);
  width: calc((372 / var(--curent-size)) * 100vw);
  height: calc((512 / var(--curent-size)) * 100vw);
  overflow: hidden;
  position: relative;
  padding: calc((24 / var(--curent-size)) * 100vw);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  gap: calc((16 / var(--curent-size)) * 100vw);
  counter-increment: count;
}

.about-item:nth-child(2) {
  margin-top: calc((52 / var(--curent-size)) * 100vw);
}

.about-item:after {
  content: "0" counter(count);
  position: absolute;
  top: calc((12 / var(--curent-size)) * 100vw);
  left: calc((24 / var(--curent-size)) * 100vw);
  font-family: var(--second-family);
  font-weight: 900;
  font-size: calc((48 / var(--curent-size)) * 100vw);
  line-height: 120%;
  text-transform: uppercase;
  -webkit-text-fill-color: #fff0;
  -webkit-text-stroke: calc((1 / var(--curent-size)) * 100vw) #fff;
}

.about-item img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.3s ease;
}

.about-item:hover img {
  transition: 0.3s ease;
  transform: scale(1.2);
}

.about-item h4 {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((24 / var(--curent-size)) * 100vw);
  line-height: 125%;
  text-transform: uppercase;
  color: var(--white-bg);
  position: relative;
  z-index: 1;
}

.about-item p {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 125%;
  color: var(--white-bg);
  position: relative;
  z-index: 1;
}

.about-item ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-left: calc((24 / var(--curent-size)) * 100vw);
}

.about-item ul li {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 125%;
  color: var(--white-bg);
  position: relative;
  z-index: 1;
}

#coaches {
  padding-top: calc((160 / var(--curent-size)) * 100vw);
}

.coaches-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.coaches-wrapper .title {
  text-align: left;
  width: 100%;
  margin: calc((80 / var(--curent-size)) * 100vw) 0
    calc((40 / var(--curent-size)) * 100vw) 0;
}

.coaches-head {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc((16 / var(--curent-size)) * 100vw);
}

.coaches-head > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc((16 / var(--curent-size)) * 100vw);
}

.coaches-head > div span {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((24 / var(--curent-size)) * 100vw);
  line-height: 125%;
  text-transform: uppercase;
  text-align: center;
  color: var(--grey);
}

.coaches-head svg {
  width: calc((72 / var(--curent-size)) * 100vw);
  height: calc((3 / var(--curent-size)) * 100vw);
}

.coaches-head p {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: calc((20 / var(--curent-size)) * 100vw);
  line-height: 120%;
  text-align: center;
  color: var(--grey);
  max-width: calc((672 / var(--curent-size)) * 100vw);
}

#coaches {
  overflow: hidden;
}

.coaches-swiper-wrapper {
  width: 100%;
}

.coaches-slider {
  width: 100%;
  overflow: visible !important;
}

.coach-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  overflow: hidden;
  border-radius: calc((24 / var(--curent-size)) * 100vw);
  background: var(--white);
}

.coach-item img {
  width: 100%;
  height: calc((324 / var(--curent-size)) * 100vw);
}

.coach-item > div {
  padding: calc((16 / var(--curent-size)) * 100vw)
    calc((24 / var(--curent-size)) * 100vw)
    calc((24 / var(--curent-size)) * 100vw)
    calc((24 / var(--curent-size)) * 100vw);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}

.coach-item > div h6 {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((20 / var(--curent-size)) * 100vw);
  line-height: 120%;
  color: var(--grey);
}

.coach-item > div span {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((12 / var(--curent-size)) * 100vw);
  line-height: 130%;
  color: var(--bordo);
  padding: calc((6 / var(--curent-size)) * 100vw) 0
    calc((12 / var(--curent-size)) * 100vw) 0;
  width: 100%;
  border-bottom: calc((1 / var(--curent-size)) * 100vw) solid
    var(--light-grey-2);
}

.coach-item > div div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin-top: calc((12 / var(--curent-size)) * 100vw);
}

.coach-item > div div p {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 125%;
  color: var(--grey);
}

.coaches-slider-nav {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin-top: calc((32 / var(--curent-size)) * 100vw);
  gap: calc((30 / var(--curent-size)) * 100vw);
}

.coaches-scrollbar {
  width: 100%;
  position: static !important;
}

.swiper-scrollbar.coaches-scrollbar {
  background: var(--light-grey-2);
}

.coaches-scrollbar .swiper-scrollbar-drag {
  background: var(--green);
}

.coaches-btns {
  display: flex;
  align-items: center;
  gap: calc((16 / var(--curent-size)) * 100vw);
  align-self: flex-end;
}

.coaches-btns button {
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: initial;
}

.coaches-btns button svg {
  width: calc((46 / var(--curent-size)) * 100vw);
  height: calc((32 / var(--curent-size)) * 100vw);
}

#feedbacks {
  padding-top: calc((73 / var(--curent-size)) * 100vw);
  overflow: hidden;
}

.feedbacks-slider-wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: calc((40 / var(--curent-size)) * 100vw);
}

.feedbacks-slider {
  width: 100%;
  overflow: visible !important;
}

.feedbacks-item {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: calc((32 / var(--curent-size)) * 100vw);
  gap: calc((44 / var(--curent-size)) * 100vw);
  border-radius: calc((32 / var(--curent-size)) * 100vw);
  background: var(--white);
}

.feedbacks-item > p {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((20 / var(--curent-size)) * 100vw);
  line-height: 120%;
  color: var(--grey);
}

.feedbacks-item > div {
  display: flex;
  align-items: center;
  gap: calc((16 / var(--curent-size)) * 100vw);
}

.feedbacks-item > div img {
  width: calc((64 / var(--curent-size)) * 100vw);
  height: calc((64 / var(--curent-size)) * 100vw);
  border-radius: 50%;
}

.feedbacks-item > div div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc((4 / var(--curent-size)) * 100vw);
}

.feedbacks-item > div div p {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((20 / var(--curent-size)) * 100vw);
  line-height: 120%;
  color: var(--grey);
}

.feedbacks-item > div div span {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: calc((14 / var(--curent-size)) * 100vw);
  line-height: 125%;
  color: var(--grey);
  opacity: 0.3;
}

.feedbacks-scrollbar {
  width: 100%;
  position: static !important;
}

.swiper-scrollbar.feedbacks-scrollbar {
  background: var(--light-grey-2);
}

.feedbacks-scrollbar .swiper-scrollbar-drag {
  background: var(--green);
}

#news {
  padding-top: calc((222 / var(--curent-size)) * 100vw);
  overflow: hidden;
  padding-bottom: calc((80 / var(--curent-size)) * 100vw);
}

.news-slider-wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: calc((40 / var(--curent-size)) * 100vw);
}

.news-slider {
  width: 100%;
  overflow: visible !important;
}

.news-slide-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  border-radius: calc((24 / var(--curent-size)) * 100vw);
  overflow: hidden;
  background: var(--white);
}

.news-slide-item > img {
  width: 100%;
  height: calc((256 / var(--curent-size)) * 100vw);
  object-fit: cover;
}

.news-slide-item > div {
  padding: calc((20 / var(--curent-size)) * 100vw)
    calc((32 / var(--curent-size)) * 100vw)
    calc((58 / var(--curent-size)) * 100vw)
    calc((32 / var(--curent-size)) * 100vw);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  gap: calc((16 / var(--curent-size)) * 100vw);
}

.news-slide-item > div:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40%;
  background: linear-gradient(
    180deg,
    rgba(12, 12, 12, 0) 0%,
    rgba(255, 255, 255, 1) 50%
  );
}

.news-slide-item > div h5 {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((24 / var(--curent-size)) * 100vw);
  line-height: 125%;
  text-transform: uppercase;
  color: var(--grey);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -moz-box;
  -moz-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-clamp: 2;
  box-orient: vertical;
}

.news-slide-item > div p {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 125%;
  color: var(--grey-bg);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -moz-box;
  -moz-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  line-clamp: 5;
  box-orient: vertical;
}

.news-slide-item span {
  position: absolute;
  bottom: calc((24 / var(--curent-size)) * 100vw);
  right: calc((32 / var(--curent-size)) * 100vw);
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((14 / var(--curent-size)) * 100vw);
  line-height: 125%;
  text-align: right;
  color: var(--grey-bg);
  z-index: 2;
}

.news-scrollbar {
  width: 100%;
  position: static !important;
}

.swiper-scrollbar.news-scrollbar {
  background: var(--light-grey-2);
}

.news-scrollbar .swiper-scrollbar-drag {
  background: var(--green);
}

#play-with-us {
  padding: calc((80 / var(--curent-size)) * 100vw) 0
    calc((75 / var(--curent-size)) * 100vw) 0;
  background: var(--grey-bg);
}

.partners-list {
  display: flex;
  align-items: center;
  width: 100%;
  gap: calc((20 / var(--curent-size)) * 100vw);
  flex-wrap: wrap;
}

.partners-list img {
  width: calc((150 / var(--curent-size)) * 100vw);
  height: calc((150 / var(--curent-size)) * 100vw);
}

.pwu-imgs-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: calc((160 / var(--curent-size)) * 100vw);
  width: 100%;
  gap: calc((40 / var(--curent-size)) * 100vw);
}

.imgs-pwu {
  width: 100%;
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  gap: calc((24 / var(--curent-size)) * 100vw)
    calc((28 / var(--curent-size)) * 100vw);
}

.imgs-pwu > img {
  width: calc((572 / var(--curent-size)) * 100vw);
  height: calc((372 / var(--curent-size)) * 100vw);
  object-fit: cover;
  border-radius: calc((16 / var(--curent-size)) * 100vw);
}

.imgs-pwu > div {
  width: calc((572 / var(--curent-size)) * 100vw);
  height: calc((372 / var(--curent-size)) * 100vw);
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: calc((24 / var(--curent-size)) * 100vw)
    calc((28 / var(--curent-size)) * 100vw);
}

.imgs-pwu > div img {
  border-radius: calc((16 / var(--curent-size)) * 100vw);
  width: calc((272 / var(--curent-size)) * 100vw);
  height: calc((174 / var(--curent-size)) * 100vw);
}

footer {
  background: var(--black);
  padding: calc((65 / var(--curent-size)) * 100vw) 0;
}

.footer-wrapper {
  display: flex;
  align-items: flex-end;
  width: 100%;
  justify-content: space-between;
}

.left-block {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.logo-item {
  display: flex;
  align-items: center;
  gap: calc((18 / var(--curent-size)) * 100vw);
}

.footer-logo {
  display: flex;
  align-items: center;
  justify-content: center;
}

.footer-logo img {
  width: calc((80 / var(--curent-size)) * 100vw);
  height: calc((80 / var(--curent-size)) * 100vw);
}

.logo-item p {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((14 / var(--curent-size)) * 100vw);
  line-height: 125%;
  color: var(--white-bg);
}

.footer-links {
  display: flex;
  align-items: center;
  gap: calc((18 / var(--curent-size)) * 100vw);
  margin: calc((56 / var(--curent-size)) * 100vw) 0
    calc((110 / var(--curent-size)) * 100vw) 0;
}

.footer-links a {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 125%;
  color: var(--white-bg);
}

.left-block > span {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((12 / var(--curent-size)) * 100vw);
  line-height: 130%;
  color: var(--white-bg);
}

.right-block {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.footer-phone {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((48 / var(--curent-size)) * 100vw);
  text-transform: uppercase;
  text-align: right;
  color: var(--white-bg);
}

.footer-email {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 125%;
  text-align: right;
  color: var(--white-bg);
  margin-top: calc((17 / var(--curent-size)) * 100vw);
  margin-bottom: calc((30 / var(--curent-size)) * 100vw);
}

.socials-links {
  display: flex;
  align-items: center;
  gap: calc((24 / var(--curent-size)) * 100vw);
  margin-bottom: calc((60 / var(--curent-size)) * 100vw);
}

.socials-links a {
  display: flex;
  align-items: center;
  justify-content: center;
}

.socials-links a img {
  width: calc((40 / var(--curent-size)) * 100vw);
  height: calc((40 / var(--curent-size)) * 100vw);
}

.right-block > span {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((12 / var(--curent-size)) * 100vw);
  line-height: 130%;
  text-align: right;
  color: var(--white-bg);
}

.burger-btn {
  display: none;
}

.mobile-logo-item {
  display: none;
}

.mobile-slider-wrapper {
  display: none;
}

.burger-wrapper {
  display: none;
}

#counts {
  padding: calc((160 / var(--curent-size)) * 100vw) 0;
}

.counts-items {
  display: flex;
  align-items: stretch;
  justify-content: center;
  flex-wrap: wrap;
  gap: calc((28 / var(--curent-size)) * 100vw);
}

.count-item {
  background: var(--white);
  border-radius: calc((24 / var(--curent-size)) * 100vw);
  width: calc((372 / var(--curent-size)) * 100vw);
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: calc((38 / var(--curent-size)) * 100vw) 0;
  gap: calc((16 / var(--curent-size)) * 100vw);
}

.count-item p {
  font-family: var(--second-family);
  font-weight: 900;
  font-size: calc((48 / var(--curent-size)) * 100vw);
  line-height: 120%;
  text-transform: uppercase;
  text-align: center;
  color: var(--grey);
}

.count-item span {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: calc((20 / var(--curent-size)) * 100vw);
  line-height: 120%;
  text-align: center;
  color: var(--grey);
}

#who-we-are {
  width: 100%;
  position: relative;
  height: calc((900 / var(--curent-size)) * 100vw);
}

#who-we-are picture {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

#who-we-are picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#who-we-are .container {
  height: 100%;
}

.wwa-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  height: 100%;
  padding-bottom: calc((48 / var(--curent-size)) * 100vw);
}

.wwa-wrapper > div {
  max-width: calc((848 / var(--curent-size)) * 100vw);
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.wwa-wrapper > div p {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: calc((20 / var(--curent-size)) * 100vw);
  line-height: 120%;
  color: var(--grey);
}

.wwa-wrapper > div:first-child {
  gap: calc((24 / var(--curent-size)) * 100vw);
}

.wwa-wrapper > div:last-child {
  gap: calc((16 / var(--curent-size)) * 100vw);
}

.wwa-wrapper > div:last-child p {
  color: #fff;
}

#management {
  background: var(--grey-bg);
  width: 100%;
  height: calc((772 / var(--curent-size)) * 100vw);
}

.management-wrapper {
  width: 100%;
  display: flex;
  height: 100%;
  align-items: stretch;
}

.management-wrapper > div {
  width: 50%;
}

.management-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc((40 / var(--curent-size)) * 100vw);
  padding-left: calc((130 / var(--curent-size)) * 100vw);
  padding-right: calc((28 / var(--curent-size)) * 100vw);
  height: 100%;
  justify-content: center;
}

.management-text p {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: calc((20 / var(--curent-size)) * 100vw);
  line-height: 120%;
  color: var(--white);
}

.management-img {
  position: relative;
  padding: 0 0 calc((48 / var(--curent-size)) * 100vw)
    calc((32 / var(--curent-size)) * 100vw);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
}

.management-img h4 {
  position: relative;
  z-index: 1;
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((24 / var(--curent-size)) * 100vw);
  line-height: 125%;
  text-transform: uppercase;
  color: var(--white-bg);
}

.management-img p {
  position: relative;
  z-index: 1;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((12 / var(--curent-size)) * 100vw);
  line-height: 130%;
  color: var(--white);
  margin: calc((4 / var(--curent-size)) * 100vw) 0
    calc((16 / var(--curent-size)) * 100vw) 0;
}

.management-img span {
  position: relative;
  z-index: 1;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 125%;
  color: var(--white-bg);
}

.management-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}

#why {
  width: 100%;
  height: calc((963 / var(--curent-size)) * 100vw);
  padding-top: calc((80 / var(--curent-size)) * 100vw);
  position: relative;
}

#why picture {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

#why picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.why-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc((40 / var(--curent-size)) * 100vw);
}

.why-wrapper ul {
  display: flex;
  align-items: flex-start;
  width: 100%;
  gap: calc((28 / var(--curent-size)) * 100vw);
}

.why-wrapper ul li {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((20 / var(--curent-size)) * 100vw);
  line-height: 120%;
  color: var(--white);
  border: calc((1 / var(--curent-size)) * 100vw) solid var(--white);
  border-radius: calc((24 / var(--curent-size)) * 100vw);
  width: calc((272 / var(--curent-size)) * 100vw);
  height: calc((186 / var(--curent-size)) * 100vw);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: calc((106 / var(--curent-size)) * 100vw)
    calc((24 / var(--curent-size)) * 100vw) 0
    calc((24 / var(--curent-size)) * 100vw);
  position: relative;
  counter-increment: count;
}

.why-wrapper ul li:after {
  content: "0" counter(count);
  position: absolute;
  top: calc((32 / var(--curent-size)) * 100vw);
  left: calc((24 / var(--curent-size)) * 100vw);
  z-index: 1;
  font-family: var(--second-family);
  font-weight: 900;
  font-size: calc((48 / var(--curent-size)) * 100vw);
  line-height: 120%;
  text-transform: uppercase;
  -webkit-text-fill-color: #fff0;
  -webkit-text-stroke: calc((1 / var(--curent-size)) * 100vw) #fff;
}

.join-wrapper {
  padding: calc((68 / var(--curent-size)) * 100vw)
    calc((32 / var(--curent-size)) * 100vw);
  background: var(--white);
  border-radius: calc((32 / var(--curent-size)) * 100vw);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.join-wrapper ul {
  display: flex;
  align-items: center;
  width: 100%;
  list-style: none;
  margin: calc((16 / var(--curent-size)) * 100vw) 0
    calc((48 / var(--curent-size)) * 100vw) 0;
  justify-content: space-between;
}

.join-wrapper ul li {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: calc((20 / var(--curent-size)) * 100vw);
  line-height: 120%;
  color: var(--grey);
  padding-left: calc((12 / var(--curent-size)) * 100vw);
  position: relative;
}

.join-wrapper ul li:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: calc((1.5 / var(--curent-size)) * 100vw);
  height: 100%;
  background: var(--grey);
}

#join {
  padding: calc((160 / var(--curent-size)) * 100vw) 0;
}

.why-wrapper > p {
  display: none;
}

.location-btns {
  margin-top: calc((32 / var(--curent-size)) * 100vw);
}

#location-data {
  padding: calc((160 / var(--curent-size)) * 100vw) 0;
}

.locations-data-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc((160 / var(--curent-size)) * 100vw);
}

.locations-items > div:after {
  content: none;
}

.locations-items > div:nth-child(2) {
  margin: 0;
}

.baner-item {
  width: 100%;
  height: calc((412 / var(--curent-size)) * 100vw);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: calc((48 / var(--curent-size)) * 100vw)
    calc((32 / var(--curent-size)) * 100vw);
  border-radius: calc((32 / var(--curent-size)) * 100vw);
  gap: calc((16 / var(--curent-size)) * 100vw);
  overflow: hidden;
  position: relative;
}

.baner-item picture {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.baner-item picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.baner-item p {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: calc((20 / var(--curent-size)) * 100vw);
  line-height: 120%;
  color: #fafafa;
  position: relative;
  z-index: 1;
}

.contacts-data {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: calc((472 / var(--curent-size)) * 100vw);
  width: 100%;
  margin: calc((100 / var(--curent-size)) * 100vw) auto
    calc((160 / var(--curent-size)) * 100vw) auto;
}

.contacts-data span {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((20 / var(--curent-size)) * 100vw);
  line-height: 120%;
  text-align: center;
  color: var(--white);
}

.contacts-data p {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: calc((20 / var(--curent-size)) * 100vw);
  line-height: 120%;
  text-align: center;
  color: var(--white);
  margin-top: calc((24 / var(--curent-size)) * 100vw);
  padding-bottom: calc((32 / var(--curent-size)) * 100vw);
  border-bottom: calc((1 / var(--curent-size)) * 100vw) solid var(--white);
}

.contacts-data a {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((48 / var(--curent-size)) * 100vw);
  text-transform: uppercase;
  text-align: center;
  color: var(--white);
  margin-top: calc((32 / var(--curent-size)) * 100vw);
}

#map {
  width: 100%;
  height: calc((645 / var(--curent-size)) * 100vw);
  overflow: hidden;
  border-radius: calc((32 / var(--curent-size)) * 100vw);
}

#map iframe {
  width: 100%;
  height: 100%;
}

.programms-wrapper {
  padding: calc((160 / var(--curent-size)) * 100vw) 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.program-baner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: calc((48 / var(--curent-size)) * 100vw)
    calc((32 / var(--curent-size)) * 100vw);
  border-radius: calc((32 / var(--curent-size)) * 100vw);
  height: calc((411 / var(--curent-size)) * 100vw);
  width: 100%;
  position: relative;
  margin-top: calc((160 / var(--curent-size)) * 100vw);
  overflow: hidden;
}

.program-baner picture {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.program-baner picture img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.program-baner ul {
  display: flex;
  align-items: center;
  width: 100%;
  list-style: none;
  gap: calc((30 / var(--curent-size)) * 100vw);
  margin-top: calc((20 / var(--curent-size)) * 100vw);
}

.program-baner ul li {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: calc((20 / var(--curent-size)) * 100vw);
  line-height: 120%;
  color: var(--white-bg);
  padding-left: calc((12 / var(--curent-size)) * 100vw);
  position: relative;
}

.program-baner ul li:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: calc((1.5 / var(--curent-size)) * 100vw);
  height: 100%;
  background: #fff;
}

.programms-term-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.programms-term-wrapper > p {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: calc((20 / var(--curent-size)) * 100vw);
  line-height: 120%;
  color: var(--grey);
  margin-top: calc((40 / var(--curent-size)) * 100vw);
}

.programms-list {
  display: flex;
  align-items: flex-start;
  width: 100%;
  list-style: none;
  flex-wrap: wrap;
  gap: calc((28 / var(--curent-size)) * 100vw);
  margin-top: calc((48 / var(--curent-size)) * 100vw);
}

.programm-list-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: calc((372 / var(--curent-size)) * 100vw);
  height: calc((942 / var(--curent-size)) * 100vw);
  background: var(--white);
  border-radius: calc((24 / var(--curent-size)) * 100vw);
  padding: calc((48 / var(--curent-size)) * 100vw)
    calc((32 / var(--curent-size)) * 100vw)
    calc((32 / var(--curent-size)) * 100vw);
  position: relative;
  border: calc((2 / var(--curent-size)) * 100vw) solid transparent;
}

.programm-list-item.green {
  border: calc((2 / var(--curent-size)) * 100vw) solid var(--green);
}

.badge {
  position: absolute;
  top: calc((-21 / var(--curent-size)) * 100vw);
  left: 50%;
  transform: translate(-50%, 0);
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((14 / var(--curent-size)) * 100vw);
  line-height: 125%;
  text-align: center;
  color: var(--grey);
  padding: calc((12 / var(--curent-size)) * 100vw)
    calc((16 / var(--curent-size)) * 100vw);
  background: var(--white);
  border: calc((1 / var(--curent-size)) * 100vw) solid var(--grey);
  border-radius: calc((100 / var(--curent-size)) * 100vw);
  white-space: nowrap;
}

.programm-list-item.green .badge {
  border: calc((1 / var(--curent-size)) * 100vw) solid var(--green);
  background: var(--green);
  color: var(--grey);
}

.programm-list-item h5 {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((24 / var(--curent-size)) * 100vw);
  line-height: 125%;
  text-transform: uppercase;
  text-align: center;
  color: var(--grey);
}

.pli-div {
  background: var(--white-bg);
  border-radius: calc((8 / var(--curent-size)) * 100vw);
  padding: calc((12 / var(--curent-size)) * 100vw);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc((8 / var(--curent-size)) * 100vw);
  margin-top: calc((16 / var(--curent-size)) * 100vw);
}

.pli-div svg {
  width: calc((24 / var(--curent-size)) * 100vw);
  height: calc((24 / var(--curent-size)) * 100vw);
}

.pli-div p {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 125%;
  text-align: center;
  color: var(--grey);
}

.pli-div span {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: calc((14 / var(--curent-size)) * 100vw);
  line-height: 125%;
  text-align: center;
  color: var(--grey);
}

.second {
  margin-top: calc((24 / var(--curent-size)) * 100vw);
}

.third {
  flex-direction: column;
  align-items: center;
  gap: calc((4 / var(--curent-size)) * 100vw);
  margin-top: auto;
}

.programm-list-item > p {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((20 / var(--curent-size)) * 100vw);
  line-height: 120%;
  text-align: center;
  color: var(--grey);
  margin: calc((24 / var(--curent-size)) * 100vw) 0
    calc((20 / var(--curent-size)) * 100vw) 0;
}

.programm-list-item ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  list-style: none;
  gap: calc((16 / var(--curent-size)) * 100vw);
}

.programm-list-item ul li {
  padding-left: calc((36 / var(--curent-size)) * 100vw);
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 125%;
  color: var(--grey);
  position: relative;
}

.programm-list-item ul li:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  width: calc((24 / var(--curent-size)) * 100vw);
  height: calc((24 / var(--curent-size)) * 100vw);
  background-image: url(../img/check.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

.pli-info {
  width: 100%;
  display: flex;
  align-items: flex-start;
  gap: calc((16 / var(--curent-size)) * 100vw);
  margin-top: auto;
}

.third ~ .pli-info {
  margin-top: calc((16 / var(--curent-size)) * 100vw);
}

.pli-info div {
  background: var(--white-bg);
  border-radius: calc((8 / var(--curent-size)) * 100vw);
  padding: calc((12 / var(--curent-size)) * 100vw);
  width: calc((146 / var(--curent-size)) * 100vw);
  height: calc((84 / var(--curent-size)) * 100vw);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: calc((4 / var(--curent-size)) * 100vw);
}

.pli-info div p {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 125%;
  text-align: center;
  color: var(--grey);
}

.pli-info div span {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: calc((14 / var(--curent-size)) * 100vw);
  line-height: 125%;
  text-align: center;
  color: var(--grey);
}

.programm-list-item > a {
  width: 100%;
  background: var(--grey);
  border-radius: calc((100 / var(--curent-size)) * 100vw);
  height: calc((66 / var(--curent-size)) * 100vw);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: calc((24 / var(--curent-size)) * 100vw);
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 115%;
  text-transform: uppercase;
  color: var(--white-bg);
}

.programm-list-item.green a {
  background: var(--green);
  color: var(--grey);
}

#programms-term {
  padding-bottom: calc((87 / var(--curent-size)) * 100vw);
}

#subscriptions {
  background: var(--grey-bg);
  padding: calc((80 / var(--curent-size)) * 100vw) 0;
}

.subscriptions-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}

.subscriptions-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.subscriptions-wrapper > p {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: calc((20 / var(--curent-size)) * 100vw);
  line-height: 120%;
  color: var(--white-bg);
  max-width: calc((772 / var(--curent-size)) * 100vw);
  width: 100%;
  margin: calc((40 / var(--curent-size)) * 100vw) 0
    calc((48 / var(--curent-size)) * 100vw) 0;
}

.subscriptions-wrapper > ul {
  display: flex;
  align-items: flex-start;
  width: 100%;
  gap: calc((24 / var(--curent-size)) * 100vw)
    calc((28 / var(--curent-size)) * 100vw);
  flex-wrap: wrap;
}

.subscriptions-wrapper > ul li {
  border-radius: calc((24 / var(--curent-size)) * 100vw);
  padding: calc((32 / var(--curent-size)) * 100vw)
    calc((24 / var(--curent-size)) * 100vw);
  width: calc((372 / var(--curent-size)) * 100vw);
  height: calc((364 / var(--curent-size)) * 100vw);
  background: var(--white);
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}

.li-badge {
  position: absolute;
  top: calc((-20 / var(--curent-size)) * 100vw);
  left: 50%;
  transform: translate(-50%, 0);
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((14 / var(--curent-size)) * 100vw);
  line-height: 125%;
  text-align: center;
  color: var(--grey);
  padding: calc((12 / var(--curent-size)) * 100vw)
    calc((16 / var(--curent-size)) * 100vw);
  background: var(--green);
  border-radius: calc((100 / var(--curent-size)) * 100vw);
}

.subscriptions-wrapper > ul li h6 {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((20 / var(--curent-size)) * 100vw);
  line-height: 120%;
  text-transform: uppercase;
  text-align: center;
  color: var(--grey);
}

.subscriptions-wrapper > ul li p {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 125%;
  text-align: center;
  color: var(--grey);
  margin: calc((16 / var(--curent-size)) * 100vw) 0
    calc((32 / var(--curent-size)) * 100vw) 0;
}

.subscriptions-wrapper > ul li div {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((24 / var(--curent-size)) * 100vw);
  line-height: 125%;
  text-transform: uppercase;
  text-align: center;
  color: var(--grey);
  background: var(--white-bg);
  border-radius: calc((8 / var(--curent-size)) * 100vw);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: calc((16 / var(--curent-size)) * 100vw) 0;
  width: 100%;
}

.li-span {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((12 / var(--curent-size)) * 100vw);
  line-height: 130%;
  color: var(--grey-600);
  margin-top: calc((12 / var(--curent-size)) * 100vw);
}

.subscriptions-wrapper > ul li a {
  border-radius: calc((100 / var(--curent-size)) * 100vw);
  width: 100%;
  height: calc((66 / var(--curent-size)) * 100vw);
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 115%;
  text-transform: uppercase;
  color: var(--white-bg);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: auto;
  background: var(--grey);
}

.subscriptions-block {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: calc((144 / var(--curent-size)) * 100vw);
  gap: calc((40 / var(--curent-size)) * 100vw);
  width: 100%;
}

.subscriptions-block ul {
  display: flex;
  align-items: flex-start;
  width: 100%;
  gap: calc((28 / var(--curent-size)) * 100vw);
}

.subscriptions-block ul li {
  width: calc((272 / var(--curent-size)) * 100vw);
  height: calc((272 / var(--curent-size)) * 100vw);
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: calc((20 / var(--curent-size)) * 100vw);
  position: relative;
  overflow: hidden;
  border-radius: calc((24 / var(--curent-size)) * 100vw);
}

.subscriptions-block ul li img {
  width: 100%;
  object-fit: cover;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.subscriptions-block ul li p {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((20 / var(--curent-size)) * 100vw);
  line-height: 120%;
  color: var(--white-bg);
  position: relative;
  z-index: 1;
}

#duratio {
  padding: calc((80 / var(--curent-size)) * 100vw) 0
    calc((160 / var(--curent-size)) * 100vw) 0;
}

.duratio-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}

.duration-list {
  display: flex;
  align-items: flex-start;
  width: 100%;
  flex-wrap: wrap;
  gap: calc((28 / var(--curent-size)) * 100vw);
  list-style: none;
  margin: calc((40 / var(--curent-size)) * 100vw) 0
    calc((48 / var(--curent-size)) * 100vw) 0;
}

.duration-list li {
  border-radius: calc((24 / var(--curent-size)) * 100vw);
  width: calc((372 / var(--curent-size)) * 100vw);
  height: calc((546 / var(--curent-size)) * 100vw);
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  padding: calc((24 / var(--curent-size)) * 100vw);
}

.duration-list li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.duration-list li p {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 125%;
  color: var(--white);
  padding: calc((8 / var(--curent-size)) * 100vw)
    calc((24 / var(--curent-size)) * 100vw);
  margin-bottom: calc((12 / var(--curent-size)) * 100vw);
  position: relative;
  z-index: 1;
  border-radius: calc((100 / var(--curent-size)) * 100vw);
  border: calc((1 / var(--curent-size)) * 100vw) solid var(--white);
}

.duration-list li span {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((24 / var(--curent-size)) * 100vw);
  line-height: 125%;
  text-transform: uppercase;
  color: var(--white-bg);
  position: relative;
  z-index: 1;
}

.duration-list li div {
  position: absolute;
  top: calc((16 / var(--curent-size)) * 100vw);
  right: calc((16 / var(--curent-size)) * 100vw);
  background: var(--green);
  border-radius: calc((100 / var(--curent-size)) * 100vw);
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((14 / var(--curent-size)) * 100vw);
  line-height: 125%;
  text-align: center;
  color: var(--grey);
  padding: calc((12 / var(--curent-size)) * 100vw)
    calc((16 / var(--curent-size)) * 100vw);
  z-index: 1;
}

.duratio-wrapper > a {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 115%;
  text-transform: uppercase;
  color: var(--grey);
  border-radius: calc((100 / var(--curent-size)) * 100vw);
  width: calc((372 / var(--curent-size)) * 100vw);
  height: calc((66 / var(--curent-size)) * 100vw);
  background: var(--green);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}

.about-camps-wrapper {
  display: flex;
  align-items: stretch;
  width: 100%;
}
.about-camps-wrapper > div {
  width: 50%;
}

.camps-right {
  height: calc((940 / var(--curent-size)) * 100vw);
}

.camps-right img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.camps-left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: calc((160 / var(--curent-size)) * 100vw)
    calc((20 / var(--curent-size)) * 100vw) 0
    calc((132 / var(--curent-size)) * 100vw);
}

.camps-left .title {
  margin: calc((80 / var(--curent-size)) * 100vw) 0
    calc((40 / var(--curent-size)) * 100vw) 0;
}

.camps-left p {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: calc((20 / var(--curent-size)) * 100vw);
  line-height: 120%;
  color: var(--grey);
}

.camps-left ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: calc((48 / var(--curent-size)) * 100vw);
  list-style: none;
  gap: calc((20 / var(--curent-size)) * 100vw);
}

.camps-left ul li {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((20 / var(--curent-size)) * 100vw);
  line-height: 120%;
  color: var(--grey);
  padding-left: calc((12 / var(--curent-size)) * 100vw);
  position: relative;
}

.camps-left ul li:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: calc((2 / var(--curent-size)) * 100vw);
  height: 100%;
  background: var(--grey);
}

#offer {
  padding: calc((160 / var(--curent-size)) * 100vw) 0
    calc((80 / var(--curent-size)) * 100vw) 0;
  background: var(--grey-bg);
}

.offer-wrapper {
  display: flex;
  align-items: flex-start;
  width: 100%;
  gap: calc((28 / var(--curent-size)) * 100vw);
}

.offer-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc((40 / var(--curent-size)) * 100vw);
  width: calc((472 / var(--curent-size)) * 100vw);
}

.offer-text p {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: calc((20 / var(--curent-size)) * 100vw);
  line-height: 120%;
  color: var(--white-bg);
}

.offer-imgs {
  border-radius: calc((24 / var(--curent-size)) * 100vw);
  width: calc((672 / var(--curent-size)) * 100vw);
  height: calc((393 / var(--curent-size)) * 100vw);
  overflow: hidden;
  padding: calc((24 / var(--curent-size)) * 100vw)
    calc((32 / var(--curent-size)) * 100vw);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  position: relative;
  gap: calc((16 / var(--curent-size)) * 100vw);
}

.offer-imgs picture {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.offer-imgs picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.offer-imgs p {
  font-family: var(--second-family);
  font-weight: 900;
  font-size: calc((24 / var(--curent-size)) * 100vw);
  line-height: 125%;
  text-transform: uppercase;
  color: var(--white-bg);
}

.offer-imgs span {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 125%;
  color: var(--white-bg);
}

.offers-items {
  display: flex;
  align-items: flex-start;
  width: 100%;
  flex-wrap: wrap;
  gap: calc((28 / var(--curent-size)) * 100vw);
  margin-top: calc((28 / var(--curent-size)) * 100vw);
}

.offer-item {
  border-radius: calc((24 / var(--curent-size)) * 100vw);
  height: calc((391 / var(--curent-size)) * 100vw);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: calc((24 / var(--curent-size)) * 100vw)
    calc((32 / var(--curent-size)) * 100vw);
  position: relative;
  gap: calc((16 / var(--curent-size)) * 100vw);
}

.offer-item img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.offer-item p {
  font-family: var(--second-family);
  font-weight: 900;
  font-size: calc((24 / var(--curent-size)) * 100vw);
  line-height: 125%;
  text-transform: uppercase;
  color: var(--white-bg);
  position: relative;
  z-index: 1;
}

.offer-item span {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 125%;
  color: var(--white-bg);
  position: relative;
  z-index: 1;
}

.big-item {
  width: calc((672 / var(--curent-size)) * 100vw);
}

.small-item {
  width: calc((472 / var(--curent-size)) * 100vw);
}

#additional-services {
  padding: calc((80 / var(--curent-size)) * 100vw) 0
    calc((160 / var(--curent-size)) * 100vw) 0;
}

.additional-wraper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}

.additional-items {
  margin-top: calc((40 / var(--curent-size)) * 100vw);
  display: flex;
  align-items: flex-start;
  width: 100%;
  gap: calc((28 / var(--curent-size)) * 100vw);
}

.additional-items div {
  border-radius: calc((24 / var(--curent-size)) * 100vw);
  height: calc((394 / var(--curent-size)) * 100vw);
  overflow: hidden;
  padding: calc((24 / var(--curent-size)) * 100vw)
    calc((32 / var(--curent-size)) * 100vw);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  gap: calc((16 / var(--curent-size)) * 100vw);
  position: relative;
}

.additional-items div img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.additional-items div p {
  font-family: var(--second-family);
  font-weight: 900;
  font-size: calc((24 / var(--curent-size)) * 100vw);
  line-height: 125%;
  text-transform: uppercase;
  color: var(--white-bg);
  position: relative;
  z-index: 1;
}

.additional-items div span {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 125%;
  color: var(--white-bg);
  position: relative;
  z-index: 1;
}

.additional-item-big {
  width: calc((672 / var(--curent-size)) * 100vw);
}

.additional-item-small {
  width: calc((472 / var(--curent-size)) * 100vw);
}

.additional-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  width: 100%;
  height: calc((548 / var(--curent-size)) * 100vw);
  border-radius: calc((32 / var(--curent-size)) * 100vw);
  overflow: hidden;
  position: relative;
  gap: calc((16 / var(--curent-size)) * 100vw);
  position: relative;
  padding: calc((48 / var(--curent-size)) * 100vw)
    calc((32 / var(--curent-size)) * 100vw);
  margin-top: calc((160 / var(--curent-size)) * 100vw);
}

.additional-text picture {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.additional-text picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.additional-text h5 {
  font-family: var(--second-family);
  font-weight: 900;
  font-size: calc((48 / var(--curent-size)) * 100vw);
  line-height: 120%;
  text-transform: uppercase;
  color: var(--white-bg);
}

.additional-text p {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: calc((20 / var(--curent-size)) * 100vw);
  line-height: 120%;
  color: var(--white-bg);
}

.additional-text span {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((20 / var(--curent-size)) * 100vw);
  line-height: 120%;
  color: var(--white-bg);
}

.additional-text div {
  display: flex;
  align-items: center;
  margin-top: calc((16 / var(--curent-size)) * 100vw);
  gap: calc((16 / var(--curent-size)) * 100vw);
}

.additional-text div a {
  border-radius: calc((100 / var(--curent-size)) * 100vw);
  width: calc((163 / var(--curent-size)) * 100vw);
  height: calc((66 / var(--curent-size)) * 100vw);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 115%;
  text-transform: uppercase;
  color: var(--white-bg);
}

.additional-text div a:first-child {
  background: var(--red);
}

.additional-text div a:last-child {
  backdrop-filter: blur(10px);
  background: var(--white-300);
}

#gallery {
  padding: calc((152 / var(--curent-size)) * 100vw) 0
    calc((160 / var(--curent-size)) * 100vw) 0;
}

.gallery-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}

.tabs {
  display: flex;
  align-items: center;
  width: 100%;
  list-style: none;
  gap: calc((16 / var(--curent-size)) * 100vw);
  margin: calc((40 / var(--curent-size)) * 100vw) 0
    calc((48 / var(--curent-size)) * 100vw) 0;
  flex-wrap: wrap;
}

.feedbacks-section {
  padding-bottom: calc((80 / var(--curent-size)) * 100vw);
}

.tabs li {
  padding: calc((24 / var(--curent-size)) * 100vw)
    calc((32 / var(--curent-size)) * 100vw);
  border: calc((1 / var(--curent-size)) * 100vw) solid var(--grey);
  border-radius: calc((100 / var(--curent-size)) * 100vw);
  padding: calc((24 / var(--curent-size)) * 100vw)
    calc((32 / var(--curent-size)) * 100vw);
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 115%;
  text-transform: uppercase;
  color: var(--grey);
  cursor: pointer;
}

.tabs li.active {
  color: #fff;
  background: var(--grey);
}

.gallery-items-wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.gallery-items {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc((28 / var(--curent-size)) * 100vw);
}

.gallery-item {
  width: 100%;
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  gap: calc((28 / var(--curent-size)) * 100vw);
}

.gallery-item:nth-child(even) {
  flex-direction: row-reverse;
}

.gallery-item div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc((28 / var(--curent-size)) * 100vw);
}

.gallery-item div img {
  width: calc((572 / var(--curent-size)) * 100vw);
  border-radius: calc((16 / var(--curent-size)) * 100vw);
  height: 100%;
}

.gallery-item > img {
  height: calc((772 / var(--curent-size)) * 100vw);
  width: calc((572 / var(--curent-size)) * 100vw);
  object-fit: cover;
  border-radius: calc((16 / var(--curent-size)) * 100vw);
}

#camp-programs {
  position: relative;
  width: 100%;
  padding-bottom: calc((160 / var(--curent-size)) * 100vw);
}

#camp-programs > picture {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc((960 / var(--curent-size)) * 100vw);
  z-index: 0;
}

#camp-programs > picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.camp-program {
  width: 100%;
  position: relative;
  z-index: 1;
  padding-top: calc((160 / var(--curent-size)) * 100vw);
}

.camp-program .title {
  margin-top: calc((160 / var(--curent-size)) * 100vw);
}

.camp-head > p {
  width: calc((401 / var(--curent-size)) * 100vw);
}

.camp-program-items {
  display: flex;
  align-items: flex-start;
  width: 100%;
  gap: calc((30 / var(--curent-size)) * 100vw);
  margin-top: calc((40 / var(--curent-size)) * 100vw);
}

.camp-program-item {
  border-radius: calc((24 / var(--curent-size)) * 100vw);
  padding: calc((48 / var(--curent-size)) * 100vw)
    calc((30 / var(--curent-size)) * 100vw);
  width: calc((472 / var(--curent-size)) * 100vw);
  height: fit-content;
  background: var(--white);
  display: flex;
  flex-direction: column;
  align-items: center;
  border: calc((2 / var(--curent-size)) * 100vw) solid transparent;
}

.camp-program-item h5 {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((24 / var(--curent-size)) * 100vw);
  line-height: 125%;
  text-transform: uppercase;
  text-align: center;
  color: var(--grey);
}

.camp-program-item ol {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: center;
  gap: calc((12 / var(--curent-size)) * 100vw);
  flex-wrap: wrap;
  list-style: none;
  margin: calc((16 / var(--curent-size)) * 100vw) 0
    calc((32 / var(--curent-size)) * 100vw) 0;
}

.camp-program-item ol li {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 125%;
  text-align: center;
  color: var(--grey);
  padding: calc((12 / var(--curent-size)) * 100vw)
    calc((16 / var(--curent-size)) * 100vw);
  border: calc((1 / var(--curent-size)) * 100vw) solid var(--grey);
  border-radius: calc((100 / var(--curent-size)) * 100vw);
}

.camp-program-item p {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((48 / var(--curent-size)) * 100vw);
  text-transform: uppercase;
  color: var(--grey);
  background: var(--white-bg);
  border-radius: calc((16 / var(--curent-size)) * 100vw);
  padding: calc((20 / var(--curent-size)) * 100vw)
    calc((34.5 / var(--curent-size)) * 100vw);
}

.camp-program-item ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  list-style: none;
  padding: 0 calc((18 / var(--curent-size)) * 100vw);
  margin: calc((32 / var(--curent-size)) * 100vw) 0;
  gap: calc((20 / var(--curent-size)) * 100vw);
}

.camp-program-item ul li {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((20 / var(--curent-size)) * 100vw);
  line-height: 120%;
  color: var(--grey);
  padding-left: calc((36 / var(--curent-size)) * 100vw);
  position: relative;
}

.camp-program-item ul li:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  width: calc((24 / var(--curent-size)) * 100vw);
  height: calc((24 / var(--curent-size)) * 100vw);
  background-image: url(../img/check.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

.camp-program-item a {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 115%;
  text-transform: uppercase;
  color: var(--white-bg);
  width: 100%;
  border-radius: calc((100 / var(--curent-size)) * 100vw);
  height: calc((66 / var(--curent-size)) * 100vw);
  background: var(--grey);
  display: flex;
  align-items: center;
  justify-content: center;
}

.camp-program-item.green a {
  background: var(--green);
  color: var(--grey);
}

.camp-program-item span {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 125%;
  text-align: center;
  color: var(--grey);
  margin-top: calc((12 / var(--curent-size)) * 100vw);
}

.camp-program-item.green {
  width: calc((672 / var(--curent-size)) * 100vw);
  border: calc((2 / var(--curent-size)) * 100vw) solid var(--green);
  position: relative;
}

.camp-program-item.green > div {
  position: absolute;
  top: calc((-21 / var(--curent-size)) * 100vw);
  left: 50%;
  transform: translate(-50%, 0);
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((14 / var(--curent-size)) * 100vw);
  line-height: 125%;
  text-align: center;
  color: var(--grey);
  padding: calc((12 / var(--curent-size)) * 100vw)
    calc((16 / var(--curent-size)) * 100vw);
  border-radius: calc((100 / var(--curent-size)) * 100vw);
  background: var(--green);
}

#extras {
  padding: calc((160 / var(--curent-size)) * 100vw) 0;
  background: var(--grey-bg);
}

.extras-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}

.extras-wrapper ul {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  list-style: none;
  gap: calc((20 / var(--curent-size)) * 100vw);
  margin-top: calc((40 / var(--curent-size)) * 100vw);
}

.extras-wrapper ul li {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: calc((16 / var(--curent-size)) * 100vw)
    calc((32 / var(--curent-size)) * 100vw);
  border-bottom: calc((1 / var(--curent-size)) * 100vw) solid var(--white-300);
}

.extras-wrapper ul li p {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((20 / var(--curent-size)) * 100vw);
  line-height: 120%;
  color: var(--white-bg);
}

.extras-wrapper ul li span {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((20 / var(--curent-size)) * 100vw);
  line-height: 120%;
  text-align: right;
  color: var(--white-bg);
}

.extras-wrapper h4 {
  margin: calc((160 / var(--curent-size)) * 100vw) 0
    calc((40 / var(--curent-size)) * 100vw) 0;
}

.extras-wrapper ol {
  display: flex;
  align-items: flex-start;
  width: 100%;
  flex-wrap: wrap;
  gap: calc((28 / var(--curent-size)) * 100vw);
}

.extras-wrapper ol li {
  background: var(--white);
  border-radius: calc((24 / var(--curent-size)) * 100vw);
  width: calc((272 / var(--curent-size)) * 100vw);
  height: calc((158 / var(--curent-size)) * 100vw);
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: flex-start;
  padding: calc((32 / var(--curent-size)) * 100vw);
  gap: calc((16 / var(--curent-size)) * 100vw);
  transition: 0.3s ease;
}

.extras-wrapper ol li:hover {
  transition: 0.3s ease;
  background: var(--green);
}

.extras-wrapper ol li p {
  font-family: var(--second-family);
  font-weight: 900;
  font-size: calc((24 / var(--curent-size)) * 100vw);
  line-height: 125%;
  text-transform: uppercase;
  text-align: center;
  color: var(--grey);
}

.extras-wrapper ol li span {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((20 / var(--curent-size)) * 100vw);
  line-height: 120%;
  text-align: center;
  color: var(--grey);
}

#tce {
  width: 100%;
  height: calc((586 / var(--curent-size)) * 100vw);
  position: relative;
}

#tce picture {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc((586 / var(--curent-size)) * 100vw);
  z-index: -1;
}

#tce picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#tce .container {
  height: 100%;
}

.tce-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  width: 100%;
  height: 100%;
  padding-bottom: calc((48 / var(--curent-size)) * 100vw);
}

#objectives {
  padding: calc((160 / var(--curent-size)) * 100vw) 0 0 0;
}

#next-program {
  padding: calc((160 / var(--curent-size)) * 100vw) 0
    calc((128 / var(--curent-size)) * 100vw) 0;
}

.next-program-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.next-program-wrapper > span {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: calc((20 / var(--curent-size)) * 100vw);
  line-height: 120%;
  color: var(--grey);
}

.next-program-wrapper > h5 {
  font-family: var(--second-family);
  font-weight: 900;
  font-size: calc((48 / var(--curent-size)) * 100vw);
  line-height: 120%;
  text-transform: uppercase;
  text-align: center;
  color: var(--grey);
  margin: calc((16 / var(--curent-size)) * 100vw) 0
    calc((40 / var(--curent-size)) * 100vw) 0;
}

.next-program-wrapper > p {
  font-family: var(--second-family);
  font-weight: 900;
  font-size: calc((24 / var(--curent-size)) * 100vw);
  line-height: 125%;
  text-transform: uppercase;
  color: var(--grey);
  width: 100%;
  text-align: left;
}

.next-program-wrapper > ol {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc((28 / var(--curent-size)) * 100vw);
  margin: calc((40 / var(--curent-size)) * 100vw) 0
    calc((64 / var(--curent-size)) * 100vw) 0;
  list-style: none;
}

.next-program-wrapper > ol li {
  border: calc((1 / var(--curent-size)) * 100vw) solid var(--grey);
  border-radius: calc((100 / var(--curent-size)) * 100vw);
  width: calc((166 / var(--curent-size)) * 100vw);
  height: calc((66 / var(--curent-size)) * 100vw);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 115%;
  text-transform: uppercase;
  color: var(--grey);
  cursor: pointer;
  transition: 0.3s ease;
}

.next-program-wrapper > ol li.choosed {
  transition: 0.3s ease;
  background: var(--green);
  color: var(--grey);
  border: calc((1 / var(--curent-size)) * 100vw) solid var(--green);
}

.next-program-wrapper > ul {
  display: flex;
  align-items: flex-start;
  width: 100%;
  gap: calc((28 / var(--curent-size)) * 100vw);
  list-style: none;
  flex-wrap: wrap;
  margin-top: calc((24 / var(--curent-size)) * 100vw);
}

.next-program-wrapper > ul li {
  border-radius: calc((24 / var(--curent-size)) * 100vw);
  width: calc((572 / var(--curent-size)) * 100vw);
  height: calc((286 / var(--curent-size)) * 100vw);
  overflow: hidden;
  padding: calc((24 / var(--curent-size)) * 100vw)
    calc((32 / var(--curent-size)) * 100vw);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  gap: calc((12 / var(--curent-size)) * 100vw);
  position: relative;
  cursor: pointer;
}

.next-program-wrapper > ul li.clicked:after {
  content: "";
  position: absolute;
  bottom: calc((32 / var(--curent-size)) * 100vw);
  right: calc((32 / var(--curent-size)) * 100vw);
  width: calc((48 / var(--curent-size)) * 100vw);
  height: calc((48 / var(--curent-size)) * 100vw);
  background: #fff;
  border-radius: 50%;
  background-image: url(../img/click.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

.next-program-wrapper > ul li img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: grayscale(1);
}

.next-program-wrapper > ul li.clicked img {
  filter: grayscale(0);
}

.next-program-wrapper > ul li p {
  font-family: var(--second-family);
  font-weight: 900;
  font-size: calc((24 / var(--curent-size)) * 100vw);
  line-height: 125%;
  text-transform: uppercase;
  color: var(--white-bg);
  position: relative;
  z-index: 1;
}

.next-program-wrapper > ul li span {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: calc((20 / var(--curent-size)) * 100vw);
  line-height: 120%;
  color: var(--white-bg);
  position: relative;
  z-index: 1;
}

.next-program-wrapper > a {
  margin-top: calc((32 / var(--curent-size)) * 100vw);
  background: var(--light-grey-2);
  border-radius: calc((100 / var(--curent-size)) * 100vw);
  width: calc((240 / var(--curent-size)) * 100vw);
  height: calc((66 / var(--curent-size)) * 100vw);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 115%;
  text-transform: uppercase;
  color: var(--grey-600);
  transition: 0.3s ease;
}

.next-program-wrapper > a.active {
  transition: 0.3s ease;
  background: var(--green);
  color: var(--grey);
}

.philosophy-wrapper {
  padding-top: calc((160 / var(--curent-size)) * 100vw);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: calc((578 / var(--curent-size)) * 100vw);
  width: 100%;
}

.philosophy-wrapper span {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: calc((20 / var(--curent-size)) * 100vw);
  line-height: 120%;
  color: var(--grey);
  margin-bottom: calc((48 / var(--curent-size)) * 100vw);
}

.philosophy-wrapper ul {
  display: flex;
  align-items: flex-start;
  width: 100%;
  flex-wrap: wrap;
  gap: calc((28 / var(--curent-size)) * 100vw);
  list-style: none;
  margin-top: calc((40 / var(--curent-size)) * 100vw);
}

.philosophy-wrapper ul li {
  border-radius: calc((24 / var(--curent-size)) * 100vw);
  padding: calc((32 / var(--curent-size)) * 100vw);
  width: calc((272 / var(--curent-size)) * 100vw);
  height: calc((238 / var(--curent-size)) * 100vw);
  background: var(--white);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.philosophy-wrapper ul li img {
  border-radius: 50%;
  width: calc((50 / var(--curent-size)) * 100vw);
  height: calc((50 / var(--curent-size)) * 100vw);
}

.philosophy-wrapper ul li p {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((20 / var(--curent-size)) * 100vw);
  line-height: 120%;
  text-transform: uppercase;
  color: var(--grey);
  margin: calc((24 / var(--curent-size)) * 100vw) 0
    calc((16 / var(--curent-size)) * 100vw) 0;
}

.philosophy-wrapper ul li span {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 125%;
  color: var(--grey);
}

.philosophy-wrapper > p {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((20 / var(--curent-size)) * 100vw);
  line-height: 120%;
  color: var(--grey);
  margin-top: calc((48 / var(--curent-size)) * 100vw);
}

#philosophy {
  position: relative;
  width: 100%;
  padding-bottom: calc((160 / var(--curent-size)) * 100vw);
}

#philosophy > img {
  position: absolute;
  top: 0;
  right: 0;
  width: calc((706 / var(--curent-size)) * 100vw);
}

#coloboration {
  padding: calc((160 / var(--curent-size)) * 100vw) 0;
}

.coloboration-wrapper {
  display: flex;
  align-items: center;
  width: 100%;
  gap: calc((90 / var(--curent-size)) * 100vw);
}

.coloboration-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: calc((572 / var(--curent-size)) * 100vw);
  width: 100%;
  gap: calc((20 / var(--curent-size)) * 100vw);
}

.coloboration-text p {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((24 / var(--curent-size)) * 100vw);
  line-height: 125%;
  text-transform: uppercase;
  color: var(--grey);
}

.coloboration-text span {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: calc((20 / var(--curent-size)) * 100vw);
  line-height: 120%;
  color: var(--grey);
}

.coloboration-imgs {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: calc((64 / var(--curent-size)) * 100vw);
}

.coloboration-imgs img {
  height: calc((100 / var(--curent-size)) * 100vw);
}

#high-school {
  background: var(--grey-bg);
  padding-bottom: calc((64 / var(--curent-size)) * 100vw);
  position: relative;
}

#university {
  padding-bottom: calc((64 / var(--curent-size)) * 100vw);
  position: relative;
}

.high-school-wrapper {
  display: flex;
  align-items: flex-start;
  width: 100%;
}

.high-school-wrapper > div {
  width: 50%;
}

.high-school-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: calc((704 / var(--curent-size)) * 100vw);
  width: 100%;
  padding-left: calc((132 / var(--curent-size)) * 100vw);
  padding-top: calc((80 / var(--curent-size)) * 100vw);
}

.high-school-text ol {
  display: flex;
  align-items: center;
  list-style: none;
  gap: calc((16 / var(--curent-size)) * 100vw);
  margin: calc((24 / var(--curent-size)) * 100vw) 0
    calc((40 / var(--curent-size)) * 100vw) 0;
}

.high-school-text ol li {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 125%;
  text-align: center;
  color: var(--white);
  border: calc((1 / var(--curent-size)) * 100vw) solid var(--white);
  border-radius: calc((100 / var(--curent-size)) * 100vw);
  padding: calc((12 / var(--curent-size)) * 100vw)
    calc((24 / var(--curent-size)) * 100vw);
}

.university-text ol li {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 125%;
  text-align: center;
  color: var(--grey);
  border: calc((1 / var(--curent-size)) * 100vw) solid var(--grey);
  border-radius: calc((100 / var(--curent-size)) * 100vw);
  padding: calc((12 / var(--curent-size)) * 100vw)
    calc((24 / var(--curent-size)) * 100vw);
}

.university-text > ul li {
  background: var(--white) !important;
}

.university-text > ul li p {
  color: var(--grey) !important;
}

.university-text > ul li ul li {
  color: var(--grey) !important;
}

.university-text > ul li span {
  color: var(--grey) !important;
}

.university-text ul li:nth-child(3) {
  width: 100% !important;
}

.high-school-text > ul {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  gap: calc((28 / var(--curent-size)) * 100vw);
  width: 100%;
}

.high-school-text > ul > li {
  border-radius: calc((24 / var(--curent-size)) * 100vw);
  padding: calc((32 / var(--curent-size)) * 100vw);
  width: calc((272 / var(--curent-size)) * 100vw);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc((16 / var(--curent-size)) * 100vw);
  background: var(--grey-300);
  border: calc((2 / var(--curent-size)) * 100vw) solid transparent;
  position: relative;
}

.high-school-text > ul > li div {
  position: absolute;
  top: calc((-21 / var(--curent-size)) * 100vw);
  left: 50%;
  transform: translate(-50%, 0);
  padding: calc((12 / var(--curent-size)) * 100vw)
    calc((16 / var(--curent-size)) * 100vw);
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((14 / var(--curent-size)) * 100vw);
  line-height: 125%;
  text-align: center;
  color: var(--grey);
  background: var(--green);
  border-radius: calc((100 / var(--curent-size)) * 100vw);
}

.high-school-text > ul > li:nth-last-child(2) {
  align-items: center;
}

.high-school-text > ul li:nth-last-child(2) span {
  text-align: center;
}

.high-school-text > ul > li.green {
  align-items: center;
  border: calc((2 / var(--curent-size)) * 100vw) solid var(--green) !important;
}

.high-school-text > ul li h6 {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((20 / var(--curent-size)) * 100vw);
  line-height: 120%;
  text-transform: uppercase;
  color: var(--white);
}

.high-school-text > ul li ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  list-style: disc;
  padding-left: calc((16 / var(--curent-size)) * 100vw);
}

.high-school-text > ul.dop {
  margin-top: calc((28 / var(--curent-size)) * 100vw);
}

.high-school-text > ul.darken li h6 {
  color: var(--grey) !important;
}

.high-school-text > ul.bloz {
  margin-top: calc((28 / var(--curent-size)) * 100vw);
}

.high-school-text > ul.bloz li h3 {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((24 / var(--curent-size)) * 100vw);
  line-height: 125%;
  text-transform: uppercase;
  text-align: center;
  color: var(--grey);
}

.high-school-text > ul.bloz li p {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 125%;
  text-align: center;
  color: var(--grey);
  opacity: 0.5;
}

.high-school-text > ul.dop li {
  border: calc((2 / var(--curent-size)) * 100vw) solid var(--white-150);
}

.high-school-text > ul li ul li {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 125%;
  color: var(--white);
}

.high-school-text > ul li p {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 125%;
  color: var(--white);
}

.dop li p {
  text-align: center !important;
}

.high-school-text > a {
  width: 100%;
  background: var(--green);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 115%;
  text-transform: uppercase;
  color: var(--grey);
  border-radius: calc((100 / var(--curent-size)) * 100vw);
  height: calc((66 / var(--curent-size)) * 100vw);
  margin-top: calc((48 / var(--curent-size)) * 100vw);
}

.high-school-slider {
  position: absolute;
  top: 0;
  right: 0;
  width: calc((706 / var(--curent-size)) * 100vw) !important;
  height: calc((900 / var(--curent-size)) * 100vw);
}

.high-school-slider:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 60%;
  z-index: 2;
  pointer-events: none;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, #000 100%);
}

.hgh-text {
  position: absolute;
  top: calc((80 / var(--curent-size)) * 100vw);
  left: calc((44 / var(--curent-size)) * 100vw);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  z-index: 5;
  gap: calc((24 / var(--curent-size)) * 100vw);
}

.hgh-text p {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((24 / var(--curent-size)) * 100vw);
  line-height: 125%;
  text-transform: uppercase;
  color: var(--white);
}

.hgh-text span {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: calc((20 / var(--curent-size)) * 100vw);
  line-height: 120%;
  color: var(--white);
}

.hgh-school {
  width: 100%;
  height: 100%;
}

.uni-school {
  width: 100%;
  height: 100%;
}

.hgh-slide {
  width: 100%;
  height: 100%;
}

.hgh-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hgh-school-nav {
  position: absolute;
  bottom: calc((32 / var(--curent-size)) * 100vw);
  left: calc((32 / var(--curent-size)) * 100vw);
  display: flex;
  align-items: center;
  max-width: calc((540 / var(--curent-size)) * 100vw);
  width: 100%;
  justify-content: space-between;
  z-index: 2;
}

.hgh-btns {
  display: flex;
  align-items: center;
  gap: calc((8 / var(--curent-size)) * 100vw);
}

.hgh-btns button {
  border-radius: 50%;
  padding: calc((8 / var(--curent-size)) * 100vw);
  width: calc((32 / var(--curent-size)) * 100vw);
  height: calc((32 / var(--curent-size)) * 100vw);
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--grey-300);
  border: none;
}

.hgh-pog {
  border-radius: calc((100 / var(--curent-size)) * 100vw);
  background: var(--grey-300);
  width: fit-content !important;
  padding: calc((13 / var(--curent-size)) * 100vw)
    calc((12 / var(--curent-size)) * 100vw);
  display: flex;
  align-items: center;
}

.hgh-pog .swiper-pagination-bullet {
  background: #fff;
  width: calc((4 / var(--curent-size)) * 100vw);
  height: calc((4 / var(--curent-size)) * 100vw);
  opacity: 1;
  margin: 0;
}

.hgh-pog .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #fff;
  width: calc((6 / var(--curent-size)) * 100vw);
  height: calc((6 / var(--curent-size)) * 100vw);
}

.hgh-btns button svg {
  width: calc((16 / var(--curent-size)) * 100vw);
  height: calc((16 / var(--curent-size)) * 100vw);
}

.uni-pog {
  border-radius: calc((100 / var(--curent-size)) * 100vw);
  background: var(--grey-300);
  width: fit-content !important;
  padding: calc((13 / var(--curent-size)) * 100vw)
    calc((12 / var(--curent-size)) * 100vw);
  display: flex;
  align-items: center;
}

.uni-pog .swiper-pagination-bullet {
  background: #fff;
  width: calc((4 / var(--curent-size)) * 100vw);
  height: calc((4 / var(--curent-size)) * 100vw);
  opacity: 1;
  margin: 0;
}

.uni-pog .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #fff;
  width: calc((6 / var(--curent-size)) * 100vw);
  height: calc((6 / var(--curent-size)) * 100vw);
}

#player-offer {
  position: relative;
}

.player-offer-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc((952 / var(--curent-size)) * 100vw);
}

.pl-off {
  width: 100%;
  height: 100%;
}

.pl-off-slide {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  width: 100%;
  height: 100%;
}

.pl-off-slide:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 60%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, #000 100%);
  opacity: 0.6;
}

.pl-off-slide img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.player-offer-data {
  position: relative;
  z-index: 2;
  padding-top: calc((80 / var(--curent-size)) * 100vw);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc((40 / var(--curent-size)) * 100vw);
}

.player-offer-data ol {
  display: flex;
  align-items: stretch;
  list-style: none;
  gap: calc((28 / var(--curent-size)) * 100vw);
  position: relative;
  z-index: 1;
  flex-wrap: wrap;
}

.player-offer-data ol > li {
  background: var(--white);
  border-radius: calc((24 / var(--curent-size)) * 100vw);
  padding: calc((32 / var(--curent-size)) * 100vw);
  width: calc((572 / var(--curent-size)) * 100vw);
}

.player-offer-data ol > li p {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((20 / var(--curent-size)) * 100vw);
  line-height: 120%;
  text-transform: uppercase;
  color: var(--grey);
}

.player-offer-data ol > li ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-left: calc((20 / var(--curent-size)) * 100vw);
  list-style: disc;
  margin-top: calc((16 / var(--curent-size)) * 100vw);
}

.player-offer-data ol > li ul li {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 125%;
  color: var(--grey);
}

.pl-off-nav {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: space-between;
  bottom: calc((-16 / var(--curent-size)) * 100vw);
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 2;
  width: calc((1172 / var(--curent-size)) * 100vw);
  margin: 0 auto;
}

.pl-off-nav button {
  background: var(--grey-300);
  border-radius: 50%;
  padding: calc((8 / var(--curent-size)) * 100vw);
  width: calc((32 / var(--curent-size)) * 100vw);
  height: calc((32 / var(--curent-size)) * 100vw);
  border: none;
}

.pl-off-nav button svg {
  width: calc((16 / var(--curent-size)) * 100vw);
  height: calc((16 / var(--curent-size)) * 100vw);
}

#club-opportunities {
  background: var(--grey-bg);
  padding: calc((160 / var(--curent-size)) * 100vw) 0;
  margin-top: calc((350 / var(--curent-size)) * 100vw);
}

.club-opportunities-wrapper {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  width: 100%;
}

.club-opportunities-wrapper > p {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: calc((20 / var(--curent-size)) * 100vw);
  line-height: 120%;
  color: var(--white);
  margin: calc((40 / var(--curent-size)) * 100vw) 0;
}

.marquee-wrapper {
  width: 100%;
  overflow: hidden;
}

.marquee {
  display: flex;
  gap: calc((32 / var(--curent-size)) * 100vw);
  width: max-content; /* Важно: ширина по содержимому */
  animation: scroll 90s linear infinite;
  padding: 0;
  margin: 0;
  list-style: none;
}

.marquee li {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: calc((180 / var(--curent-size)) * 100vw);
  gap: calc((16 / var(--curent-size)) * 100vw);
}

.marquee img {
  width: auto;
  object-fit: cover;
  height: calc((100 / var(--curent-size)) * 100vw);
}

.marquee p {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 125%;
  text-align: center;
  color: var(--white);
}

.marquee-wrapper:hover .marquee {
  animation-play-state: paused;
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

.club-opportunities-btns {
  display: flex;
  align-items: flex-start;
  gap: calc((58 / var(--curent-size)) * 100vw);
  justify-content: center;
  width: 100%;
  margin-top: calc((96 / var(--curent-size)) * 100vw);
}

.club-opportunities-btns div {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc((16 / var(--curent-size)) * 100vw);
}

.club-opportunities-btns div p {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 125%;
  text-align: center;
  color: var(--white);
}

.club-opportunities-btns div a {
  border-radius: calc((100 / var(--curent-size)) * 100vw);
  width: calc((156 / var(--curent-size)) * 100vw);
  height: calc((66 / var(--curent-size)) * 100vw);
  background: var(--grey);
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 115%;
  text-transform: uppercase;
  color: var(--white-bg);
  display: flex;
  align-items: center;
  justify-content: center;
}

#residence {
  width: 100%;
  height: calc((932 / var(--curent-size)) * 100vw);
  position: relative;
}

#residence > picture {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

#residence > picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.residence-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc((32 / var(--curent-size)) * 100vw);
  padding-top: calc((80 / var(--curent-size)) * 100vw);
}

.residence-wrapper p {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: calc((20 / var(--curent-size)) * 100vw);
  line-height: 120%;
  color: var(--white);
  max-width: calc((935 / var(--curent-size)) * 100vw);
  width: 100%;
}

#journey {
  padding: calc((48 / var(--curent-size)) * 100vw) 0
    calc((160 / var(--curent-size)) * 100vw) 0;
}

.journey-wrapper {
  background: #fafafa;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  border-radius: calc((32 / var(--curent-size)) * 100vw);
  width: 100%;
  padding: calc((40 / var(--curent-size)) * 100vw)
    calc((32 / var(--curent-size)) * 100vw);
}

.journey-wrapper > p {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: calc((20 / var(--curent-size)) * 100vw);
  line-height: 120%;
  color: var(--grey);
  margin: calc((16 / var(--curent-size)) * 100vw) 0
    calc((32 / var(--curent-size)) * 100vw) 0;
}

.journey-wrapper > ul {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  list-style: none;
}

.journey-wrapper > ul li {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((20 / var(--curent-size)) * 100vw);
  line-height: 120%;
  color: var(--grey);
  padding-left: calc((12 / var(--curent-size)) * 100vw);
  position: relative;
}

.journey-wrapper > ul li:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: calc((2 / var(--curent-size)) * 100vw);
  height: 100%;
  background: var(--grey);
}

.btns-journey {
  display: flex;
  align-items: center;
  gap: calc((16 / var(--curent-size)) * 100vw);
  margin-top: calc((48 / var(--curent-size)) * 100vw);
}

.btns-journey a {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 115%;
  text-transform: uppercase;
  color: var(--grey);
  border-radius: calc((100 / var(--curent-size)) * 100vw);
  padding: calc((24 / var(--curent-size)) * 100vw)
    calc((32 / var(--curent-size)) * 100vw);
}

.btns-journey a:first-child {
  background: var(--green);
}

.btns-journey a:last-child {
  color: var(--white-bg);
  background: var(--grey);
}

.journey-badge {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 125%;
  text-align: center;
  color: var(--grey);
  position: absolute;
  top: calc((40 / var(--curent-size)) * 100vw);
  right: calc((58 / var(--curent-size)) * 100vw);
  border: 1px solid var(--grey);
  border-radius: calc((100 / var(--curent-size)) * 100vw);
  padding: calc((12 / var(--curent-size)) * 100vw)
    calc((24 / var(--curent-size)) * 100vw);
}

.hgh-text-mobile {
  display: none;
}

.mobile-items-hgh {
  display: none;
}

.pro-data-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin-top: calc((160 / var(--curent-size)) * 100vw);
}

.pro-data-wrap > p {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: calc((20 / var(--curent-size)) * 100vw);
  line-height: 120%;
  color: var(--grey);
  max-width: calc((872 / var(--curent-size)) * 100vw);
  width: 100%;
  margin: calc((40 / var(--curent-size)) * 100vw) 0
    calc((32 / var(--curent-size)) * 100vw) 0;
}

.pro-data-wrap > ul {
  display: flex;
  align-items: flex-start;
  width: 100%;
  gap: calc((28 / var(--curent-size)) * 100vw);
  flex-wrap: wrap;
}

.pro-data-wrap > ul li {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: calc((272 / var(--curent-size)) * 100vw);
  border-radius: calc((24 / var(--curent-size)) * 100vw);
  padding: 0px 0px calc((20 / var(--curent-size)) * 100vw);
  gap: calc((16 / var(--curent-size)) * 100vw);
  background: var(--white);
  overflow: hidden;
}

.pro-data-wrap > ul li img {
  width: 100%;
  object-fit: cover;
  height: calc((300 / var(--curent-size)) * 100vw);
}

.pro-data-wrap > ul li p {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((20 / var(--curent-size)) * 100vw);
  line-height: 120%;
  text-align: center;
  color: var(--grey);
}

.pro-data-baner {
  margin: calc((160 / var(--curent-size)) * 100vw) 0;
}

.pro-data-baner-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  border-radius: calc((32 / var(--curent-size)) * 100vw);
  overflow: hidden;
  position: relative;
  padding: calc((48 / var(--curent-size)) * 100vw)
    calc((32 / var(--curent-size)) * 100vw);
  height: calc((548 / var(--curent-size)) * 100vw);
}

.pro-data-baner-wrap picture {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.pro-data-baner-wrap picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.pro-data-baner-wrap p {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: calc((20 / var(--curent-size)) * 100vw);
  line-height: 120%;
  color: var(--white-bg);
  max-width: calc((867 / var(--curent-size)) * 100vw);
  width: 100%;
  margin: calc((16 / var(--curent-size)) * 100vw) 0
    calc((32 / var(--curent-size)) * 100vw) 0;
}

.pro-data-baner-wrap div {
  display: flex;
  align-items: center;
  gap: calc((16 / var(--curent-size)) * 100vw);
}

.pro-data-baner-wrap div a {
  border-radius: calc((100 / var(--curent-size)) * 100vw);
  width: calc((163 / var(--curent-size)) * 100vw);
  height: calc((66 / var(--curent-size)) * 100vw);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 115%;
  text-transform: uppercase;
  color: var(--white-bg);
}

.pro-data-baner-wrap div a:first-child {
  background: var(--red);
  width: calc((275 / var(--curent-size)) * 100vw);
}

.pro-data-baner-wrap div a:last-child {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: var(--white-300);
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #00000065;
  display: flex;
  justify-content: center;
  padding-top: calc((40 / var(--curent-size)) * 100vw);
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  overflow-y: auto;
}

.modal.open {
  opacity: 1;
  visibility: visible;
}

.modal-wrapper {
  background: #fff;
  border-radius: calc((32 / var(--curent-size)) * 100vw);
  width: calc((672 / var(--curent-size)) * 100vw);
  height: fit-content;
  padding: calc((64 / var(--curent-size)) * 100vw)
    calc((92 / var(--curent-size)) * 100vw);
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.close-modal {
  position: absolute;
  top: calc((32 / var(--curent-size)) * 100vw);
  right: calc((32 / var(--curent-size)) * 100vw);
  background: initial;
  border: none;
}

.close-modal svg {
  height: calc((24 / var(--curent-size)) * 100vw);
  width: calc((24 / var(--curent-size)) * 100vw);
}

.modal-wrapper > p {
  font-family: var(--second-family);
  font-weight: 900;
  font-size: calc((24 / var(--curent-size)) * 100vw);
  line-height: 125%;
  text-transform: uppercase;
  text-align: center;
  color: var(--grey);
}

.modal-wrapper > span {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 125%;
  text-align: center;
  color: var(--grey);
  margin: calc((16 / var(--curent-size)) * 100vw) 0
    calc((32 / var(--curent-size)) * 100vw) 0;
}

#form {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  gap: calc((20 / var(--curent-size)) * 100vw);
}

.input-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc((8 / var(--curent-size)) * 100vw);
  width: 100%;
}

.input-wrap input {
  width: 100%;
  border: calc((0.5 / var(--curent-size)) * 100vw) solid var(--grey);
  border-radius: calc((8 / var(--curent-size)) * 100vw);
  padding: calc((0 / var(--curent-size)) * 100vw)
    calc((24 / var(--curent-size)) * 100vw);
  height: calc((52 / var(--curent-size)) * 100vw);
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 125%;
  color: var(--grey-600);
  outline: none;
}

.input-wrap textarea {
  width: 100%;
  border: calc((0.5 / var(--curent-size)) * 100vw) solid var(--grey);
  border-radius: calc((8 / var(--curent-size)) * 100vw);
  padding: calc((16 / var(--curent-size)) * 100vw)
    calc((24 / var(--curent-size)) * 100vw);
  height: calc((82 / var(--curent-size)) * 100vw);
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 125%;
  color: var(--grey-600);
  outline: none;
  resize: none;
}

.input-wrap label {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 125%;
  color: var(--grey);
}

#form button {
  width: 100%;
  border-radius: calc((100 / var(--curent-size)) * 100vw);
  height: calc((66 / var(--curent-size)) * 100vw);
  background: var(--grey);
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 115%;
  text-transform: uppercase;
  color: var(--white-bg);
  background: var(--grey);
  border: none;
  margin-top: calc((12 / var(--curent-size)) * 100vw);
}

.checkbox-wrapper {
  display: flex;
  align-items: center;
  gap: calc((8 / var(--curent-size)) * 100vw);
  margin-top: calc((-4 / var(--curent-size)) * 100vw);
  cursor: pointer;
}

.checkbox {
  width: calc((24 / var(--curent-size)) * 100vw);
  height: calc((24 / var(--curent-size)) * 100vw);
  border: calc((1 / var(--curent-size)) * 100vw) solid var(--grey-600);
  border-radius: calc((8 / var(--curent-size)) * 100vw);
  overflow: hidden;
  position: relative;
}

.checkbox.clicked {
  background: #343434;
}

.checkbox.clicked:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../img/ic.png);
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
}

.checkbox input {
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
}

.checkbox-wrapper p {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: calc((14 / var(--curent-size)) * 100vw);
  line-height: 125%;
  color: var(--grey);
}

.popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #00000065;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
}

.popup.open {
  opacity: 1;
  visibility: visible;
}

.popup-wrapper {
  border-radius: calc((32 / var(--curent-size)) * 100vw);
  width: calc((600 / var(--curent-size)) * 100vw);
  height: fit-content;
  background: var(--white);
  padding: calc((64 / var(--curent-size)) * 100vw) 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}

.close-popup {
  position: absolute;
  top: calc((32 / var(--curent-size)) * 100vw);
  right: calc((32 / var(--curent-size)) * 100vw);
  background: initial;
  border: none;
}

.close-popup svg {
  width: calc((24 / var(--curent-size)) * 100vw);
  height: calc((24 / var(--curent-size)) * 100vw);
}

.popup-wrapper p {
  font-family: var(--second-family);
  font-weight: 900;
  font-size: calc((24 / var(--curent-size)) * 100vw);
  line-height: 125%;
  text-transform: uppercase;
  text-align: center;
  color: var(--grey);
}

.popup-wrapper span {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 125%;
  text-align: center;
  color: var(--grey);
  margin: calc((16 / var(--curent-size)) * 100vw) 0
    calc((32 / var(--curent-size)) * 100vw) 0;
}

.popup-wrapper > div {
  display: flex;
  align-items: center;
  gap: calc((16 / var(--curent-size)) * 100vw);
}

.popup-wrapper > div a {
  border: calc((1 / var(--curent-size)) * 100vw) solid var(--grey);
  border-radius: calc((100 / var(--curent-size)) * 100vw);
  width: calc((160 / var(--curent-size)) * 100vw);
  height: calc((66 / var(--curent-size)) * 100vw);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 115%;
  text-transform: uppercase;
  color: var(--grey);
}

.popup-wrapper > div a:first-child {
  background: var(--grey);
  color: #fff;
}

.red-btn {
  transition: 0.3s ease;
}

.gray-btn {
  transition: 0.3s ease;
}

.red-btn:hover {
  background: var(--bordo);
  transition: 0.3s ease;
}

.gray-btn:hover {
  background: var(--white-150);
  transition: 0.3s ease;
}

#single-news {
  padding-top: calc((88 / var(--curent-size)) * 100vw);
}

.single-news-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}

.single-news-head {
  width: 100%;
  display: flex;
  align-items: center;
  padding-bottom: calc((24 / var(--curent-size)) * 100vw);
  border-bottom: calc((0.5 / var(--curent-size)) * 100vw) solid var(--grey-300);
}

.single-news-head a {
  display: flex;
  align-items: center;
  gap: calc((16 / var(--curent-size)) * 100vw);
}

.single-news-head a span {
  border-radius: 50%;
  padding: calc((8 / var(--curent-size)) * 100vw);
  width: calc((32 / var(--curent-size)) * 100vw);
  height: calc((32 / var(--curent-size)) * 100vw);
  background: var(--grey-300);
}

.single-news-head a span svg {
  width: calc((16 / var(--curent-size)) * 100vw);
  height: calc((16 / var(--curent-size)) * 100vw);
}

.single-news-head p {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 125%;
  color: var(--grey);
}

.single-page-content {
  display: flex;
  align-items: flex-start;
  width: 100%;
}

.news-content {
  padding-top: calc((32 / var(--curent-size)) * 100vw);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: calc((800 / var(--curent-size)) * 100vw);
  padding-right: calc((27 / var(--curent-size)) * 100vw);
  width: 100%;
  border-right: calc((0.5 / var(--curent-size)) * 100vw) solid var(--grey-300);
}

.news-content > h1 {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((24 / var(--curent-size)) * 100vw);
  line-height: 125%;
  text-transform: uppercase;
  color: var(--grey);
}

.news-content > span {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 125%;
  color: var(--grey);
  margin: calc((16 / var(--curent-size)) * 100vw) 0
    calc((32 / var(--curent-size)) * 100vw) 0;
}

.news-content > img {
  width: 100%;
  border-radius: calc((24 / var(--curent-size)) * 100vw);
  object-fit: cover;
  margin-bottom: calc((32 / var(--curent-size)) * 100vw);
}

.single-news-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}

.single-news-content h2,
.single-news-content h3,
.single-news-content h4,
.single-news-content h5,
.single-news-content h6 {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((20 / var(--curent-size)) * 100vw);
  line-height: 120%;
  text-transform: uppercase;
  color: var(--grey);
  margin-bottom: calc((32 / var(--curent-size)) * 100vw);
}

.single-news-content p,
.single-news-content div,
.single-news-content span,
.single-news-content ul li,
.single-news-content ol li {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: calc((20 / var(--curent-size)) * 100vw);
  line-height: 120%;
  color: var(--grey);
}

.single-news-content p,
.single-news-content div,
.single-news-content span {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: calc((20 / var(--curent-size)) * 100vw);
  line-height: 120%;
  color: var(--grey);
  margin-bottom: calc((24 / var(--curent-size)) * 100vw);
}

.single-news-content ul,
.single-news-content ol {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: calc((24 / var(--curent-size)) * 100vw);
}

.single-news-content ul li,
.single-news-content ol li {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-left: calc((20 / var(--curent-size)) * 100vw);
}

.another-news {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: calc((32 / var(--curent-size)) * 100vw) 0 0
    calc((28 / var(--curent-size)) * 100vw);
  gap: calc((24 / var(--curent-size)) * 100vw);
}

.another-news > p {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((20 / var(--curent-size)) * 100vw);
  line-height: 120%;
  text-transform: uppercase;
  color: var(--grey);
}

.another-news > ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc((16 / var(--curent-size)) * 100vw);
}

.another-news > ul li a {
  display: flex;
}

.another-news > ul li a {
  display: flex;
  align-items: center;
  gap: calc((16 / var(--curent-size)) * 100vw);
}

.another-news > ul li img {
  border-radius: calc((8 / var(--curent-size)) * 100vw);
  width: calc((144 / var(--curent-size)) * 100vw);
  height: calc((104 / var(--curent-size)) * 100vw);
  overflow: hidden;
}

.another-news > ul li div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc((8 / var(--curent-size)) * 100vw);
}

.another-news > ul li div p {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 125%;
  color: var(--grey);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -moz-box;
  -moz-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-clamp: 2;
  box-orient: vertical;
}

.another-news > ul li div span {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((12 / var(--curent-size)) * 100vw);
  line-height: 125%;
  color: var(--grey);
}

.preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #00000073;
  z-index: 999999;
  opacity: 0;
  visibility: hidden;
}

.preloader.open {
  opacity: 1;
  visibility: visible;
}

.preloader img {
  width: calc((34 / var(--curent-size)) * 100vw);
}

.send-message {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #00000073;
  z-index: 999999;
  opacity: 0;
  visibility: hidden;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((20 / var(--curent-size)) * 100vw);
  line-height: 125%;
  color: #fff;
}

.send-message.open {
  opacity: 1;
  visibility: visible;
}