@charset "UTF-8"; @font-face {font-family:'Golos Text'; font-weight:400; font-style:normal; font-display:swap; src:url('../fonts/GolosText-Regular.woff2') format('woff2'),url('../fonts/GolosText-Regular.woff') format('woff')}
@font-face {font-family:'Golos Text'; font-weight:500; font-style:normal; font-display:swap; src:url('../fonts/GolosText-Medium.woff2') format('woff2'),url('../fonts/GolosText-Medium.woff') format('woff')}
@font-face {font-family:'Golos Text'; font-weight:600; font-style:normal; font-display:swap; src:url('../fonts/GolosText-DemiBold.woff2') format('woff2'),url('../fonts/GolosText-DemiBold.woff') format('woff')}
@font-face {font-family:'Golos Text'; font-weight:700; font-style:normal; font-display:swap; src:url('../fonts/GolosText-Bold.woff2') format('woff2'),url('../fonts/GolosText-Bold.woff') format('woff')}
* {margin:0; padding:0; box-sizing:border-box}
body {font-family:"Golos Text",sans-serif; color:#1c3749; background-color:#ebf1f8; margin:0; padding:0; overflow-x:hidden; font-size:1.8rem}
@media (max-width:575px) {body {font-size:1.4rem}
}
@supports (font-size:clamp(1rem,2rem,3rem)) {body {font-size:clamp(1.4rem,1.261rem + 0.3565vw,1.8rem)}
}
button {font-family:"Golos Text",sans-serif; cursor:pointer; outline:none; border:none}
.container {max-width:1400px; margin:0 auto; padding:0 10px; width:100%}
.w60 {width:60%}
@media (max-width:991px) {.w60 {width:50%}
}
@media (max-width:768px) {.w60 {width:100%}
}
.w40 {width:40%}
@media (max-width:991px) {.w40 {width:50%}
}
@media (max-width:768px) {.w40 {width:100%}
}
.w50 {width:50%}
@media (max-width:768px) {.w50 {width:100%}
}
.w45 {width:45%}
.w55 {width:55%}
.w33 {width:33.333%}
.w25 {width:25%}
a {text-decoration:none; color:inherit}
.btn-min {padding:11px 20px; font-size:14px; font-weight:400; border-radius:8px}
.ul-dots {list-style-type:disc !important}
.ul-dots li::before {content:"•"}
.btn-primary {color:#fff; background:#2a5cd9}
.btn-primary:hover {background:#fff; color:#161618}
.btn-black {background:#161618; color:#fff}
.btn-black:hover {background:#2a5cd9}
.btn-bord {border:1px solid #fff; background:transparent; color:#fff}
.btn-bord:hover {background:#fff; color:#161618}
.btn-center {margin-top:40px; text-align:center}
ul {list-style:none; display:flex; flex-direction:column; gap:10px; font-weight:400; font-size:14px; line-height:130%; color:#161618; margin-bottom:30px}
li {display:flex; align-items:center; gap:10px}
li::before {content:url("../img/check-2.svg")}
.title {font-weight:500; font-size:44px; line-height:102%; letter-spacing:-0.02em; color:#161618}
@media screen and (max-width:1015px) {.title {font-size:36px}
}
@media screen and (max-width:590px) {.title {font-size:30px}
}
.header {padding:12px 0}
.header__l {display:flex; align-items:center}
.header__inner {display:flex; align-items:center; justify-content:space-between; position:relative}
.header__logo {display:inline-block; vertical-align:middle; margin-right:20px}
@media (max-width:1200px) {.header__logo img {width:110px}
}
@media (max-width:991px) {.header__logo img {width:88px}
}
.header__lg {display:inline-flex; align-items:center; vertical-align:middle}
@media (max-width:1200px) {.header__lg img {width:130px}
}
@media (max-width:991px) {.header__lg img {width:88px}
}
.header__lg span {margin-left:10px; max-width:202px; font-weight:500; font-size:clamp(9px,1vw,16px); line-height:120%}
@media (max-width:1320px) {.header__lg span {max-width:150px}
}
@media (max-width:1200px) {.header__lg span {max-width:115px}
}
@media (max-width:768px) {.header__lg span {max-width:90px}
}
@media (max-width:991px) {.header__lg {position:absolute; top:2px; left:100px}
}
@media (max-width:768px) {.header__lg {top:0; left:100px}
}
.header__holder {width:75%; display:flex; align-items:center; justify-content:space-between}
@media (max-width:991px) {.header__holder {display:none; padding:20px; width:100%; position:fixed; top:0; left:0; z-index:10; height:100vh; border-radius:20px; background:#ffffff; text-align:center; box-sizing:border-box}
}
.header__holder__close {position:absolute; right:20px; top:20px; font-size:24px; display:none}
@media screen and (max-width:991px) {.header__holder__close {display:block}
}
.is-open .header__holder {display:block}
@media (max-width:991px) {.header__menu {margin-top:60px}
}
.header__menu ul {display:flex; flex-direction:row; align-items:center; justify-content:center; margin:0}
@media (max-width:991px) {.header__menu ul {display:block}
}
.header__menu ul li {margin:0 20px; padding-left:0}
@media (max-width:1200px) {.header__menu ul li {margin:0 8px}
}
@media (max-width:991px) {.header__menu ul li + li {margin-top:13px}
}
.header__menu ul li:before {display:none}
.header__menu ul li a {color:#161618; font-weight:500; font-size:16px; white-space:nowrap}
.header__menu ul li a:hover {color:#0152b6}
@media (max-width:991px) {.header__btn {margin-top:30px}
}
.header__toggle {display:none}
@media (max-width:991px) {.header__toggle {display:block}
}
.header-container {display:flex; width:100%; justify-content:space-between; align-items:center; padding:14px 0}
.header-items {display:flex; gap:40px}
.header-items a {font-size:16px; cursor:pointer; font-weight:500; color:#161618}
.header-button {display:block; width:193px; cursor:pointer; height:38px; background-color:#161618; color:#fff; font-size:14px; text-align:center; border-radius:5px; text-decoration:none; border:0}
.header-button:hover {background-color:#333}
.header-burger {display:none; height:34px; width:34px}
.logo {width:147px; height:49px}
.start {margin-bottom:20px}
.start-container {background-color:#161618; background-image:url("../img/first-screen/first-screen.png"); background-image:-webkit-image-set(url("../img/first-screen/first-screen.webp") type("image/webp") 1x,url("../img/first-screen/first-screen.png") type("image/png") 1x); background-image:image-set(url("../img/first-screen/first-screen.webp") type("image/webp") 1x,url("../img/first-screen/first-screen.png") type("image/png") 1x); background-size:50%; background-repeat:no-repeat; background-position:right; color:white; padding:60px; border-radius:30px; display:flex; flex-direction:column}
@supports (background-image:-webkit-image-set(url("") 1x)) {.start-container {background-image:-webkit-image-set(url("../img/first-screen/first-screen.webp") type("image/webp") 1x,url(".img/first-screen/first-screen.png") type("image/png") 1x)}
}
.start-badges {display:flex; flex-wrap:wrap; gap:10px; margin-bottom:50px}
.start-badges span {font-size:16px; padding:16px; border:1px solid white; border-radius:30px; cursor:pointer; transition:all 0.4s ease}
.start-badges span:hover {opacity:0.8}
.start-badges .banner__labels-item_bg3:hover,.start-badges .seats:hover {filter:brightness(1.5); opacity:1}
.start-text {font-size:22px; font-weight:500; margin-bottom:20px}
.start-heading {font-size:58px; font-weight:600; max-width:630px; line-height:92%; margin-bottom:35px}
@media screen and (max-width:1084px) {.start-heading {font-size:48px !important}
}
@media screen and (max-width:1015px) {.start-heading {margin:0 auto 30px}
}
@media screen and (max-width:470px) {.start-heading {font-size:24px !important}
}
.start-list {display:flex; flex-direction:column; gap:10px; margin-bottom:40px; max-width:600px}
@media screen and (max-width:1084px) {.start-list {max-width:500px}
}
@media screen and (max-width:1015px) {.start-list {max-width:100%}
}
.start-list li {color:#a6a6a6; font-weight:400; padding-left:27px; position:relative}
.start-list li::before {content:""; position:absolute; left:0; width:17px; height:17px; background-image:url("../img/check.svg")}
.start-buttons {display:flex; gap:20px}
.start-buttons button {cursor:pointer; border:1px solid white; padding:20px 30px; font-size:18px; color:white; background:0; border-radius:10px; font-weight:600}
.start-buttons-blue {background-color:#2a5cd9 !important; border:0 !important; display:flex; justify-content:center; align-items:center; border-radius:10px; padding:20px 30px; font-weight:600; font-size:18px}
@media screen and (max-width:758px) {.start-buttons-blue {padding:20px 30px}
}
@media screen and (max-width:590px) {.start-buttons-blue {padding:20px 30px}
}
.icon-list-list {display:grid; grid-template-columns:1fr 1fr 1fr 1fr; gap:12px}
@media screen and (max-width:758px) {.icon-list-list {grid-template-columns:1fr 1fr}
}
@media screen and (max-width:590px) {.icon-list-list {grid-template-columns:1fr}
}
.icon-list-item {background-color:#fff; border-radius:28px; width:100%; padding:20px}
.icon-list-item div {display:flex; width:100%; margin-bottom:12px; align-items:center; gap:12px}
.icon-list-item div h2 {font-size:16px; font-weight:600}
.icon-list-item p {font-size:12px; font-weight:400; letter-spacing:-2%; line-height:126%; max-width:290px; padding-bottom:25px}
.start-image {display:none}
.about-coach {display:flex; flex-direction:column; gap:20px; margin-top:100px}
@media screen and (max-width:1015px) {.about-coach {margin-top:50px}
}
@media screen and (max-width:590px) {.about-coach {margin-top:40px}
}
.about-coach-top,.about-coach-bottom {display:flex; gap:12px; align-items:stretch}
@media screen and (max-width:1015px) {.about-coach-top {flex-direction:column}
 .about-coach-bottom {flex-direction:column-reverse}
}
.about-coach-top {margin-bottom:20px}
.about-coach-top-image-wrapper {min-width:578px; border-radius:45px; overflow:hidden}
@media screen and (max-width:1015px) {.about-coach-top-image-wrapper {border-radius:22px}
}
.about-coach-top-image-wrapper img {width:100%; height:100%; -o-object-fit:cover; object-fit:cover; -o-object-position:center; object-position:center}
@media screen and (max-width:1068px) {.about-coach-top-image-wrapper {min-width:50%}
}
@media screen and (max-width:590px) {.about-coach-top-image-wrapper {min-width:100%; width:100%; height:266px; border-radius:18px}
 .about-coach-top-image-wrapper img {width:100%; height:auto; -o-object-fit:contain; object-fit:contain; -o-object-position:center; object-position:center}
}
.about-coach-top img {width:100%}
.about-coach-top-text {background:white; border-radius:45px; padding:40px}
@media screen and (max-width:1015px) {.about-coach-top-text {padding:20px; border-radius:22px}
}
.about-coach-top-text h1 {color:#161618; font-size:44px; font-weight:500; margin-bottom:40px}
@media screen and (max-width:1015px) {.about-coach-top-text h1 {font-size:30px; margin-bottom:20px}
}
.about-coach-top-text p,.about-coach-bottom-text p {font-size:18px; margin-bottom:20px; font-weight:400; line-height:130%}
.about-coach-top-text p:last-child,.about-coach-bottom-text p:last-child {margin:0}
@media screen and (max-width:590px) {.about-coach-top-text p,.about-coach-bottom-text p {font-size:14px; margin-bottom:10px}
}
.about-coach-bottom-text {padding:40px; background-color:#4c77aa; border-radius:45px}
@media screen and (max-width:1015px) {.about-coach-bottom-text {border-radius:22px}
}
@media screen and (max-width:590px) {.about-coach-bottom-text {border-radius:18px; padding:20px}
}
.about-coach-bottom-text h1 {font-size:44px; color:white; line-height:102%; font-weight:500; margin-bottom:20px}
@media screen and (max-width:590px) {.about-coach-bottom-text h1 {font-size:30px; margin-bottom:20px}
}
.about-coach-bottom-text p {color:white; font-weight:400}
.about-coach-bottom-image {width:100%; max-width:100%; -o-object-fit:contain; object-fit:contain}
.about-coach-bottom-image-wrapper {border-radius:45px; min-width:578px; min-height:200px; display:flex; justify-content:center; align-items:center; background:white}
@media screen and (max-width:1068px) {.about-coach-bottom-image-wrapper {min-width:37%; padding:0 20px}
}
@media screen and (max-width:768px) {.about-coach-bottom-image-wrapper {max-width:100%; height:auto; min-width:100%; border-radius:18px}
 .about-coach-bottom-image-wrapper picture {display:flex}
 .about-coach-bottom-image-wrapper img {width:70%; margin:auto; -o-object-position:center; object-position:center; -o-object-fit:contain; object-fit:contain}
}
.base-list {margin-top:100px}
@media screen and (max-width:1015px) {.base-list {margin-top:50px}
}
.base-list-wrapper {max-width:1396px; margin:0 auto; background:white; padding:66px 71px; border-radius:50px; display:flex; flex-direction:column}
@media screen and (max-width:590px) {.base-list {margin-top:50px; padding:20px; border-radius:18px}
}
@media screen and (max-width:590px) {.base-list-medium-reverse {flex-direction:column-reverse !important}
}
.base-list-heading {font-size:44px; font-weight:500; margin-bottom:50px}
@media screen and (max-width:590px) {.base-list-heading {font-size:30px; margin-bottom:30px}
}
.base-list-container {display:flex; flex-direction:column; gap:35px}
.base-list-container > div {display:flex; align-items:center; gap:50px}
@media screen and (max-width:590px) {.base-list-container > div {flex-direction:column; gap:20px}
}
.base-list-container > div > div {display:flex; flex-direction:column; align-items:flex-start}
.base-list-container > div > div > h2 {font-size:33px; line-height:126%; font-weight:500; margin-bottom:20px}
@media screen and (max-width:590px) {.base-list-container > div > div > h2 {font-size:20px; margin-bottom:14px}
}
.base-list-container > div > div > p {line-height:150%; font-size:18px; font-weight:400; color:#161618; opacity:60%}
@media screen and (max-width:590px) {.base-list-container > div > div > p {font-size:14px; line-height:126%; letter-spacing:-0.01em}
}
.base-list-container > div > img {border-radius:45px}
@media screen and (max-width:590px) {.base-list-container > div > img {width:100%; border-radius:18px; height:260px; -o-object-fit:cover; object-fit:cover}
}
.base-list-button {display:inline-block; margin:60px auto; margin-bottom:0; padding:16px 30px; background-color:#20222c; color:white; border-radius:10px; font-size:20px; cursor:pointer}
.base-list-button-wrapper {width:100%; display:flex; justify-content:center}
@media screen and (max-width:590px) {.base-list-button {width:100%; margin-top:20px; font-size:15px; text-align:center}
}
.base-list-listing {display:flex; flex-direction:column; gap:10px; font-size:14px; line-height:130%; color:#161618}
.how-much {margin-top:100px}
@media screen and (max-width:1015px) {.how-much {padding:0 14px; margin-top:50px}
}
@media screen and (max-width:590px) {.how-much {margin-top:40px}
}
.how-much-wrapper {background:#161618; border-radius:45px; padding:45px 40px}
@media screen and (max-width:1015px) {.how-much-wrapper {border-radius:18px}
 .how-much-wrapper.container {padding:20px !important}
}
@media screen and (max-width:590px) {.how-much-wrapper {border-radius:18px; padding:20px}
 .how-much-wrapper.container {padding:10px !important}
}
.how-much-content {display:flex; gap:41px; color:white}
@media screen and (max-width:1015px) {.how-much-content {flex-direction:column; gap:20px}
}
.how-much-btn {border-radius:10px; padding:20px 30px; width:221px; height:60px; background:#2a5cd9; text-align:center; color:white; display:block}
@media screen and (max-width:590px) {.how-much-btn {width:100%; display:block; font-weight:600; font-size:15px; padding:20px 30px}
}
.how-much-left {max-width:577px}
@media screen and (max-width:1170px) {.how-much-left {max-width:45%}
}
@media screen and (max-width:1015px) {.how-much-left {max-width:100%}
}
.how-much-left h2 {font-size:44px; font-weight:500; margin-bottom:40px}
@media screen and (max-width:1015px) {.how-much-left h2 {font-size:36px}
}
@media screen and (max-width:590px) {.how-much-left h2 {font-size:30px; margin-bottom:20px}
}
.how-much-left-text {font-size:16px; color:#eaeaea; line-height:126%; font-weight:400; margin-bottom:20px}
@media screen and (max-width:590px) {.how-much-left-text {font-size:14px}
}
.how-much-left-bold {font-weight:500; font-size:23px; line-height:126%; margin-bottom:40px}
@media screen and (max-width:590px) {.how-much-left-bold {font-size:18px}
}
.how-much-left button {padding:19px 54px; background:#2a5cd9; color:white; font-size:18px; font-weight:600; border-radius:10px; outline:none; border:none; cursor:pointer}
@media screen and (max-width:590px) {.how-much-left button {width:100%; max-width:100%}
}
.how-much-bold {font-size:23px; line-height:126%; font-weight:500; margin-bottom:40px}
.how-much-right {background-color:#282f3f; background-image:url("../img/russian-ruble.png"); background-position:right; background-repeat:no-repeat; border-radius:28px; padding:20px; display:flex; flex-direction:column; justify-content:space-between; min-height:396px}
@media screen and (max-width:590px) {.how-much-right {border-radius:18px; padding:10px; background-image:url("../img/russian-ruble-mb.png"); background-position:center}
}
.how-much-right-lines {display:flex; flex-direction:column; gap:10px}
.how-much-right-line {background:#576074; border-radius:28px; padding:5px; display:flex; align-items:center; gap:14px}
.how-much-right-line span {background-color:white; font-weight:500; font-size:16px; color:#161618; text-align:center; display:flex; align-items:center; height:39px; border-radius:100px; padding:0 15px}
@media screen and (max-width:590px) {.how-much-right-line span {font-size:10px; height:27px; padding:0 5px}
}
.how-much-right-line p {font-weight:400; font-size:14px; max-width:230px}
@media screen and (max-width:590px) {.how-much-right-line p {font-size:8px; max-width:40%}
}
.how-much-right-bottom-price {font-weight:400; font-size:44px}
@media screen and (max-width:590px) {.how-much-right-bottom-price {font-size:22px}
}
.how-much-right-bottom-sum {font-weight:400; font-size:82px}
@media screen and (max-width:1170px) {.how-much-right-bottom-sum {font-size:66px}
}
@media screen and (max-width:590px) {.how-much-right-bottom-sum {font-size:55px}
}
.how-much-right-bottom p {font-weight:400; font-size:18px; letter-spacing:-0.01em; color:#808aa0; margin-top:20px}
@media screen and (max-width:590px) {.how-much-right-bottom p {font-size:13px; margin-top:0}
}
@media screen and (max-width:1015px) {.header-burger {display:block}
 .header-container ul,.header-items,.header-items li {display:none}
 .header-button {display:none}
 .start-badges {justify-content:center}
 .start-badges span {font-size:12px; padding:12px 16px}
 .start-container {padding:14px 20px}
 .start-text {font-size:18px; text-align:center}
 .start-container,.start {background-image:none}
 .start-heading {font-size:30px !important; text-align:center}
 .start-buttons {margin-bottom:10px}
 .start-list li {font-size:14px}
 .start-buttons {flex-direction:column; width:100%}
 .start-buttons button {max-width:100%}
 .icon-list {flex-direction:column}
 .icon-list-item {padding-bottom:0; border-radius:22px}
 .start-image {width:100%; display:block; max-width:680px}
}
.swiper {overflow:visible !important}
.icf {padding:80px 0; overflow-x:hidden}
@media screen and (max-width:1015px) {.icf {padding:40px 0}
}
@media screen and (max-width:590px) {.icf {overflow:hidden; padding-top:40px; padding-bottom:20px}
}
.icf-title {font-weight:500; font-size:44px; line-height:102%; letter-spacing:-0.02em; margin-bottom:50px}
@media screen and (max-width:1015px) {.icf-title {font-size:34px; margin-bottom:25px}
}
@media screen and (max-width:590px) {.icf-title {font-size:30px; line-height:102%; margin-bottom:30px}
}
.icf-item {border-radius:45px; padding:30px; width:437px !important; height:200px; flex:0 0 auto; background:white; padding:30px}
@media screen and (max-width:1015px) {.icf-item {padding:20px; border-radius:22px}
}
@media screen and (max-width:590px) {.icf-item {width:320px !important; border-radius:18px; padding:14px; height:121px}
}
.icf-item-tick {width:31px; margin-bottom:20px}
.icf-item-text {font-weight:500; font-size:23px; line-height:126%; letter-spacing:-0.02em}
@media screen and (max-width:590px) {.icf-item-text {font-size:16px}
}
.icf-bottom {position:relative; display:flex; align-items:center; justify-content:space-between; margin-top:30px}
.icf-navigation {display:flex; align-items:center; position:relative; z-index:15; gap:8px}
.icf-navigation-button {cursor:pointer}
.icf-navigation-button {background-color:white; border:none; display:flex; align-items:center; justify-content:center; width:70px; height:38px; border-radius:100px}
.icf-link {display:flex; justify-content:center}
@media (min-width:1024px) {.icf .icf-slider {overscroll-behavior-y:contain}
}
.text-blue {color:#2a5cd9}
.history {padding:0; overflow-x:hidden}
@media screen and (max-width:590px) {.history {overflow:hidden}
}
.history-title {font-weight:500; font-size:44px; line-height:102%; letter-spacing:-0.02em; margin-bottom:30px}
@media screen and (max-width:1015px) {.history-title {font-size:36px; margin-bottom:22px}
}
@media screen and (max-width:590px) {.history-title {font-size:30px; margin-bottom:20px}
}
.history-subtitle {font-weight:400; font-size:26px; color:#161618; margin-bottom:50px}
@media screen and (max-width:1015px) {.history-subtitle {font-size:18px; margin-bottom:22px}
}
@media screen and (max-width:590px) {.history-subtitle {margin-bottom:30px; font-size:14px}
}
.history-item {background:white; border-radius:45px; padding:30px; width:684px !important; min-height:415px; flex:0 0 auto; font-weight:400; font-size:16px; line-height:126%; letter-spacing:-0.01em; color:#161618}
@media screen and (max-width:1015px) {.history-item {border-radius:22px}
}
@media screen and (max-width:768px) {.history-item {width:484px !important}
}
@media screen and (max-width:590px) {.history-item {width:320px !important; padding:20px; border-radius:18px}
}
.history-item-body {display:flex; flex-direction:column; gap:10px; margin-top:10px; background-color:#f2f2f2; border-radius:24px; padding:15px}
@media screen and (max-width:590px) {.history-item-body {border-radius:18px}
}
.history-item-body ul {list-style:inside; margin-bottom:0}
.history-item-bottom {display:flex; align-items:center; gap:20px; margin-top:30px}
.history-item-bottom-ava {border-radius:20px; width:80px; height:80px; -o-object-fit:cover; object-fit:cover}
.history-item-bottom-name {font-weight:500; font-size:23px; line-height:126%; letter-spacing:-0.02em; color:#161618}
.history-link {display:flex; justify-content:center}
.sw.swiper {overflow:visible}
.sw-bottom {position:relative; display:flex; align-items:center; justify-content:space-between; margin-top:30px}
.sw-navigation {display:flex; align-items:center; position:relative; z-index:15; gap:8px}
.sw-navigation-button {cursor:pointer}
.sw-navigation-button {background-color:white; border:none; display:flex; align-items:center; justify-content:center; width:70px; height:38px; border-radius:100px}
.sw-link {display:flex; justify-content:center}
.sw .swiper-pagination {text-align:right; display:flex; left:auto !important; right:0 !important; justify-content:end}
.sw .swiper-pagination-bullet {width:10px; height:10px; background:#b2b2c7; opacity:1}
.sw .swiper-pagination-bullet-active {background:#1c1d26 !important; opacity:1 !important; width:30px !important; border-radius:300px !important}
@media screen and (max-width:590px) {.sw-dots {display:none !important}
}
.form {margin-top:20px; display:flex; padding:40px; gap:82px; background:#161618; color:white; border-radius:28px}
.internship {margin-top:20px}
@media screen and (max-width:1015px) {.internship {padding:12px}
}
@media screen and (max-width:590px) {.internship {margin-top:10px}
}
.internship-wrapper {background:#161618; border-radius:28px; padding:40px; display:flex; align-items:center; gap:40px; color:white}
@media screen and (max-width:1015px) {.internship-wrapper {border-radius:22px; padding:20px !important}
}
@media screen and (max-width:590px) {.internship-wrapper {border-radius:18px; padding:20px; gap:20px; flex-direction:column}
}
.internship-left {max-width:722px; width:100%}
@media screen and (max-width:1015px) {.internship-left {max-width:50%}
}
@media screen and (max-width:590px) {.internship-left {max-width:100%}
}
.internship-title {font-weight:600; font-size:48px; line-height:102%; margin-bottom:35px}
@media screen and (max-width:1015px) {.internship-title {max-width:50%; font-size:35px}
}
@media screen and (max-width:768px) {.internship-title {font-size:30px; max-width:100%; line-height:102%}
}
.internship-subtitle {font-weight:400; font-size:24px; line-height:126%; letter-spacing:-0.02em}
@media screen and (max-width:1015px) {.internship-subtitle {font-size:18px}
}
@media screen and (max-width:590px) {.internship-subtitle {font-size:14px; line-height:150%}
}
.internship-right {max-width:578px; width:100%}
.internship-list {width:100%; display:grid; grid-template-columns:1fr 1fr; gap:12px}
@media screen and (max-width:1015px) {.internship-list {gap:5px}
}
@media screen and (max-width:590px) {.internship-list {gap:8px}
}
.internship-item {border-radius:8px; height:80px; background:white; display:flex; justify-content:center; align-items:center; min-width:80px}
.internship-item img {width:100%}
@media screen and (max-width:1015px) {.internship-item img {-o-object-fit:contain; object-fit:contain}
}
@media screen and (max-width:590px) {.internship-item img {max-width:90%; max-height:90%; height:90%}
}
@media screen and (max-width:1015px) {.internship-item {padding:0 10px}
}
@media screen and (max-width:590px) {.internship-item {border-radius:5px; height:52px}
}
.internship-item picture {max-width:75%}
@media screen and (max-width:590px) {.internship-item picture img {max-width:90%; width:100%}
}
.text-green {color:#01d46b}
.help {margin:80px 0}
@media screen and (max-width:1015px) {.help {margin:40px 0}
}
@media screen and (max-width:590px) {.help {margin:0 0 30px}
}
.help-content {display:grid; grid-template-columns:1fr 578px; gap:12px}
@media screen and (max-width:1015px) {.help-content {grid-template-columns:1fr}
}
@media screen and (max-width:590px) {.help-content {gap:8px}
}
.help-left {border-radius:28px; height:293px; background:#4c77aa; padding:40px; color:white; height:100%}
@media screen and (max-width:1015px) {.help-left {padding:20px; border-radius:22px}
}
@media screen and (max-width:590px) {.help-left {border-radius:18px; padding:20px; height:auto; width:100%}
}
.help-right {border-radius:28px; overflow:hidden}
@media screen and (max-width:590px) {.help-right {height:215px; border-radius:18px}
}
.help-right-img {height:100%; width:100%; -o-object-fit:cover; object-fit:cover; -o-object-position:center; object-position:center}
.help-title {font-weight:500; font-size:44px; line-height:102%; letter-spacing:-0.02em}
@media screen and (max-width:1015px) {.help-title {font-size:36px}
}
@media screen and (max-width:590px) {.help-title {font-size:30px}
}
.help-subtitle {font-weight:500; margin-top:30px; font-size:24px}
@media screen and (max-width:590px) {.help-subtitle {font-size:18px}
}
.help-subtitle-text {font-weight:400; font-size:18px; margin-top:20px}
@media screen and (max-width:590px) {.help-subtitle-text {font-size:14px}
}
.teachers {overflow-x:hidden}
.teachers-title {margin-bottom:30px}
@media screen and (max-width:590px) {.teachers-title {margin-bottom:20px}
}
.teachers-subitle {font-weight:400; font-size:26px; color:#161618}
@media screen and (max-width:590px) {.teachers-subitle {font-size:14px}
}
.teachers-list {margin-top:50px}
@media screen and (max-width:590px) {.teachers-list {margin-top:30px}
}
.teachers-item {border-radius:45px; overflow:hidden; width:410px !important; min-height:570px !important; max-height:100%; background:white}
@media screen and (max-width:590px) {.teachers-item {border-radius:18px; width:330px !important; height:454px !important}
}
.teachers-item-img {width:100%; height:360px; border-radius:45px}
@media screen and (max-width:590px) {.teachers-item-img {height:300px; border-radius:18px}
}
.teachers-item-content {padding:14px 30px 24px}
@media screen and (max-width:590px) {.teachers-item-content {padding:10px 20px 24px}
}
.teachers-item-name {font-weight:500; font-size:23px; line-height:126%; letter-spacing:-0.02em; margin-bottom:14px}
@media screen and (max-width:590px) {.teachers-item-name {font-size:20px; margin-bottom:10px}
}
.teachers-item-role {font-weight:400; font-size:16px; letter-spacing:-0.01em; min-height:80px; margin-bottom:22px}
@media screen and (max-width:590px) {.teachers-item-role {margin-bottom:7px; font-size:14px}
}
.teachers-item-about {color:white; border-radius:8px; padding:10px 20px; width:118px; background:#161618; font-weight:600; font-size:14px; cursor:pointer}
@media screen and (max-width:590px) {.teachers-item-about {padding:10px 16px; font-size:12px; border-radius:6px}
}
.learning {overflow-x:hidden; padding:80px 0}
@media screen and (max-width:1015px) {.learning {padding:40px 0}
}
@media screen and (max-width:590px) {.learning {padding:40px 0}
}
.learning-title {margin-bottom:40px}
@media screen and (max-width:590px) {.learning-title {margin-bottom:20px}
}
.learning-content {display:grid; grid-template-columns:1fr 1fr; gap:12px}
@media screen and (max-width:768px) {.learning-content {display:flex; flex-direction:column-reverse; gap:8px}
}
.learning-left {background:white; border-radius:45px; padding:30px 40px; height:422px; overflow:hidden; position:relative}
@media screen and (max-width:1015px) {.learning-left {border-radius:22px; height:322px}
}
@media screen and (max-width:590px) {.learning-left {height:auto; padding-bottom:70px !important; border-radius:18px; padding:14px}
}
.learning-left-bottom {position:absolute; bottom:40px; left:0; padding:0 40px; width:95%}
@media screen and (max-width:590px) {.learning-left-bottom {bottom:10px; left:0; padding:0 20px}
}
.learning-left-bottom .sw-navigation-left {background-color:#f2f2f2}
.learning-left-bottom .sw-navigation-right {background-color:#000}
.learning-left-title {font-weight:500; font-size:33px; line-height:126%; letter-spacing:-0.02em; color:#161618}
@media screen and (max-width:590px) {.learning-left-title {font-size:20px}
}
.learning-left-text {font-weight:400; font-size:18px; line-height:150%; letter-spacing:-0.01em; color:#161618; opacity:0.6; margin-top:20px}
@media screen and (max-width:590px) {.learning-left-text {font-size:14px; margin-top:10px}
}
.learning-right {height:422px; background:#161618; border-radius:45px; padding:20px; overflow:hidden}
@media screen and (max-width:1015px) {.learning-right {border-radius:22px; padding:18px; height:auto}
}
@media screen and (max-width:590px) {.learning-right {height:230px; border-radius:18px; padding:14px}
}
.learning-right-list {height:100%}
.learning-right-item {width:100%; display:flex !important; justify-content:center; align-items:center}
.learning-right-item-img {width:100%}
.learning-link {width:100%; display:flex; justify-content:center}
.practice {margin-top:100px}
@media screen and (max-width:1015px) {.practice {margin-top:50px; padding:0 12px}
}
@media screen and (max-width:590px) {.practice {margin-top:40px}
}
.practice-wrapper {border-radius:50px; background-color:white; padding:66px}
@media screen and (max-width:1015px) {.practice-wrapper {border-radius:30px; padding:20px !important}
}
@media screen and (max-width:590px) {.practice-wrapper {border-radius:18px; padding:20px}
}
.practice-title {font-weight:500; font-size:44px; line-height:102%; letter-spacing:-0.02em; color:#161618; margin-bottom:50px}
@media screen and (max-width:1015px) {.practice-title {font-size:36px; margin-bottom:22px}
}
@media screen and (max-width:590px) {.practice-title {font-size:30px; margin-bottom:20px}
}
.practice-orderlist {display:flex; flex-direction:column; gap:10px; font-weight:400; font-size:14px; line-height:130%; color:#161618}
.practice-subtitle {font-weight:400; font-size:26px; line-height:130%; color:#161618; margin-bottom:50px}
@media screen and (max-width:590px) {.practice-subtitle {font-size:14px}
}
.practice-list {display:flex; flex-direction:column; gap:35px}
@media screen and (max-width:590px) {.practice-list {gap:30px}
}
.practice-item {display:flex; justify-content:space-between; align-items:center; gap:40px}
@media screen and (max-width:768px) {.practice-item {flex-direction:column; gap:14px}
 .practice-item-reverse {flex-direction:column-reverse}
}
.practice-item-img {max-width:588px; width:100%; border-radius:45px; overflow:hidden; display:flex; height:100%}
.practice-item-img img {height:100%; width:100%}
@media screen and (max-width:590px) {.practice-item-img img {height:260px}
}
@media screen and (max-width:768px) {.practice-item-img {border-radius:18px; align-items:center; justify-content:center}
 .practice-item-img picture {width:100%}
}
.practice-item-text {max-width:640px; width:100%}
.practice-item-title {font-weight:500; font-size:33px; line-height:126%; margin-bottom:20px}
@media screen and (max-width:1015px) {.practice-item-title {font-size:20px}
}
.practice-item-subtitle {font-weight:400; font-size:18px; line-height:150%; color:#161618; opacity:0.6}
@media screen and (max-width:1015px) {.practice-item-subtitle {font-size:16px}
}
@media screen and (max-width:590px) {.practice-item-subtitle {font-size:14px}
}
.practice-link {display:flex; justify-content:center}
.community {margin-top:90px}
@media screen and (max-width:1015px) {.community {margin-top:50px; padding:0 12px}
}
@media screen and (max-width:590px) {.community {margin-top:40px}
}
.community-wrapper {border-radius:50px; background:#4c77aa; padding:80px 40px; overflow-x:hidden; color:white}
@media screen and (max-width:1015px) {.community-wrapper {border-radius:22px; padding:20px 20px !important}
}
@media screen and (max-width:590px) {.community-wrapper {border-radius:18px; padding:20px !important}
}
.community-header {display:flex; gap:30px}
@media screen and (max-width:768px) {.community-header {gap:20px; flex-direction:column}
}
.community-title {color:white; font-weight:400; font-size:44px; line-height:102%; letter-spacing:-0.02em; max-width:577px}
@media screen and (max-width:590px) {.community-title {font-size:30px}
}
.community-text {font-size:22px; max-width:753px; font-weight:300}
@media screen and (max-width:590px) {.community-text {font-size:14px}
}
.community-text p {margin-bottom:23px}
.community-text p:last {margin:0}
.community-content {margin-top:60px}
@media screen and (max-width:590px) {.community-content {margin-top:30px}
}
.community-item {width:336px !important; height:410px !important}
@media screen and (max-width:590px) {.community-item {width:220px !important; height:300px !important}
}
.community-item-img {border-radius:18px; overflow:hidden}
.community-item-img img {width:100%; -o-object-fit:contain; object-fit:contain}
.community-navigation-left {background-color:#7da2cf}
.career {margin-top:80px}
@media screen and (max-width:1015px) {.career {padding:0 12px; margin-top:40px}
}
@media screen and (max-width:590px) {.career {margin-top:40px}
}
.career-wrapper {border-radius:50px; background:#2a5cd9; padding:50px; overflow-x:hidden; color:white}
@media screen and (max-width:1015px) {.career-wrapper {border-radius:22px; padding:20px !important}
}
@media screen and (max-width:590px) {.career-wrapper {border-radius:18px; padding:20px !important}
}
.career-title {color:white; font-weight:400; font-size:44px; line-height:102%; letter-spacing:-0.02em; margin-bottom:30px}
@media screen and (max-width:590px) {.career-title {font-size:30px; margin-bottom:20px}
}
.career-subtitle {font-size:22px; max-width:753px; font-weight:300}
@media screen and (max-width:590px) {.career-subtitle {font-size:14px}
}
.career-content {margin-top:60px}
@media screen and (max-width:1015px) {.career-content {margin-top:40px}
}
@media screen and (max-width:590px) {.career-content {margin-top:30px}
}
.career-item {width:410px !important; height:583px !important; background:white; border-radius:45px; color:#161618; overflow:hidden}
@media screen and (max-width:1015px) {.career-item {border-radius:22px}
}
@media screen and (max-width:590px) {.career-item {width:330px !important; height:auto !important; border-radius:18px}
}
.career-item-content {padding:0 30px; margin-top:10px}
@media screen and (max-width:590px) {.career-item-content {padding:0 20px 20px}
}
.career-item-title {font-weight:500; font-size:23px; margin-bottom:14px}
@media screen and (max-width:590px) {.career-item-title {font-size:20px}
}
.career-item-text {font-size:16px; color:#161618; opacity:0.6}
@media screen and (max-width:590px) {.career-item-text {font-size:14px}
}
.career-item-img {border-radius:45px; overflow:hidden}
@media screen and (max-width:1015px) {.career-item-img {border-radius:22px}
}
@media screen and (max-width:590px) {.career-item-img {border-radius:18px}
}
.career-item-img img {width:100%; -o-object-fit:contain; object-fit:contain}
.career-navigation-left {background-color:#7da2cf}
.career-btn {background:black; color:white; border-radius:8px; padding:14px 20px; width:118px; font-weight:400; font-size:14px; color:white; margin-top:22px}
.faq {margin:20px 0; padding:0 12px}
@media screen and (max-width:590px) {.faq {margin:10px 0}
}
.faq-wrapper {background:#161618; border-radius:28px; padding:40px}
@media screen and (max-width:1015px) {.faq-wrapper {border-radius:22px; padding:22px !important}
}
@media screen and (max-width:590px) {.faq-wrapper {border-radius:18px; padding:20px}
}
.faq-content {display:flex; align-items:center; color:white; gap:80px}
@media screen and (max-width:1015px) {.faq-content {gap:40px}
}
@media screen and (max-width:768px) {.faq-content {flex-direction:column; gap:40px}
}
.faq-title {font-weight:600; font-size:48px; line-height:102%; margin-bottom:35px}
@media screen and (max-width:1015px) {.faq-title {font-size:36px; margin-bottom:24px}
}
@media screen and (max-width:590px) {.faq-title {font-size:30px; margin-bottom:20px; text-align:center}
}
.faq-subtitle {font-weight:500; font-size:24px; line-height:126%; letter-spacing:-0.02em}
@media screen and (max-width:1015px) {.faq-subtitle {font-size:18px}
}
@media screen and (max-width:590px) {.faq-subtitle {font-size:16px; text-align:center}
}
.faq-right {max-width:498px; width:100%}
.faq-form {display:flex; flex-direction:column; gap:10px}
.faq-form input {font-size:18px; background:#2a2a2c; border-radius:8px; color:white; padding:24px; border:none; outline:none}
.faq-form input[type=checkbox] {display:none}
@media screen and (max-width:590px) {.faq-form input {padding:20px}
}
.faq-check {position:relative; display:flex; align-items:start; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; user-select:none; color:white}
@media screen and (max-width:590px) {.faq-check {font-size:10px}
}
.faq-check input[type=checkbox] {position:absolute; opacity:0; width:1em; height:1em; margin:0; cursor:pointer; z-index:2}
.faq-check::before {content:""; display:inline-block; width:20px; height:20px; flex-shrink:0; background:none; border:1px solid #515152; border-radius:4px; transition:background 0.2s,border-color 0.2s; margin-right:0.5em; box-sizing:border-box}
input[type=checkbox]:checked + .faq-check,input[type=checkbox]:checked + .faq-check::before {background:none; border-color:#515152}
input[type=checkbox]:checked + .faq-check::after {content:""; position:absolute; left:0.25em; top:0.05em; width:0.5em; height:0.9em; border:solid #fff; border-width:0 2px 2px 0; transform:rotate(45deg)}
.faq-check a {color:white; text-decoration:underline; margin-left:0.2em}
.faq-submit {background:#2a5cd9; border-radius:10px; padding:20px 30px; font-weight:600; font-size:18px; outline:none; border:none; color:white; margin-top:14px}
.develop {margin-top:90px}
@media screen and (max-width:1015px) {.develop {margin-top:40px}
}
@media screen and (max-width:590px) {.develop {margin-top:30px}
}
.develop-content {display:grid; grid-template-columns:578px 1fr; gap:12px}
@media screen and (max-width:1015px) {.develop-content {grid-template-columns:378px 1fr}
}
@media screen and (max-width:768px) {.develop-content {grid-template-columns:1fr; gap:10px}
}
.develop-left {background:white; border-radius:28px; padding:40px}
@media screen and (max-width:590px) {.develop-left {padding:14px; border-radius:18px}
}
.develop-title {font-weight:500; font-size:44px; line-height:102%; margin-bottom:30px}
@media screen and (max-width:590px) {.develop-title {font-size:30px; margin-bottom:10px; padding-right:101px}
}
.develop-text {font-size:24px; line-height:130%; color:#161618; margin-bottom:20px}
@media screen and (max-width:590px) {.develop-text {font-size:14px}
}
.develop-text:last-child {margin-bottom:0; margin-bottom:10px; font-size:24px; font-weight:500}
@media screen and (max-width:590px) {.develop-text:last-child {font-size:14px}
}
.develop-list-title {font-weight:500; font-size:24px; line-height:126%; margin-bottom:20px}
@media screen and (max-width:590px) {.develop-list-title {margin-bottom:14px; font-size:14px}
}
.develop-right {display:flex; flex-direction:column; gap:12px}
.develop-right-item {border-radius:28px; background:white; overflow:hidden; display:flex; align-items:center; justify-content:space-between; padding:10px; gap:30px; padding-right:20px}
@media screen and (max-width:1015px) {.develop-right-item {flex-direction:column}
}
@media screen and (max-width:590px) {.develop-right-item {gap:14px; padding:14px}
}
.develop-right-item-img {border-radius:28px; overflow:hidden; max-width:300px; height:333px; width:100%}
@media screen and (max-width:590px) {.develop-right-item-img {max-width:100%; height:260px; border-radius:18px}
}
.develop-right-item-img img {width:100%; -o-object-fit:cover; object-fit:cover; -o-object-position:center; object-position:center}
.develop-right-item h3 {font-weight:500; font-size:33px; color:#161618; margin-bottom:20px}
@media screen and (max-width:590px) {.develop-right-item h3 {font-size:20px; margin-bottom:14px}
}
.develop-right-item ul {margin-bottom:0}
.develop-btn {width:100%; background:#161618; border-radius:10px; padding:20px 30px; font-weight:300; font-size:20px; color:white}
.nalog {margin-top:40px; margin-bottom:40px}
@media screen and (max-width:1015px) {.nalog {margin-top:30px; margin-bottom:30px; padding:0 12px}
}
@media screen and (max-width:590px) {.nalog {position:relative; z-index:2}
}
.nalog-wrapper {background-image:url("../img/percent.png"); background-repeat:no-repeat; background-position:right 30% top 0; background-color:#161618; border-radius:28px; padding:30px; color:white; display:flex; justify-content:space-between; align-items:center}
@media screen and (max-width:1015px) {.nalog-wrapper {border-radius:22px; padding:22px !important}
}
@media screen and (max-width:590px) {.nalog-wrapper {flex-direction:column; height:465px; background-image:url("../img/percent-mb.png"); background-position:center center; border-radius:18px; padding:20px}
}
.nalog-top {font-weight:500; font-size:26px; line-height:140%; margin-bottom:10px}
@media screen and (max-width:590px) {.nalog-top {font-size:24px}
}
.nalog-bottom {font-weight:400; font-size:18px; line-height:140%; color:#b2b2c7}
@media screen and (max-width:590px) {.nalog-bottom {font-size:14px}
}
.nalog-btn {border:1px solid white; border-radius:10px; padding:20px 30px; background:none; color:white; font-weight:600; font-size:20px}
@media screen and (max-width:590px) {.nalog-btn {width:100%}
}
@media screen and (max-width:1015px) {.banks {padding:0 12px}
}
@media screen and (max-width:590px) {.banks {margin-top:-70px; position:relative; z-index:1}
}
.banks-wrapper {background-color:white; border-radius:28px; padding:30px; display:flex; justify-content:space-between; align-items:center; gap:12px}
@media screen and (max-width:1015px) {.banks-wrapper {border-radius:22px; padding:22px !important}
}
@media screen and (max-width:590px) {.banks-wrapper {flex-direction:column; border-radius:18px; padding:20px; padding-top:70px !important}
}
.banks-title {font-weight:500; font-size:24px; line-height:126%}
@media screen and (max-width:1015px) {.banks-title {width:50%; font-size:20px}
}
@media screen and (max-width:590px) {.banks-title {font-size:20px; margin-bottom:20px; width:100%}
}
.banks-list {display:flex; gap:12px}
@media screen and (max-width:1015px) {.banks-list {width:50%}
}
@media screen and (max-width:590px) {.banks-list {flex-direction:column; width:100%}
}
.banks-item {display:flex; justify-content:center; align-items:center; background-color:#f2f2f2; border-radius:8px; width:212px; height:108px}
@media screen and (max-width:1015px) {.banks-item {padding:0 10px}
}
@media screen and (max-width:590px) {.banks-item {width:100%; height:126px}
}
.banks-item picture {width:100%; max-height:50px; max-width:163px}
@media screen and (max-width:590px) {.banks-item picture {max-height:60%; max-width:70%}
}
.banks-item img {width:100%}
.banks-item img.tbank {max-width:163px; max-height:50px}
@media screen and (max-width:590px) {.banks-item img.tbank {max-height:60%; max-width:70%}
}
.cert {margin-top:100px}
@media screen and (max-width:1015px) {.cert {margin-top:40px}
}
@media screen and (max-width:590px) {.cert {margin-top:40px}
}
.cert-content {display:grid; grid-template-columns:578px 1fr; gap:12px}
@media screen and (max-width:1015px) {.cert-content {grid-template-columns:1fr 1fr}
}
@media screen and (max-width:768px) {.cert-content {display:flex; flex-direction:column-reverse}
}
.cert-left {border-radius:40px; overflow:hidden}
@media screen and (max-width:590px) {.cert-left {border-radius:18px; height:274px}
}
.cert-left img {width:100%; -o-object-fit:cover; object-fit:cover; height:100%}
.cert-right {background-color:white; border-radius:28px; padding:40px}
@media screen and (max-width:590px) {.cert-right {border-radius:18px; padding:14px}
}
.cert-title {font-weight:500; font-size:44px; margin-bottom:30px}
@media screen and (max-width:1070px) {.cert-title {font-size:26px}
}
@media screen and (max-width:590px) {.cert-title {font-size:24px; margin-bottom:20px}
}
.cert ul {margin-bottom:0}
.international {margin-top:80px}
@media screen and (max-width:1015px) {.international {margin-top:40px}
}
@media screen and (max-width:590px) {.international {margin-top:40px}
}
.international-header {font-weight:400; font-size:26px; color:#161618; margin-bottom:30px}
@media screen and (max-width:590px) {.international-header {font-size:14px}
}
.international-img {width:100%; height:auto}
.international-img img {width:100%; height:auto}
.international-title {font-size:44px; line-height:102%; color:#161618; font-weight:500; margin-bottom:50px}
@media screen and (max-width:1015px) {.international-title {font-size:36px; margin-bottom:20px}
}
@media screen and (max-width:590px) {.international-title {font-size:30px; margin-bottom:30px}
}
.international-list {display:grid; grid-template-columns:1fr 1fr 1fr; gap:12px}
@media screen and (max-width:768px) {.international-list {grid-template-columns:1fr}
}
.international-item {border-radius:28px; background-color:white; overflow:hidden}
@media screen and (max-width:590px) {.international-item {border-radius:18px}
}
.international-item-content {padding:10px 20px 24px}
@media screen and (max-width:590px) {.international-item-content {padding:10px 14px 14px}
}
.international-item-title {font-weight:500; font-size:23px; margin-bottom:20px}
@media screen and (max-width:590px) {.international-item-title {font-size:20px; margin-bottom:10px}
}
.international-item-text {font-weight:400; font-size:16px; line-height:150%; color:#161618; opacity:0.6}
@media screen and (max-width:590px) {.international-item-text {font-size:14px}
}
.modal {position:fixed; z-index:1000; inset:0; display:flex; align-items:center; justify-content:center; pointer-events:none; opacity:0; transition:opacity 0.3s; color:black}
.modal.active {opacity:1; pointer-events:auto}
.modal.active .modal-overlay {opacity:1}
.modal.active .modal-content {transform:translateY(0) scale(1); opacity:1}
.modal-body p {margin-bottom:10px}
.modal-overlay {position:absolute; inset:0; background:rgba(0,0,0,0.5); cursor:pointer; opacity:0; transition:opacity 0.3s}
.modal-content {position:relative; background:#fff; border-radius:16px; padding:40px; max-width:720px; width:100%; box-shadow:0 8px 32px rgba(0,0,0,0.2); transform:translateY(-40px) scale(0.98); opacity:0; transition:transform 0.3s,opacity 0.3s; max-height:90vh; overflow-y:auto}
@media (max-width:480px) {.modal-content {width:85%; padding:20px; max-height:90vh}
}
.modal-close {position:absolute; top:16px; right:16px; background:none; border:none; font-size:2rem; color:#888; cursor:pointer; transition:color 0.2s}
.modal-close:hover {color:#222}
.modal-title {font-weight:500; font-size:23px; line-height:126%; margin-bottom:14px}
.modal-text {font-weight:400; font-size:16px; letter-spacing:-0.01em; opacity:0.6; margin-bottom:30px}
.modal ul {margin-bottom:0}
.program {margin-top:50px; background-color:white; border-radius:50px}
@media screen and (max-width:1015px) {.program {border-radius:30px; margin-top:30px}
}
@media screen and (max-width:590px) {.program {padding:20px 0 12px; border-radius:18px}
}
.program-link {display:flex; justify-content:center}
.program-wrapper {color:#161618; padding:60px 0}
@media screen and (max-width:1015px) {.program-wrapper {padding:20px}
}
.program-title {font-weight:500; font-size:44px; line-height:126%; margin-bottom:20px}
@media screen and (max-width:1015px) {.program-title {margin-bottom:10px; font-size:35px}
}
@media screen and (max-width:590px) {.program-title {font-size:30px}
}
.program-subtitle {font-size:26px; line-height:126%; margin-bottom:50px}
@media screen and (max-width:1015px) {.program-subtitle {margin-bottom:20px; font-size:20px}
}
@media screen and (max-width:590px) {.program-subtitle {font-size:14px}
}
.program-list {display:grid; grid-template-columns:1fr 1fr 1fr 1fr; gap:12px}
@media screen and (max-width:1015px) {.program-list {grid-template-columns:1fr 1fr}
}
@media screen and (max-width:590px) {.program-list {gap:8px}
}
.program-item {border:1px solid #eaeaea; border-radius:18px; padding:20px; height:128px; display:flex; flex-direction:column; justify-content:center}
@media screen and (max-width:590px) {.program-item {border-radius:8px; padding:14px}
 .program-item:last-child .program-item-title {font-size:18px}
}
.program-item-title {font-weight:400; font-size:32px; line-height:87%}
@media screen and (max-width:590px) {.program-item-title {font-size:28px}
}
.program-item-text {font-size:16px; line-height:140%; letter-spacing:-0.02em; margin-top:16px}
@media screen and (max-width:590px) {.program-item-text {margin-top:8px; font-size:14px}
}
.lessons {padding:60px 0; border-radius:clamp(18px,1.875vw,30px); background:#ffffff}
@media screen and (max-width:991px) {.lessons {padding:40px 0}
}
@media screen and (max-width:768px) {.lessons {padding:40px 0}
}
.lessons__content li::before {content:url(../img/check-3.svg)}
.lessons__content + .lessons__content {margin-top:40px}
.lessons__numb {display:flex; flex-wrap:wrap; margin:0 -5px -10px}
.lessons__numb-cell {width:25%; padding:0 5px 10px; box-sizing:border-box}
@media screen and (max-width:768px) {.lessons__numb-cell {width:50%}
}
.lessons__numb-item {padding:20px; height:100%; box-sizing:border-box; border:1px solid #eaeaea; border-radius:18px}
@media screen and (max-width:768px) {.lessons__numb-item {padding:15px; height:auto}
}
.lessons__numb-numb {font-size:clamp(20px,1.75vw,28px); line-height:110%; font-weight:400}
.lessons__numb-tx {margin-top:10px; line-height:120%; font-size:clamp(12px,1vw,16px)}
.lessons__fl {display:flex; align-items:flex-start}
@media screen and (max-width:991px) {.lessons__fl {display:block}
}
.lessons__fl ul {width:50%; padding-right:20px}
@media screen and (max-width:991px) {.lessons__fl ul {padding-right:0; width:100%}
 .lessons__fl ul + ul {margin-top:10px}
}
.lessons__holder {margin-top:50px}
@media screen and (max-width:768px) {.lessons__holder {margin-top:30px}
}
.lessons__cell + .lessons__cell {margin-top:40px}
.lessons__category {display:inline-block; margin-bottom:10px; font-size:16px; font-weight:500; border-radius:100px; padding:8px 15px; box-sizing:border-box}
@media screen and (max-width:768px) {.lessons__category {width:100%; text-align:center; padding:20px}
}
.lessons__category.bg1 {background:#ffd6e0}
.lessons__category.bg2 {background:#dce5df; color:#161618}
.lessons__category.bg3 {background:#dcddee; color:#161618}
.lessons__all ul {margin-top:10px}
.lessons__all__list {display:grid; grid-template-columns:1fr 1fr; gap:15px}
@media screen and (max-width:768px) {.lessons__all__list {grid-template-columns:1fr}
}
.lessons__all + .lessons__tit {margin-top:30px}
.lessons__all + p {margin-top:20px}
.lessons__tit {font-size:clamp(14px,1.125vw,18px); line-height:120%; font-weight:600}
.lessons__tit b {font-weight:600}
.lessons__row {display:flex; align-items:baseline; margin:0 -5px}
@media screen and (max-width:768px) {.lessons__row {display:block}
}
.lessons__row + p {margin-top:20px}
.lessons__row + .lessons__row__row {margin-top:25px}
.lessons__row + .lessons__row__tit {margin-top:30px}
.lessons__cell {padding:0 5px 10px; box-sizing:border-box; flex-basis:0; flex-grow:1; max-width:100%; padding:0 5px; box-sizing:border-box}
@media screen and (max-width:768px) {.lessons__cell + .lessons__cell__cell {margin-top:10px}
}
.lessons__item {height:100%; padding:20px; box-sizing:border-box; background:#ffffff; border-radius:clamp(8px,1.125vw,18px)}
@media screen and (max-width:768px) {.lessons__item {padding:15px; height:auto}
}
.lessons__item ul li:before {background-color:#eaeaea}
.lessons__item_result {color:#ffffff; background:#2a5cd9}
.lessons__item_result ul li:before {background-color:rgba(255,255,255,0.8)}
.accordion {display:flex; flex-direction:column; gap:12px}
.accordion__a {box-sizing:border-box; background:#4c77aa; border-radius:18px; color:#ffffff}
.accordion__a-title {padding:20px 70px 20px 20px; position:relative; font-weight:500; font-size:clamp(18px,1.5vw,24px)}
.accordion__a-tx {padding:0 20px 30px; margin-top:5px}
.accordion__item-i {box-sizing:border-box; background:#f2f2f2; border-radius:18px}
.accordion__item-i + .accordion__item-i__item-i {margin-top:20px}
@media screen and (max-width:768px) {.accordion__item-i + .accordion__item-i__item-i {margin-top:10px}
}
.accordion__title {padding:20px 70px 20px 20px; position:relative; cursor:pointer}
@media screen and (max-width:768px) {.accordion__title {padding:15px 60px 20px 15px}
}
@media screen and (max-width:468px) {.accordion__title {flex-direction:column; align-items:start !important}
}
.accordion__title-bottom {margin-top:25px}
@media screen and (max-width:768px) {.accordion__title-bottom {margin-top:15px}
}
.accordion__title-tit {font-weight:500; font-size:clamp(18px,1.5vw,24px)}
.accordion__title img {transition:0.3s}
.accordion__title:hover img {filter:invert(1)}
.accordion__label {margin-bottom:3px; display:inline-block; padding:9px 17px; margin-right:5px; box-sizing:border-box; vertical-align:top; font-size:clamp(12px,1vw,16px); background:#ffffff; border-radius:100px; min-width:87px; text-align:center}
@media screen and (max-width:768px) {.accordion__label {padding:8px}
}
.accordion__label.bg2 {background:#4c77aa; color:#ffffff}
.accordion__arrow {position:absolute; top:20px; right:20px; z-index:2; transition:0.3s}
@media screen and (max-width:768px) {.accordion__arrow {top:15px; right:15px}
 .accordion__arrow img {width:36px; height:36px}
}
.accordion__arrow.accordion__rotate {transform:rotate(45deg)}
.accordion__content {max-height:0; overflow:hidden; transition:all 0.9s ease; padding:0 20px}
@media screen and (max-width:768px) {.accordion__content {padding:0 15px}
}
.accordion__content.open {padding:30px 20px 10px; margin-top:5px; border-top:1px solid #dcddee; max-height:10000px}
.accordion__content p {margin-bottom:20px; font-size:18px; line-height:120%}
.paket {margin-top:80px}
@media screen and (max-width:768px) {.paket {margin-top:30px}
}
.paket-title {font-weight:500; font-size:44px; margin-bottom:40px}
@media screen and (max-width:768px) {.paket-title {font-size:30px; margin-bottom:30px}
}
.paket .btn {display:inline-flex; align-items:center; justify-content:center; padding:18px 30px; font-size:clamp(15px,1.125vw,18px); line-height:120%; font-weight:600; outline:none; box-sizing:border-box; cursor:pointer; border-radius:10px; text-align:center; border:1px solid transparent}
.rate__nalog {padding:20px 30px; box-sizing:border-box; display:flex; align-items:center; justify-content:space-between; color:#ffffff; background:#161618; border-radius:clamp(18px,1.875vw,30px); overflow:hidden}
@media (max-width:768px) {.rate__nalog {padding:20px; display:block}
}
.rate__nalog-left p {color:#a6a6a6}
.rate__nalog-img {margin:-100px 0}
@media (max-width:768px) {.rate__nalog-img {margin:-20px 0; text-align:center}
}
.rate__nalog-btn {flex-shrink:0}
@media (max-width:768px) {.rate__nalog-btn .btn {display:flex; width:100%}
}
.rate__nalog-title {font-size:clamp(24px,1.625vw,26px); line-height:125%}
.rate__nalog-title + p {margin-top:10px}
.rate__list li::before {content:url(../img/check-3.svg)}
.rate__partner {display:flex; align-items:center; padding:30px; border-radius:clamp(18px,1.875vw,30px)}
@media (max-width:768px) {.rate__partner {display:block; padding:20px}
}
.rate__partner-left {width:50%; padding-right:30px; box-sizing:border-box; font-size:clamp(20px,1.5vw,24px); line-height:125%}
@media (max-width:768px) {.rate__partner-left {width:100%; padding-right:0}
}
.rate__partner-right {width:50%; display:flex; margin:0 -5px}
@media (max-width:768px) {.rate__partner-right {width:100%; display:block; margin-top:15px}
}
.rate__partner-right .rate__partner-cell {width:33.333%; padding:0 5px; box-sizing:border-box}
@media (max-width:768px) {.rate__partner-right .rate__partner-cell {width:100%}
 .rate__partner-right .rate__partner-cell + .rate__partner-right .rate__partner-cell {margin-top:10px}
}
.rate__partner-right .rate__partner-cell-item {height:107px; display:flex; align-items:center; justify-content:center; padding:10px; box-sizing:border-box; background:#f2f2f2; border-radius:8px}
.rate__partner-right .rate__partner-cell-item img {max-width:130px; width:100%}
.rate__bg {margin-top:65px; border-radius:clamp(18px,1.875vw,30px); background:#ffffff}
@media (max-width:991px) {.rate__bg {margin-top:30px}
}
.rate__row {display:flex; margin:0 -5px -10px}
@media (max-width:991px) {.rate__row {display:block}
}
.rate__row .rate__cell {width:33.333%; padding:0 5px 10px; box-sizing:border-box}
@media (max-width:991px) {.rate__row .rate__cell {width:100%}
}
.rate__item_bg1 .rate__all {background:#4c77aa}
@media (max-width:468px) {.rate__item_bg1 .rate__all {padding:0}
}
.rate__item_bg1 .rate__prices-moment .rate__prices-now {color:#303032}
.rate__item_bg1 .rate__prices-all .rate__prices-old {color:#94b3d9}
@media (max-width:468px) {.rate__item_bg1 {background:#4c77aa; border-radius:18px; padding:14px}
}
.rate__item_bg2 .rate__all {background:#161618; color:#ffffff}
@media (max-width:468px) {.rate__item_bg2 .rate__all {padding:0}
}
.rate__item_bg2 .rate__prices-moment .rate__prices-now {color:#4c77aa}
.rate__item_bg2 .rate__prices-all .rate__prices-old {color:#ffffff; opacity:0.6}
@media (max-width:468px) {.rate__item_bg2 .rate__prices-all .rate__prices-old {order:1}
}
@media (max-width:468px) {.rate__item_bg2 {background:#161618; border-radius:18px; padding:14px}
}
.rate__item_bg3 .rate__all {background:#4c77aa}
@media (max-width:468px) {.rate__item_bg3 .rate__all {padding:0}
}
.rate__item_bg3 .rate__prices-moment .rate__prices-now {color:#688471}
.rate__item_bg3 .rate__prices-all .rate__prices-old {color:#94b3d9}
@media (max-width:468px) {.rate__item_bg3 {background:#4c77aa; border-radius:18px; padding:14px}
}
.rate__all {padding:20px; border-radius:18px; color:white}
.rate__content {margin-top:10px; padding:20px; background:#ffffff; border-radius:18px}
.rate__title {display:flex; align-items:start; justify-content:space-between; margin-bottom:25px; font-weight:500; font-size:clamp(22px,1.75vw,28px); line-height:120%}
@media (max-width:768px) {.rate__title {display:block}
}
@media (max-width:468px) {.rate__title {display:flex}
}
.rate__about {margin-bottom:23px; font-size:14px; line-height:120%}
.rate__prices {display:flex; justify-content:space-between}
@media (max-width:468px) {.rate__prices {flex-direction:column; gap:20px}
}
.rate__prices-moment .rate__prices-now {font-size:40px; font-weight:500; line-height:100%}
.rate__prices-all {width:49%}
@media (max-width:468px) {.rate__prices-all {width:100%; display:flex; flex-wrap:wrap}
}
.rate__prices-all .rate__prices-now {font-size:24px; font-weight:500; line-height:130%}
@media (max-width:468px) {.rate__prices-all .rate__prices-now {order:2}
}
.rate__prices-all .rate__prices-old {font-size:24px; font-weight:500; line-height:130%}
.rate__prices-now {display:inline-block; vertical-align:baseline; margin-right:20px}
.rate__prices-now span {font-size:18px; line-height:110%}
.rate__prices-old {display:inline-block; vertical-align:baseline; margin-right:20px}
.rate__prices-old span {font-size:18px; line-height:110%}
.rate__prices-tx {margin-top:5px; line-height:120%; display:flex; font-size:14px; gap:5px}
@media (max-width:468px) {.rate__prices-tx {width:100%; order:3; position:relative}
}
.rate__prices-tx span {font-weight:600; font-size:12px}
.rate__prices-bl .rate__prices-moment {display:block}
.rate__prices + .rate__prices {margin-top:20px}
.rate__prices + .rate__prices-all {margin-top:33px}
.rate__btn {margin-top:20px}
@media (max-width:768px) {.rate__btn .btn {width:100%; display:flex}
}
.rate__list-title {margin-bottom:10px; font-size:16px; font-weight:500; text-align:center}
.rate__descr {padding-bottom:13px; margin-bottom:10px; padding-left:25px; font-weight:500; font-size:16px; position:relative; border-bottom:1px solid #a6a6a6}
.rate__descr::before {content:""; width:17px; height:17px; position:absolute; top:0; left:0; background-color:#dcddee; border-radius:50%; background-image:url("data:image/svg+xml; base64,PHN2ZyB3aWR0aD0iOSI..."); background-repeat:no-repeat; background-size:11px 11px; background-position:center; z-index:1}
.rate__saleM {display:inline-block; font-size:18px; font-weight:500; color:#ffffff; background:#e73f3f; border-radius:6px; padding:7px; line-height:100%; white-space:nowrap}
@media (max-width:768px) {.rate__saleM {margin-top:5px; display:table}
}
.rate__saleD {display:inline-block; vertical-align:bottom; color:#000; font-weight:300 !important; font-size:13px; background:#01d46b; border-radius:10px; line-height:100%; padding:3px 5px; margin-top:-5px}
@media (max-width:468px) {.rate__saleD {position:absolute; left:75%; top:-23px}
}
@media (min-width:1200px) {.rate .rate__prices-all:first-child .rate__prices-now,.rate .rate__prices-all:first-child .rate__prices-old {font-size:130% !important}
}
@media (min-width:1400px) {.rate .rate__prices-now {font-size:23px !important}
 .rate .rate__prices-old {font-size:20px !important}
 .rate .rate__prices-all:first-child .rate__prices-now {font-size:170% !important}
 .rate .rate__prices-all:first-child .rate__prices-old {font-size:150% !important}
 .rate .rate__prices-tx {white-space:nowrap; font-size:13px}
 .rate .rate__prices-tx.bottom {font-size:11.5px}
}
@media (min-width:1500px) {.rate .rate__prices-all:first-child .rate__prices-now {font-size:160% !important}
 .rate .rate__prices-all:first-child .rate__prices-old {font-size:140% !important}
 .rate__title {font-size:26px}
}
@media (max-width:500px) {.rate .rate__prices-now,.rate .rate__prices-old {font-size:120% !important}
 .rate .rate__prices-now span,.rate .rate__prices-old span {font-size:90% !important}
 .rate .rate__prices-tx {font-size:70% !important}
 .rate .rate__saleD {font-size:85% !important}
}
.questions {margin:80px 0}
@media (max-width:1015px) {.questions {margin:40px 0}
}
@media (max-width:500px) {.questions {margin:40px 0}
}
.questions-link {display:flex; justify-content:center}
.questions-button {margin-top:0}
.questions-title {font-weight:500; font-size:44px; line-height:102%; letter-spacing:-0.02em; color:#161618}
@media (max-width:768px) {.questions-title {font-size:34px}
}
.questions .accordion {margin:37px 0}
.questions .accordion__label {background-color:#f2f2f2}
.questions .accordion__title {display:flex; align-items:center; gap:16px}
.questions .accordion__title-bottom {margin:0}
.questions .accordion__item-i {background-color:white}
.academy {padding:60px 0; background:#ffffff}
@media (max-width:1015px) {.academy {padding:40px 0}
}
.academy h2 {margin-bottom:40px; font-weight:500; font-size:clamp(30px,2.75vw,44px); line-height:105%}
.academy p + p {margin-top:20px}
@media (max-width:768px) {.academy .about {padding:40px 0}
}
.academy .about__row {display:flex; flex-wrap:wrap; margin:0 -5px -10px}
.academy .about__cell {padding:0 5px 10px; box-sizing:border-box}
.academy .about__cell img {margin-top:10px}
@media (max-width:991px) {.academy .about__cell {width:100% !important}
 .academy .about__cell.w25 {width:50% !important}
}
@media (max-width:400px) {.academy .about__cell.w25 {width:100% !important}
}
.academy .about__item {padding:40px; height:100%; box-sizing:border-box; border:1px solid #eaeaea; border-radius:clamp(18px,1.875vw,30px); overflow:hidden}
@media (max-width:991px) {.academy .about__item {padding:15px}
}
.academy .about__item_lg {padding:15px; box-sizing:border-box; border:1px solid #eaeaea; border-radius:clamp(18px,1.875vw,30px); text-align:center}
@media (max-width:478px) {.academy .about__item_lg picture {max-width:205px; width:100%}
 .academy .about__item_lg img {max-width:205px; width:100%; max-height:36px}
}
.academy .about__item_bg1 {background:#161618}
.academy .about__item_img {padding:0; border:none; position:relative}
@media (max-width:991px) {.academy .about__item_img .about__img {height:335px}
}
.academy .about__item_partner {padding:15px; display:flex; align-items:center; border:none; background:#f2f2f2}
@media (max-width:991px) {.academy .about__item_partner {padding:10px}
}
.academy .about__item_ds {padding:0; border:none}
.academy .about__item_ds .about__img {height:420px}
@media (max-width:991px) {.academy .about__item_ds .about__img {height:520px}
}
@media (max-width:700px) {.academy .about__item_ds .about__img {height:400px}
}
@media (max-width:560px) {.academy .about__item_ds .about__img {height:320px}
}
@media (max-width:450px) {.academy .about__item_ds .about__img {height:260px}
}
@media (max-width:400px) {.academy .about__item_ds .about__img {height:380px}
}
.academy .about__item p {color:#a6a6a6; font-size:clamp(16px,1.5vw,24px); line-height:120%}
.academy .about__item h2 {margin-bottom:20px}
.academy .about__item_numb {padding:40px 20px; background:#f2f2f2; border:none; text-align:center}
.academy .about__item_numb p {margin-top:10px; font-size:20px; color:#161618}
.academy .about__item_numb p + picture {margin-top:20px}
.academy .about__inf {margin-top:10px; color:#a6a6a6; font-size:14px; line-height:110%}
.academy .about__rt {margin-bottom:20px; font-weight:500; font-size:52px; line-height:110%}
.academy .about__numb {font-size:52px; font-weight:500; line-height:100%}
.academy .about__im {width:118px; flex-shrink:0; border-radius:18px; overflow:hidden; margin-right:15px}
@media (max-width:991px) {.academy .about__im {width:90px; height:90px}
}
.academy .about__tt {line-height:120%; font-weight:500; font-size:clamp(18px,1.5vw,23px)}
.academy .about__tx {opacity:0.6; margin-top:10px; line-height:120%; font-size:clamp(12px,1.4375vw,16px)}
.academy .about__label {margin-bottom:20px; display:inline-block; padding:10px 15px; box-sizing:border-box; background:#4c77aa; font-weight:500; font-size:clamp(16px,1.125vw,18px); border-radius:100px; color:#ffffff}
.academy .about__img {height:100%; position:relative}
.academy .about__img img {width:100%; height:100%; display:block; position:absolute; top:0; left:0; z-index:2; -o-object-fit:cover; object-fit:cover; margin:0}
.academy .about__tit {margin-bottom:20px; color:#ffffff; font-size:clamp(26px,2vw,32px); line-height:120%}
.reviews {margin-top:100px}
@media (max-width:1015px) {.reviews {margin-top:50px}
}
@media (max-width:468px) {.reviews {margin-top:30px}
}
.reviews-title {font-weight:500; font-size:44px; line-height:102%; max-width:1100px; margin-bottom:50px}
@media (max-width:1015px) {.reviews-title {font-size:36px}
}
@media (max-width:450px) {.reviews-title {font-size:30px; margin-bottom:30px}
}
.reviews-tabs {display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-bottom:20px}
@media screen and (max-width:590px) {.reviews-tabs {grid-template-columns:1fr}
}
.reviews-tab {padding:30px; background-color:white; border-radius:30px}
@media screen and (max-width:590px) {.reviews-tab {border-radius:18px; padding:14px}
}
.reviews-tab.active {background:#282f3f; color:white}
.reviews-tab-title {font-weight:500; font-size:23px; line-height:126%; letter-spacing:-0.02em; margin-bottom:20px}
.reviews-tab-text {font-weight:400; font-size:16px; letter-spacing:-0.01em; opacity:0.6}
.reviewsN__inner {padding:55px 20px 30px 55px; box-sizing:border-box; border-radius:clamp(18px,1.875vw,30px); background:#161618; overflow-x:hidden}
@media (max-width:991px) {.reviewsN__inner {padding:25px 20px; padding-bottom:70px}
}
@media (max-width:478px) {.reviewsN__inner {padding-bottom:70px}
}
.reviewsN__inner h2 {color:#fff; font-weight:500; font-size:44px; line-height:102%; max-width:50%}
@media screen and (max-width:1015px) {.reviewsN__inner h2 {max-width:100%; margin-bottom:15px; font-size:36px}
}
@media screen and (max-width:590px) {.reviewsN__inner h2 {font-size:30px}
}
.reviewsN__inner .sw-bottom {position:absolute; bottom:0; width:100%; z-index:100}
@media screen and (max-width:1015px) {.reviewsN__inner .sw-bottom {bottom:-55px}
}
@media screen and (max-width:478px) {.reviewsN__inner .sw-bottom {bottom:-55px}
}
.reviewsN__inner .sw .swiper-pagination-bullet-active {background:#ffffff !important}
.reviewsN__video {cursor:pointer; background:#2a5cd9; border-radius:10px; padding:20px 30px; font-weight:600; font-size:18px; color:white}
.reviewsN .slider__bottom {width:100%; padding:0 20px; position:absolute; left:0; bottom:0; box-sizing:border-box}
@media (max-width:991px) {.reviewsN .slider__bottom {position:relative; padding:0}
}
.reviewsN__slider {position:relative}
@media (max-width:991px) {.reviewsN__slider .swiper-pagination {display:none}
}
.reviewsN__slider .swiper-pagination-bullet {background:#fff; opacity:0.5}
.reviewsN__slider .swiper-pagination-bullet-active {opacity:1}
.reviewsN__slider-top {width:38%; position:absolute; bottom:60px; left:0; z-index:2}
@media (max-width:1200px) {.reviewsN__slider-top {width:42%}
}
@media (max-width:991px) {.reviewsN__slider-top {bottom:630px}
}
@media (max-width:768px) {.reviewsN__slider-top {width:100%; bottom:330px}
}
@media (max-width:468px) {.reviewsN__slider-top {width:100%; bottom:320px}
}
.reviewsN__slider-nav {overflow:hidden}
.reviewsN__slider-nav .swiper-slide-thumb-active .reviewsN__slider-ava {filter:grayscale(0)}
.reviewsN__slider-for {margin-top:-90px; overflow:hidden}
@media (max-width:991px) {.reviewsN__slider-for {margin-top:0}
 .reviewsN__slider-for .swiper-slide {height:auto}
}
.reviewsN__slider-ava {width:80px; height:80px; margin:auto; position:relative; overflow:hidden; border-radius:clamp(8px,1.125vw,18px); filter:grayscale(1)}
@media (max-width:991px) {.reviewsN__slider-ava {width:44px; height:44px}
}
@media (max-width:491px) {.reviewsN__slider-ava {margin:0}
}
.reviewsN__slider-ava img {width:100%; height:100%; display:block; position:absolute; top:0; left:0; -o-object-fit:cover; object-fit:cover}
.reviewsN__slider-item {display:flex; align-items:flex-start; justify-content:space-between; color:#fff}
@media (max-width:991px) {.reviewsN__slider-item {flex-direction:column; height:100%}
}
.reviewsN__slider-tx {width:50%; padding:160px 0 45px 0; box-sizing:border-box}
@media (max-width:991px) {.reviewsN__slider-tx {width:100%; padding:0 0 80px 0}
}
.reviewsN__slider-ab {position:relative; font-size:clamp(14px,1.4375vw,23px); line-height:140%}
.reviewsN__slider-bt {padding-bottom:20px; margin-top:40px}
@media (max-width:468px) {.reviewsN__slider-bt {padding-bottom:10px; margin-top:10px}
}
.reviewsN__slider-name {display:inline-block; vertical-align:middle; margin-right:20px; font-size:clamp(14px,1.125vw,18px); line-height:130%; opacity:0.6}
.reviewsN__slider-video {height:600px; width:40%; position:relative; overflow:hidden; border-radius:clamp(18px,1.875vw,30px)}
@media (max-width:991px) {.reviewsN__slider-video {width:100%}
}
@media (max-width:768px) {.reviewsN__slider-video {height:300px}
}
.reviewsN__slider-video .btn {position:absolute; bottom:31px; left:30px; z-index:3; text-align:center}
@media (max-width:991px) {.reviewsN__slider-video .btn {padding:14px 30px; width:90%; left:0; margin:0 auto; right:0}
}
@media (max-width:478px) {.reviewsN__slider-video .btn {bottom:20px}
}
.reviewsN__slider-img {width:100%; height:100%; margin:auto; position:relative; overflow:hidden}
.reviewsN__slider-img img {width:100%; height:100%; display:block; position:absolute; top:0; left:0; -o-object-fit:cover; object-fit:cover}
.advM {display:block !important; margin-top:20px}
@media (max-width:768px) {.advM {margin-top:10px}
}
.advM__row {display:flex; flex-wrap:wrap; margin:0 -5px -10px}
@media (max-width:991px) {.advM__row {margin-bottom:-10px}
}
.advM__cell {padding:0 5px 10px; box-sizing:border-box; flex:1 1 0; max-width:100%}
@media (max-width:991px) {.advM__cell {width:50%; padding-bottom:10px}
}
@media (max-width:768px) {.advM__cell {width:100%}
}
.advM__item {padding:18px 20px; height:100%; background:#fff; border-radius:clamp(18px,1.875vw,30px); box-sizing:border-box}
@media (max-width:1200px) {.advM__item {padding:18px 15px}
}
@media (max-width:768px) {.advM__item {height:auto; padding:10px}
}
.advM__item-label {display:inline-block; padding:9px 17px; box-sizing:border-box; background:#f2f2f2; border-radius:100px; font-weight:500; font-size:clamp(14px,1vw,16px)}
.advM__item-top {display:flex; align-items:center; font-weight:600; font-size:16px}
.advM__item-top img {flex-shrink:0; margin-right:13px}
@media (max-width:1200px) {.advM__item-top img {margin-right:5px}
}
.advM__item-tx {margin-top:13px; font-size:12px; line-height:113%}
.advM__item-tx b {font-weight:600}
.advM_spec {margin-top:95px}
.advM_spec .title-top {margin-bottom:40px}
.advM_spec h2 {margin-bottom:40px; font-weight:500; font-size:clamp(30px,2.75vw,44px); line-height:105%}
@media (max-width:991px) {.advM_spec .title-top {margin-bottom:30px}
}
.advM_spec .title-top h2 {margin-bottom:0}
.advM_spec .title-top p {margin-top:30px; font-size:clamp(14px,1.625vw,26px)}
@media (max-width:991px) {.advM_spec .title-top p br {display:none}
}
@media (max-width:991px) {.advM_spec {margin-top:60px}
}
@media (max-width:768px) {.advM_spec {margin-top:35px}
}
.advM_spec .advM__cell {flex-basis:inherit; flex-grow:inherit; width:49.333%}
@media (max-width:991px) {.advM_spec .advM__cell {width:50%}
}
@media (max-width:768px) {.advM_spec .advM__cell {width:100%}
}
.advM_spec .advM__item-tx {margin-top:20px; line-height:120%; font-size:18px}
.remodal-wrapper {position:fixed; inset:0; display:none; z-index:1000; background-color:rgba(0,0,0,0.5)}
.remodal-wrapper.is-open {display:block; animation:fadeInOverlay 0.3s forwards}
.remodal-wrapper.is-closing {animation:fadeOutOverlay 0.3s forwards}
.remodal {width:90%; max-width:680px; margin:5% auto; background:#fff; border-radius:12px; overflow:hidden; transform:translateY(-20px); opacity:0}
.remodal.is-open ~ .remodal {}
.remodal-wrapper.is-open .remodal {animation:slideDown 0.3s forwards}
.remodal-wrapper.is-closing .remodal {animation:slideUp 0.3s forwards}
.remodal-close {position:absolute; top:15px; right:15px; width:24px; height:24px; background:url("data:image/svg+xml; base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzEzM18zOTM3KSI+CjxwYXRoIGQ9Ik0xNC4xMjI1IDEyLjAwMDdMMjMuNTYwMiAyLjU2MzAyQzI0LjE0NjYgMS45NzcxNyAyNC4xNDY2IDEuMDI2NiAyMy41NjAyIDAuNDQwNzQyQzIyLjk3MzkgLTAuMTQ1NjEyIDIyLjAyNDMgLTAuMTQ1NjEyIDIxLjQzOCAwLjQ0MDc0MkwxMi4wMDAyIDkuODc4NDRMMi41NjIwNSAwLjQ0MDc0MkMxLjk3NTY5IC0wLjE0NTYxMiAxLjAyNjEyIC0wLjE0NTYxMiAwLjQzOTc2NiAwLjQ0MDc0MkMtMC4xNDY1ODkgMS4wMjY2IC0wLjE0NjU4OSAxLjk3NzE3IDAuNDM5NzY2IDIuNTYzMDJMOS44Nzc5NyAxMi4wMDA3TDAuNDM5NzY2IDIxLjQzODRDLTAuMTQ2NTg5IDIyLjAyNDMgLTAuMTQ2NTg5IDIyLjk3NDkgMC40Mzk3NjYgMjMuNTYwN0MwLjczMjk0MyAyMy44NTM0IDEuMTE3MTcgMjQgMS41MDA5MSAyNEMxLjg4NDY0IDI0IDIuMjY4ODcgMjMuODUzNCAyLjU2MjA1IDIzLjU2MDJMMTIuMDAwMiAxNC4xMjI1TDIxLjQzOCAyMy41NjAyQzIxLjczMTEgMjMuODUzNCAyMi4xMTU0IDI0IDIyLjQ5OTEgMjRDMjIuODgyOCAyNCAyMy4yNjcxIDIzLjg1MzQgMjMuNTYwMiAyMy41NjAyQzI0LjE0NjYgMjIuOTc0NCAyNC4xNDY2IDIyLjAyMzggMjMuNTYwMiAyMS40Mzc5TDE0LjEyMjUgMTIuMDAwN1oiIGZpbGw9IiNBMUExQTEiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8xMzNfMzkzNyI+CjxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K") no-repeat center; opacity:0.6; border:none; cursor:pointer}
.remodal-close:hover {opacity:1}
.remodal__in {padding:30px}
.remodal__form .remodal__form-title {margin-bottom:20px; font-size:clamp(20px,2vw,28px); font-weight:500}
.remodal__form .form {display:flex; flex-direction:column; gap:30px; background-color:#fff; margin-top:40px; padding:0}
.remodal__form .form .form__item {display:flex; flex-direction:column}
.remodal__form .form .form__item label {font-weight:500; margin-bottom:6px; font-size:14px; color:#161618}
.remodal__form .form .form__item input[type=text],.remodal__form .form .form__item input[type=email],.remodal__form .form .form__item input[type=tel] {width:100%; padding:5px 0; font-family:"Golos Text",sans-serif; box-sizing:border-box; font-size:clamp(16px,1.25vw,20px); border:none; border-bottom:1px solid #161618}
.remodal__form .form .form__item input[type=text]:focus,.remodal__form .form .form__item input[type=email]:focus,.remodal__form .form .form__item input[type=tel]:focus {outline:none; border-color:#2a5cd9}
.remodal__form .form .form__item-check {display:flex; align-items:center; margin-top:-20px}
.remodal__form .form .form__item-check input[type=checkbox] {margin-right:10px; width:auto}
.remodal__form .form .form__item-check label {font-size:14px; color:#161618}
.remodal__form .form .form__item-check label a {color:#2a5cd9; text-decoration:none}
.remodal__form .form .form__item-check label a:hover {text-decoration:underline}
.remodal__form .form .form__item_bottom {margin-top:-15px}
.remodal__form .form .form__item_bottom button {padding:12px; font-size:16px; font-weight:500; background:#161618; color:#fff; border:none; border-radius:6px; cursor:pointer; transition:background 0.2s}
.remodal__form .form .form__item_bottom button:hover {background:#2a5cd9}
@keyframes fadeInOverlay {from {background-color:rgba(0,0,0,0)}
 to {background-color:rgba(0,0,0,0.5)}
}
@keyframes fadeOutOverlay {from {background-color:rgba(0,0,0,0.5)}
 to {background-color:rgba(0,0,0,0)}
}
@keyframes slideDown {from {transform:translateY(-20px); opacity:0}
 to {transform:translateY(0); opacity:1}
}
@keyframes slideUp {from {transform:translateY(0); opacity:1}
 to {transform:translateY(-20px); opacity:0}
}
@media (max-width:768px) {.remodal {max-width:90%; margin-top:20px}
 .remodal-close {width:20px; height:20px}
 .remodal__in {padding:20px}
}
.iti input,.iti input[type=text],.iti input[type=tel] {width:100%}
.swiper-wrapper {height:max-content !important}
.seats {color:#000; background:linear-gradient(0.25turn,#FFFD21,#50FD21); border:none !important}
:root {--black:#161618; --dark-navy:#1C1D26; --white:#ffffff; --blue:#2A5CD9; --light-gray:#EAEAEA; --slate:#55565D; --denim:#4C77AA; --red:#E73F3F; --sky:#94B3D9; --green:#01D46B}
.section {padding-top:100px}
@media (max-width:1160px) {.section {padding-top:70px}
}
@media (max-width:575px) {.section {padding-top:40px}
}
.button {display:block; max-width:max-content; padding:18px 30px; font-size:clamp(15px,1.125vw,18px); line-height:120%; font-weight:600; outline:none; box-sizing:border-box; cursor:pointer; border-radius:10px; text-align:center; border:1px solid transparent; text-align:center}
.button.button-black {background:var(--black); color:var(--white)}
.button.button-blue {background:var(--blue); color:var(--white)}
.header__logo img {width:256px}
@media (max-width:991px) {.header__logo img {width:150px; height:auto}
}
.header__holder {justify-content:flex-end}
@media (max-width:991px) {.header__holder {justify-content:space-between}
}
.start-list {max-width:535px}
.start-list li {font-size:18px}
.start-list li::before {top:2px}
.start-buttons__link {cursor:pointer; border:1px solid var(--white); padding:20px 30px; font-size:18px; color:var(--white); background:0; border-radius:10px; font-weight:600}
.banks-title span {display:block}
@media (max-width:1015px) {.start-buttons__link {cursor:pointer; max-width:100%}
}
@media (max-width:768px) {.start-list li {font-size:16px}
 .banks-title span {display:inline}
}
.partner-gosadmin__wrapper {display:flex; gap:12px}
@media (max-width:1160px) {.partner-gosadmin__wrapper {flex-wrap:wrap}
}
.partner-gosadmin__content {width:790px; padding:40px; display:flex; flex-direction:column; gap:40px; background:var(--black); color:var(--white)}
.partner-gosadmin__content .title {margin-bottom:0; color:var(--white)}
.partner-gosadmin__content .title span {display:block}
.partner-gosadmin__content {border-radius:45px}
@media (max-width:768px) {.partner-gosadmin__content {border-radius:18px}
}
@media (max-width:1160px) {.partner-gosadmin__content {width:100%}
}
@media (max-width:575px) {.partner-gosadmin__content {padding:20px; gap:20px}
}
.partner-gosadmin__desc {font-size:18px; line-height:150%; color:var(--light-gray)}
@media (max-width:575px) {.partner-gosadmin__desc {font-size:14px}
}
@supports (font-size:clamp(1rem,2rem,3rem)) {.partner-gosadmin__desc {font-size:clamp(14px,12.514px + 0.381vw,18px)}
}
.partner-gosadmin__inner {display:flex; gap:10px}
.partner-gosadmin__inner div {padding:16px 18px; border-radius:100px; background:var(--blue); font-size:16px; font-style:normal; font-weight:400; line-height:normal}
@media (max-width:575px) {.partner-gosadmin__inner div {font-size:12px}
}
@supports (font-size:clamp(1rem,2rem,3rem)) {.partner-gosadmin__inner div {font-size:clamp(12px,10.514px + 0.381vw,16px)}
}
@media (max-width:1160px) {.partner-gosadmin__inner {flex-wrap:wrap}
}
.partner-gosadmin__logo {position:relative; flex:1; overflow:hidden; background-color:var(--white)}
.partner-gosadmin__logo {border-radius:45px}
@media (max-width:768px) {.partner-gosadmin__logo {border-radius:18px}
}
.partner-gosadmin__logo img {position:absolute; padding:40px; top:50%; left:50%; transform:translate(-50%,-50%); display:block; width:100%; height:100%; object-fit:contain}
@media (max-width:575px) {.partner-gosadmin__logo img {padding:20px; max-width:80%}
}
@media (max-width:1160px) {.partner-gosadmin__logo {width:100%; flex:none; height:340px}
}
.partner-gosadmin-accordion {background:var(--dark-navy); color:var(--white)}
.partner-gosadmin-accordion ul {color:var(--white)}
.partner-gosadmin-accordion .accordion__label {background:var(--blue); color:var(--white)}
.partner-gosadmin-accordion .accordion__content.open {border-color:var(--slate)}
.partner-gosadmin-accordion .lessons__item_result {background-color:var(--white); color:var(--dark-navy)}
.partner-gosadmin-accordion .lessons__item_result ul {color:var(--dark-navy)}
.partner-gosadmin-accordion .lessons__tit {margin-bottom:15px}
.partner-gosadmin-accordion .accordion__title:hover img {filter:none}
.partner-gosadmin-accordion__logo {position:absolute; right:80px; top:20px; width:68px; height:59px; overflow:hidden; background-color:var(--white); border-radius:14px}
.partner-gosadmin-accordion__logo img {position:absolute; padding:5px; top:50%; left:50%; transform:translate(-50%,-50%); display:block; width:100%; height:100%; object-fit:contain}
@media (max-width:768px) {.partner-gosadmin-accordion__logo {right:75px; top:15px}
}
@media (max-width:575px) {.partner-gosadmin-accordion__logo {width:50px; height:42px}
}
.tariffs h2 {margin-bottom:40px}
@media (max-width:575px) {.tariffs h2 {margin-bottom:3rem}
}
.tariffs__wrapper {display:flex; gap:12px}
@media (max-width:1160px) {.tariffs__wrapper {flex-wrap:wrap; gap:30px}
}
.tariff {width:calc((100% - 24px) / 3); display:flex; flex-direction:column; gap:8px; overflow:hidden; border-radius:18px}
@media (max-width:1160px) {.tariff {width:calc((100% - 30px) / 2)}
}
@media (max-width:768px) {.tariff {min-width:0; width:100%; gap:24px}
}
.tariff__inner {position:relative; display:flex; flex-direction:column; gap:20px; padding:20px; border-radius:18px; color:var(--white)}
@media (max-width:768px) {.tariff__inner {padding:0}
}
.tariff__prices {display:flex; gap:27px}
.tariff__item {display:flex; flex-direction:column}
.tariff__separator {margin-bottom:10px; font-size:16px; font-weight:500; text-align:center}
.tariff__header {margin-bottom:4px; font-size:28px; font-weight:500; line-height:normal; letter-spacing:-0.28px; margin-bottom:4px; color:var(--white)}
@media (max-width:370px) {.tariff__header {font-size:24px}
}
.tariff__header img {border-radius:8px; display:block; object-fit:contain; float:right}
@media (max-width:1160px) {.tariff__header img {float:none; margin-bottom:10px}
}
.tariff__badge {max-width:max-content; margin-bottom:10px; font-size:16px; font-weight:500; line-height:1; letter-spacing:-0.17px; padding:5px 10px; border-radius:300px; background:var(--red); color:var(--white)}
.tariff__badge--white {background:var(--green); color:var(--black)}
@media (max-width:575px) {.tariff__badge {padding:5px 10px; font-size:13px; margin-bottom:6px}
}
.tariff__subtitle {font-size:14px; font-weight:600; line-height:normal; margin-bottom:25px}
@media (max-width:575px) {.tariff__subtitle {font-size:12px; margin-bottom:20px}
}
.tariff__logo {position:absolute; right:20px; top:20px; width:50px; height:42px; overflow:hidden; background-color:var(--white); border-radius:8px}
.tariff__logo img {position:absolute; padding:5px; top:50%; left:50%; transform:translate(-50%,-50%); display:block; width:100%; height:100%; object-fit:contain}
@media (max-width:768px) {.tariff__logo {right:15px; top:15px}
}
@media (max-width:575px) {.tariff__logo {width:40px; height:30px}
}
.tariff__price {font-weight:500; font-size:40px; letter-spacing:-1.2px; line-height:70%; white-space:nowrap}
.tariff__price span {font-size:18px; white-space:pre}
.tariff__price--current {font-size:24px; letter-spacing:-0.72px}
.tariff__price-ruble {font-size:16px; font-weight:500}
.tariff__price-old {font-size:18px; letter-spacing:-0.36px; font-family:Jost; color:var(--sky)}
.tariff__sub {font-size:14px; line-height:normal; margin-bottom:36px}
@media (max-width:575px) {.tariff__sub {margin-bottom:26px}
}
.tariff__old-row {display:flex; align-items:center; gap:10px; font-size:24px; font-weight:500; line-height:normal; letter-spacing:-0.36px}
.tariff__ruble {font-weight:500; font-size:16px; letter-spacing:-0.32px}
.tariff__old {color:var(--gray-line)}
.tariff__sale {padding:1px 5px; font-size:13px; font-weight:500; line-height:normal; background-color:var(--blue); color:var(--white); border-radius:300px}
.tariff__paynote {font-size:14px; line-height:normal; margin-bottom:24px}
.tariff__list-top {font-weight:600; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid var(--gray-line)}
@media (max-width:768px) {.tariff__list-top {padding-bottom:10px}
}
.tariff__innerDown {background-color:var(--white); padding:20px; border-radius:18px}
@media (max-width:768px) {.tariff__innerDown {padding:18px}
}
.tariff-standart .tariff__inner {background:var(--denim)}
@media (max-width:768px) {.tariff-standart .tariff__inner {background:none}
}
@media (max-width:768px) {.tariff-standart {background:var(--denim); padding:14px}
}
.tariff-pro .tariff__inner {background:var(--black); color:var(--white)}
@media (max-width:768px) {.tariff-pro .tariff__inner {background:none}
}
@media (max-width:768px) {.tariff-pro {background:var(--black); padding:14px}
}
.tariff-expert .tariff__inner {background:var(--denim)}
@media (max-width:768px) {.tariff-expert .tariff__inner {background:none}
}
@media (max-width:370px) {.tariff-expert .tariff__inner .tariff__header {max-width:220px}
}
@media (max-width:768px) {.tariff-expert {background:var(--denim); padding:14px}
}
.tariff__note {font-size:14px; line-height:120%; color:var(--gray)}
@media (max-width:575px) {.tariff__price {font-size:30px}
 .tariff__price--ruble {font-size:16px}
 .tariff__price--current {font-size:20px}
 .tariff__price--current .tariff__price-ruble {font-size:16px}
 .tariff__price-old {font-size:16px}
 .tariff__current {font-size:20px}
}
.academy__tags {all:unset; display:flex; flex-wrap:wrap; gap:8px; max-width:380px; padding:0; margin:0}
.academy__tags li {all:unset; display:block; font-size:14px; line-height:normal; padding:6px 10px; border-radius:100px; background:#f2f2f2; color:rgba(28,29,38,0.6)}
.academy__tags li::before {display:none; content:none}
.academy__wrapper {padding:x 0; background:#ffffff}
@media (max-width:1160px) {.academy__wrapper {padding:0 0 }
}
.academy .text-chunk {display:block; color:inherit}
@media (max-width:1160px) {.academy .text-chunk {display:inline }
}
.academy h2 {font-size:44px; line-height:102%; font-weight:500; letter-spacing:-0.88px; margin-bottom:40px}
@media (max-width:1160px) {.academy h2 {font-size:35px }
}
@media (max-width:575px) {.academy h2 {font-size:30px; letter-spacing:-0.6px; margin-bottom:30px }
}
.academy__inner {display:flex; gap:12px; margin-bottom:12px}
@media (max-width:1160px) {.academy__inner {flex-direction:column; gap:8px; margin-bottom:30px }
}
.academy__info {flex:1; display:flex; flex-direction:column; gap:30px; padding:40px; border:1px solid #eaeaea; border-radius:28px}
@media (max-width:768px) {.academy__info {border-radius:18px }
}
@media (max-width:1160px) {.academy__info {width:100% }
}
@media (max-width:575px) {.academy__info {gap:19px; padding:14px }
}
@supports (padding:clamp(10px,20px,30px)) {.academy__info {padding:clamp(14px,4.963px + 2.3173vw,40px) }
}
.academy__info h2 {margin-bottom:0}
.academy__label {padding:14px 18px; border-radius:100px; background:#1c1d26; color:#ffffff; font-size:18px; max-width:max-content}
@media (max-width:575px) {.academy__label {font-size:16px }
}
.academy__desc {font-size:24px; line-height:normal; color:#747487; margin-top:-10px}
@media (max-width:575px) {.academy__desc {font-size:18px }
}
@supports (font-size:clamp(10px,20px,30px)) {.academy__desc {font-size:clamp(18px,15.771px + 0.5714vw,24px) }
}
.academy__tags {max-width:380px; display:flex; flex-wrap:wrap; gap:8px; padding:0}
.academy__tags li {font-size:14px; line-height:normal; padding:6px 10px; border-radius:100px; background:#f2f2f2; color:rgba(28,29,38,0.6)}
.academy__img {position:relative; width:44%; overflow:hidden; border-radius:28px}
@media (max-width:768px) {.academy__img {border-radius:18px }
}
.academy__img img {position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:cover; object-position:top}
@media (max-width:1600px) {.academy__img {width:40% }
}
@media (max-width:1160px) {.academy__img {width:100% }
}
@media (max-width:575px) {.academy__img {height:335px }
}
.academy-partners {display:flex; gap:12px; margin-bottom:12px}
@media (max-width:1160px) {.academy-partners {flex-direction:column; margin-bottom:30px }
}
.academy-partners__item {display:flex; align-items:center; gap:20px; padding:10px; border-radius:18px; background:#f2f2f2}
@media (max-width:1160px) {.academy-partners__item {width:100%; gap:8px; padding:14px; flex-wrap:wrap; max-width:max-content }
}
@media (max-width:768px) {.academy-partners__item {max-width:100% }
}
.academy-partners__right {gap:20px; flex:1}
@media (max-width:1160px) {.academy-partners__right {flex-wrap:nowrap }
}
.academy-partners__text {font-size:20px; font-weight:500; line-height:126%; letter-spacing:-0.4px}
@media (max-width:575px) {.academy-partners__text {font-size:12px; line-height:126%; letter-spacing:-0.24px }
}
@supports (font-size:clamp(10px,20px,30px)) {.academy-partners__text {font-size:clamp(12px,9.029px + 0.7619vw,20px) }
}
.academy-partners__icon {display:flex; align-items:center; justify-content:center; width:118px; height:134px; border-radius:18px; overflow:hidden; flex:0 0 auto; background-color:#ffffff}
.academy-partners__icon img {display:block; width:100px; height:auto}
.academy-partners__icon--green {background-color:#cad950}
.academy-partners__icon--green img {width:65px}
.academy-partners__icon--right {width:162px}
.academy-partners__icon--right img {width:150px}
.academy-partners__icon:nth-child(2) img {width:118px}
@media (max-width:768px) {.academy-partners__icon {width:calc((100% - 52px) / 4); height:90px }
 .academy-partners__icon img {width:80px }
 .academy-partners__icon--green img {width:55px }
 .academy-partners__icon--right {width:150px; height:110px }
 .academy-partners__icon--right img {width:125px }
 .academy-partners__icon:nth-child(2) img {width:93px }
}
@media (max-width:575px) {.academy-partners__icon {width:calc((100% - 24px) / 4) }
 .academy-partners__icon img {width:60px }
 .academy-partners__icon--green img {width:45px }
 .academy-partners__icon--right {width:120px }
 .academy-partners__icon--right img {width:100px }
 .academy-partners__icon:nth-child(2) img {width:80px }
}
.academy-card {display:flex; gap:10px; margin-bottom:12px; flex-wrap:wrap}
@media (max-width:1160px) {.academy-card {gap:8px; margin-bottom:30px }
}
.academy-card__item {width:calc((100% - 30px) / 4); border-radius:18px; overflow:hidden}
.academy-card__item img {display:block; width:100%; height:auto; object-fit:cover}
@media (max-width:1160px) {.academy-card__item {width:calc((100% - 8px) / 2) }
}
@media (max-width:575px) {.academy-card__item {width:100%; max-height:100%; height:100% }
 .academy-card__item img {object-fit:contain; height:auto }
}
.academy-stats {display:flex; gap:12px; margin-bottom:12px}
@media (max-width:1160px) {.academy-stats {margin-bottom:30px; flex-direction:column; gap:8px }
}
.academy-stats__item {width:calc((100% - 24px) / 3); display:flex; flex-direction:column; align-items:center; gap:12px; padding:30px 57px; border-radius:18px; background:#f2f2f2}
@media (max-width:1160px) {.academy-stats__item {width:100%; gap:14px; padding:30px 15px }
}
.academy-stats__value {font-size:52px; font-weight:500; line-height:102%; letter-spacing:-1.04px; text-align:center; white-space:nowrap}
.academy-stats__desc {margin-bottom:8px; font-size:20px; line-height:normal; text-align:center}
.academy-stats__img {width:203px; display:block; height:100%; object-fit:contain}
.academy-stats__img--center {width:250px}
.academy-rating {display:flex; gap:12px; margin-bottom:12px}
@media (max-width:1160px) {.academy-rating {margin-bottom:30px; flex-wrap:wrap; gap:8px }
}
.academy-rating__item {width:calc((100% - 36px) / 4); display:flex; flex-direction:column; align-items:center; gap:15px; padding:30px; border-radius:18px; border:1px solid #eaeaea; background:#ffffff}
@media (max-width:1160px) {.academy-rating__item {width:calc((100% - 8px) / 2); gap:14px; padding:30px 15px }
}
@media (max-width:575px) {.academy-rating__item {width:100% }
}
.academy-rating__value {font-size:52px; font-weight:500; line-height:102%; letter-spacing:-1.04px; text-align:center; white-space:nowrap; margin-bottom:10px}
.academy-rating__desc {font-size:14px; line-height:100%; color:#b1b1b6; text-align:center}
.academy-rating__logo {display:block; height:36px; width:auto; -o-object-fit:contain; object-fit:contain}
.academy-license {position:relative}
.academy-license__link {position:absolute; top:0; bottom:0; width:50%; cursor:pointer; transition:background-color 0.2s}
.academy-license__link:hover {background-color:rgba(255,255,255,0.15); -webkit-backdrop-filter:brightness(1.1); backdrop-filter:brightness(1.1)}
.academy-license__link--left {left:0}
.academy-license__link--right {right:0}
.banner__labels-item {padding:4px 15px}
.banner__labels-item_bg3 {background:linear-gradient(0.25turn,#ad3cf4,#6a87f5); color:#ffff}
.banner__tx__sub {font-size:80%; border:1px solid #ffffff; border-radius:30px; padding:8px 20px; width:fit-content; margin-bottom:30px}
.career-item {height:100% !important; padding-bottom:20px}
@media screen and (max-width:768px) {footer ul {align-items:center}
}
.about-coach-top-image-wrapper img {height:auto}
.career-item-img img {object-fit:cover; height:auto}
.help-right {position:relative}
.help-right img {position:absolute; object-position:top}
.practice-item-img img {height:auto; display:block; aspect-ratio:3 / 2}
@media (max-width:1015px) {.help-right {height:320px}
}
.learning-right,.learning-left {height:auto}
.learning-right-item-img img {height:auto; object-fit:contain}
@media screen and (max-width:1015px) {.learning-left {height:422px}
}
@media screen and (max-width:1015px) {.learning-content {display:flex; flex-direction:column-reverse; gap:8px}
 .learning-left {height:322px}
}
@media screen and (max-width:590px) {.learning-left {height:200px}
}
.cert-left {width:100%; background-image:image-set(url('../img/cert.png') 1x,url('../img/cert@2x.png') 2x,url('../img/cert@4x.png') 4x ); background-size:cover; background-position:center; background-repeat:no-repeat}
@media (max-width:768px) {.cert-left {aspect-ratio:1.1 / 1}
}
@media (max-width:460px) {.cert-left {background-image:image-set(url('../img/cert-mb.png') 1x,url('../img/cert-mb@2x.png') 2x )}
}
.back-top {position:fixed; bottom:60px; right:10px; opacity:0; width:40px; height:40px; display:flex; align-items:center; justify-content:center; transition:all 0.4s ease; z-index:10; border-radius:12px; cursor:pointer; color:#4c77aa; border:2px solid currentColor; transition:all 0.4s ease}
.back-top__svg {width:100%; height:100%; transition:all 0.4s ease}
.back-top.active {opacity:1}
html {font-size:62.5%}
.tariff-iga {margin-top:3rem; margin-bottom:4rem}
.tariff-iga__wrapper {display:flex; flex-wrap:wrap; color:#ffffff; background-color:#161618; border-radius:2.8rem}
@media (max-width:768px) {.tariff-iga__wrapper {border-radius:1.8rem}
}
.tariff-iga__info {flex:1; padding:4rem}
@media (max-width:575px) {.tariff-iga__info {padding:2rem}
}
@supports (padding:clamp(1rem,2rem,3rem)) {.tariff-iga__info {padding:clamp(2rem,1.21rem + 2.02vw,4rem)}
}
.tariff-iga__desc {max-width:54rem; font-size:2.2rem; line-height:normal}
@media (max-width:1160px) {.tariff-iga__desc {max-width:100%; text-align:center}
}
@media (max-width:575px) {.tariff-iga__desc {font-size:1.6rem}
}
@supports (font-size:clamp(1rem,2rem,3rem)) {.tariff-iga__desc {font-size:clamp(1.6rem,1.3914rem + 0.5348vw,2.2rem)}
}
.tariff-iga-content {color:#ffffff; display:flex; flex-direction:column; gap:3.5rem}
@supports not (gap:1rem) {.tariff-iga-content > *:not(:last-child) {margin-bottom:3.5rem}
}
@media (max-width:1160px) {.tariff-iga-content {gap:2rem}
 @supports not (gap:1rem) {.tariff-iga-content > *:not(:last-child) {margin-bottom:2rem}
 }
}
.tariff-iga-content__top {display:flex; align-items:flex-start; gap:2rem}
@media (max-width:575px) {.tariff-iga-content__top {flex-direction:column}
}
.tariff-iga-content__logo {width:9rem; height:9rem; border-radius:1rem; background:#FFF; padding:1.5rem 1rem; flex:0 0 auto}
.tariff-iga-content__logo img {width:100%; height:100%; object-fit:contain}
@media (max-width:575px) {.tariff-iga-content__logo {width:6rem; height:6rem}
}
.tariff-iga-content__badges {max-width:45rem; display:flex; flex-wrap:wrap; gap:1.2rem}
.tariff-iga-content__badges span {font-size:1.6rem; line-height:1; padding:1.2rem 1.6rem; border-radius:10rem; background:#282F3F}
@media (max-width:575px) {.tariff-iga-content__badges span {font-size:1.4rem; padding:0.6rem 1.2rem}
}
@media (max-width:575px) {.tariff-iga-content__badges {gap:0.8rem}
}
.tariff-iga-content__title {font-size:4.8rem; font-style:normal; font-weight:600; line-height:102%; margin-bottom:1.5rem}
@media (max-width:575px) {.tariff-iga-content__title {font-size:2.8rem}
}
@supports (font-size:clamp(1rem,2rem,3rem)) {.tariff-iga-content__title {font-size:clamp(2.8rem,2.01rem + 2.02vw,4.8rem)}
}
.tariff-iga-content__desc {font-size:2.4rem; line-height:126%; letter-spacing:-0.048rem}
@media (max-width:575px) {.tariff-iga-content__desc {font-size:1.8rem; letter-spacing:-0.4px}
}
@supports (font-size:clamp(1rem,2rem,3rem)) {.tariff-iga-content__desc {font-size:clamp(1.8rem,1.56rem + 0.61vw,2.4rem)}
}
.tariff-iga-content__price {padding-top:1.5rem; padding-right:1.5rem; position:relative; max-width:max-content}
.tariff-iga-content__price-current {font-size:4rem; font-style:normal; font-weight:500; line-height:1; letter-spacing:-0.08rem; margin-bottom:1.5rem}
.tariff-iga-content__price-current span {font-size:1.8rem}
@media (max-width:575px) {.tariff-iga-content__price-current {font-size:2.8rem; letter-spacing:-0.4px; margin-bottom:1rem}
 .tariff-iga-content__price-current span {font-size:1.4rem}
}
@supports (font-size:clamp(1rem,2rem,3rem)) {.tariff-iga-content__price-current {font-size:clamp(2.8rem,2.33rem + 1.21vw,4rem)}
}
.tariff-iga-content__price-old {font-size:2.4rem; font-weight:500; line-height:normal; letter-spacing:-0.048rem; color:#94B3D9}
.tariff-iga-content__price-old span {font-size:1.8rem}
@media (max-width:575px) {.tariff-iga-content__price-old {font-size:1.8rem; letter-spacing:-0.4px}
 .tariff-iga-content__price-old span {font-size:1.4rem}
}
@supports (font-size:clamp(1rem,2rem,3rem)) {.tariff-iga-content__price-old {font-size:clamp(1.8rem,1.56rem + 0.61vw,2.4rem)}
}
.tariff-iga-content__price-note {font-size:1.4rem}
.tariff-iga-content__discount {position:absolute; top:0; left:100%; background:#1F49B1; color:#ffffff; font-weight:600; font-size:1.8rem; padding:1rem 1.6rem; border-radius:10rem}
@media (max-width:575px) {.tariff-iga-content__discount {font-size:1.6rem; padding:0.6rem 1.2rem}
}
html {font-size:62.5%}
.tariff-iga__right {width:44%; padding:4rem}
@media (max-width:1160px) {.tariff-iga__right {width:100%}
}
@media (max-width:575px) {.tariff-iga__right {padding:2rem}
}
@supports (padding:clamp(1rem,2rem,3rem)) {.tariff-iga__right {padding:clamp(2rem,1.21rem + 2.02vw,4rem)}
}
.tariff-iga__right h3 {font-size:2.4rem; font-style:normal; font-weight:400; line-height:126%; letter-spacing:-0.048rem; margin-bottom:2.6rem}
.tariff-iga__right h3 span {color:#2A5CD9}
@media (max-width:575px) {.tariff-iga__right h3 {font-size:1.8rem; letter-spacing:-0.4px}
}
@supports (font-size:clamp(1rem,2rem,3rem)) {.tariff-iga__right h3 {font-size:clamp(1.8rem,1.56rem + 0.61vw,2.4rem)}
}
.tariff-iga-form__item {padding:2.4rem; border-radius:0.8rem; background:#2A2A2C; margin-bottom:1rem}
.tariff-iga-form__item input {outline:none; border:none; background-color:transparent; width:100%; color:#A6A6A6}
.tariff-iga-form__item input:focus {color:#ffffff}
@media (max-width:575px) {.tariff-iga-form__item {padding:2rem}
}
.tariff-iga-form__phone {background:#2A2A2C; outline:none; border:none; width:100%; color:#A6A6A6; padding:2.4rem; border-radius:0.8rem; margin-bottom:1rem; border:2px solid transparent}
.tariff-iga-form__phone:focus {color:#ffffff}
@media (max-width:575px) {.tariff-iga-form__phone {padding:2rem}
}
.tariff-iga-form__checks {margin:0 0 1.6rem}
.tariff-iga-form__checkbox {position:relative; display:flex; align-items:center; cursor:pointer; font-size:1.2rem; line-height:140%}
@media (max-width:575px) {.tariff-iga-form__checkbox {font-size:1rem}
}
.tariff-iga-form__checkbox a {display:inline; text-decoration:underline; padding-left:2px}
@media (min-width:1025px) {.tariff-iga-form__checkbox a:hover {opacity:0.8}
}
.tariff-iga-form__checkbox input[type=checkbox] {opacity:0; position:absolute; left:0; top:0; width:2rem; height:2rem; margin:0; z-index:1; cursor:pointer}
.tariff-iga-form__checkbox .tariff-iga-form__custom-checkbox {flex:0 0 auto; width:2rem; height:2rem; border-radius:4px; margin-right:1rem; border:2px solid #393B4B; background:#1C1D26; display:inline-block; position:relative; transition:border-color 0.2s,background 0.2s}
.tariff-iga-form__checkbox .tariff-iga-form__custom-checkbox::after {content:""; display:block; width:1.2rem; height:1.2rem; position:absolute; left:2px; top:2px; background:transparent; border-radius:2px; transition:background 0.2s}
.tariff-iga-form__checkbox input[type=checkbox]:checked + .tariff-iga-form__custom-checkbox::after {background:url('data:image/svg+xml; utf8,<svg width="12" height="12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 6.8L5.25 9 9 4.5" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') center/12px 12px no-repeat}
.tariff-iga-form__btn {max-width:100%; width:100%}
.tariff-iga-form__btn {transition:all 0.4s ease}
@media (min-width:1025px) {.tariff-iga-form__btn:hover {background:#1F49B1}
}
.tariff-iga-form__inner {padding:2rem; border-radius:1.5rem; background:rgba(40,47,63,0.45)}
.coaching {color:#fff}
.coaching__bg {position:absolute; inset:0; width:100%; height:100%; z-index:1}
.coaching__bg img {width:100%; height:100%}
.coaching__wrapper {position:relative; display:grid; grid-template-columns:1fr 57rem; gap:4rem; padding:4rem; padding-bottom:12rem; border-radius:2.8rem; overflow:hidden}
@media (max-width:1160px) {.coaching__wrapper {grid-template-columns:1fr; padding:2rem}
}
.coaching__left {position:relative; z-index:2; max-width:40rem}
@media (max-width:1160px) {.coaching__left {max-width:100%}
}
.coaching__form {margin-left:auto; width:38rem; position:relative; z-index:2}
@media (max-width:1160px) {.coaching__form {width:100%; margin-top:-12rem}
}
@media (max-width:575px) {.coaching__form {margin-top:-8rem}
}
.coaching__image {position:absolute; max-width:100rem; width:100%; top:0; left:calc(50% - 5rem); transform:translateX(-50%); z-index:2; pointer-events:none}
@media (max-width:1160px) {.coaching__image {position:relative; display:flex; justify-content:center; min-width:0; left:-2rem; transform:translateX(0%)}
}
.coaching__image img {width:100%; height:auto; display:block}
@media (max-width:1160px) {.coaching__image img {width:64rem; max-width:max-content}
}
.coaching__title {font-size:4rem; font-weight:400; line-height:96%; color:#fff; margin-bottom:2rem}
.coaching__title span {color:#0058C1}
@supports (font-size:clamp(1rem,2rem,3rem)) {.coaching__title {font-size:clamp(3rem,2.6061rem + 1.0101vw,4rem)}
}
.coaching__desc {max-width:34rem; font-size:2.2rem; line-height:130%}
.coaching__desc span {color:#0058C1}
@media (max-width:1280px) {.coaching__desc {max-width:30rem}
}
@media (max-width:1160px) {.coaching__desc {font-size:1.8rem; max-width:70rem}
}
.remodal__form-subtitle {font-weight:400; margin-bottom:1rem}