@font-face {
    font-family: LabGrotesque;
    font-display: swap;
    src: url(../fonts/LabGrotesque-Bold.woff2) format("woff2"), url(../fonts/LabGrotesque-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: LabGrotesque;
    font-display: swap;
    src: url(../fonts/LabGrotesque-Medium.woff2) format("woff2"), url(../fonts/LabGrotesque-Medium.woff) format("woff");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: LabGrotesque;
    font-display: swap;
    src: url(../fonts/LabGrotesque-Regular.woff2) format("woff2"), url(../fonts/LabGrotesque-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Montserrat;
    font-display: swap;
    src: url(../fonts/Montserrat-Medium.woff2) format("woff2"), url(../fonts/Montserrat-Medium.woff) format("woff");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: ProximaNova;
    font-display: swap;
    src: url(../fonts/ProximaNova-Bold.woff2) format("woff2"), url(../fonts/ProximaNova-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: ProximaNova;
    font-display: swap;
    src: url(../fonts/ProximaNova-Regular.woff2) format("woff2"), url(../fonts/ProximaNova-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: ProximaNova;
    font-display: swap;
    src: url(../fonts/ProximaNova-Semibold.woff2) format("woff2"), url(../fonts/ProximaNova-Semibold.woff) format("woff");
    font-weight: 600;
    font-style: normal
}

:root {
    --color-accent: #2C84FF;
    --color-accent--rgb: 44, 132, 255;
    --color-whte: #fff;
    --color-whte--rgb: 255, 255, 255;
    --color-whte-100: #f6f6f6;
    --color-whte-100--rgb: 246, 246, 246;
    --color-blck: #000;
    --color-blck--rgb: 0, 0, 0;
    --color-blu: #2C84FF;
    --color-blu--rgb: 44, 132, 255;
    --color-blu-100: #2724C4;
    --color-blu-100--rgb: 39, 36, 196;
    --color-blu-200: #9190EA;
    --color-blu-200--rgb: 145, 144, 234;
    --color-blu-300: #D4E7FF;
    --color-blu-300--rgb: 212, 231, 255;
    --color-blu-400: #2960EC;
    --color-blu-400--rgb: 41, 96, 236;
    --color-rd: #F50;
    --color-rd--rgb: 255, 85, 0;
    --color-rd-100: #E63A24;
    --color-rd-100--rgb: 230, 58, 36;
    --color-rd-200: #EB742A;
    --color-rd-200--rgb: 235, 116, 42;
    --color-gry: #A4A4A4;
    --color-gry--rgb: 164, 164, 164;
    --font-primary: LabGrotesque, sans-serif, -apple-system, BlinkMacSystemFont, Roboto, Ubuntu, Droid Sans, Helvetica Neue, Arial, sans-serif, Apple Color Emoji
}

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

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

::after,
::before {
    display: inline-block
}

body,
html {
    height: 100%;
    min-width: 360px;
    scroll-behavior: smooth;
    -webkit-tap-highlight-color: transparent
}

body {
    color: var(--color-primary);
    line-height: 1;
    font-family: LabGrotesque, sans-serif, -apple-system, BlinkMacSystemFont, Roboto, Ubuntu, "Droid Sans", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji";
    font-size: 1rem;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

button,
input,
textarea {
    font-family: LabGrotesque, sans-serif, -apple-system, BlinkMacSystemFont, Roboto, Ubuntu, "Droid Sans", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji";
    font-size: inherit;
    line-height: inherit
}

button {
    cursor: pointer;
    color: inherit;
    background-color: rgba(0, 0, 0, 0)
}

a {
    display: inline-block;
    color: inherit;
    text-decoration: none
}

ul li {
    list-style: none
}

img {
    vertical-align: top
}

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

address,
cite {
    font-style: normal
}

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

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

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

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

.wrapper>* {
    min-width: 0
}

::-moz-selection {
    color: var(--color-primary);
    background: var(--color-bg)
}

::selection {
    color: var(--color-primary);
    background: var(--color-bg)
}

[class*=__container] {
    --pad: 30px;
    max-width: calc(75rem);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 var(--pad);
    margin: 0 auto
}

.button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1.09375rem .625rem;
    border-radius: 2000px;
    background-color: var(--color-rd);
    color: var(--color-whte);
    font-size: 1.125rem;
    line-height: 133.333%;
    font-weight: 500
}

.button--blue {
    background-color: var(--color-blu)
}

.button--red {
    background-color: var(--color-rd)
}

.button--fw {
    width: 100%
}

input[type=email],
input[type=tel],
input[type=text],
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

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

input[type=number] {
    -moz-appearance: textfield
}

.input {
    font-size: 1rem;
    font-weight: 400;
    line-height: 125%;
    width: 100%;
    padding: 1rem 1.25rem;
    border-radius: 200px;
    background: #fff;
    backdrop-filter: blur(3.9000000954px)
}

.input[placeholder]:not([data-placeholder-nohiden])::-webkit-input-placeholder {
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    color: #858585
}

.input[placeholder]:not([data-placeholder-nohiden])::-moz-placeholder {
    -moz-transition: opacity .3s;
    transition: opacity .3s;
    color: #858585
}

.input[placeholder]:not([data-placeholder-nohiden]):-ms-input-placeholder {
    -ms-transition: opacity .3s;
    transition: opacity .3s;
    color: #858585
}

.input[placeholder]:not([data-placeholder-nohiden])::-ms-input-placeholder {
    -ms-transition: opacity .3s;
    transition: opacity .3s;
    color: #858585
}

.input[placeholder]:not([data-placeholder-nohiden])::placeholder {
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    color: #858585
}

.input[placeholder]:not([data-placeholder-nohiden]):focus::-webkit-input-placeholder {
    opacity: 0
}

.input[placeholder]:not([data-placeholder-nohiden]):focus::-moz-placeholder {
    opacity: 0
}

.input[placeholder]:not([data-placeholder-nohiden]):focus:-ms-input-placeholder {
    opacity: 0
}

.input[placeholder]:not([data-placeholder-nohiden]):focus::-ms-input-placeholder {
    opacity: 0
}

.input[placeholder]:not([data-placeholder-nohiden]):focus::placeholder {
    opacity: 0
}

textarea.input {
    resize: none;
    padding: 0 0
}

.checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: .375rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.checkbox__input {
    width: .75rem;
    height: .75rem;
    position: relative
}

.checkbox__input input {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    cursor: pointer
}

.checkbox__input label {
    display: block;
    width: .75rem;
    height: .75rem;
    padding: .1875pxrem;
    border-radius: 2px;
    border: 1px solid #858585;
    cursor: pointer
}

.checkbox__input label::after {
    content: "";
    position: absolute;
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    left: 3px;
    top: 3px;
    background-color: #858585;
    border-radius: 2px;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: .3s ease transform;
    transition: .3s ease transform
}

.checkbox__input input:checked+label::after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.checkbox__text {
    font-size: .625rem;
    line-height: 120%;
    letter-spacing: -.0125rem;
    color: var(--color-gry-100)
}

.checkbox__text a {
    text-decoration: underline;
    text-underline-offset: 3px;
    display: inline
}

.checkbox__text a:hover {
    text-decoration: none
}

.checkbox--alt .checkbox__input label {
    border: 1px solid var(--color-whte)
}

.checkbox--alt .checkbox__input label::after {
    background-color: var(--color-whte);
    border: 1px solid var(--color-whte)
}

.icon-menu {
    display: none
}

body::after {
    content: "";
    background-color: rgba(0, 0, 0, .5);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: opacity .8s ease 0s;
    transition: opacity .8s ease 0s;
    pointer-events: none;
    z-index: 149
}

.popup-show body::after {
    opacity: 1
}

.popup {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 30px 10px;
    -webkit-transition: visibility .8s ease 0s;
    transition: visibility .8s ease 0s;
    visibility: hidden;
    pointer-events: none
}

.popup_show {
    z-index: 150;
    visibility: visible;
    overflow: auto;
    pointer-events: auto
}

.popup_show .popup__content {
    visibility: visible;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.popup__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 100%;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    align-items: center
}

.popup__content {
    visibility: hidden;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform .3s ease 0s;
    transition: -webkit-transform .3s ease 0s;
    transition: transform .3s ease 0s;
    transition: transform .3s ease 0s, -webkit-transform .3s ease 0s;
    background-color: #eee;
    padding: 20px;
    width: 100%;
    max-width: 900px;
    border-radius: 20px
}

.lock .popup__content {
    visibility: visible
}

.spollers {
    display: -ms-grid;
    display: grid;
    gap: 15px
}

.spollers__item {
    font-size: 1.25rem
}

.spollers__title {
    width: 100%;
    cursor: default;
    text-align: left;
    border: 1px solid #eee;
    padding: .625rem .9375rem;
    border-radius: .3125rem;
    position: relative;
    list-style: none
}

.spollers__title::-webkit-details-marker,
.spollers__title::marker {
    display: none
}

._spoller-init .spollers__title {
    cursor: pointer
}

._spoller-init .spollers__title::after,
._spoller-init .spollers__title::before {
    content: "";
    position: absolute;
    right: 10px;
    top: 50%;
    background-color: #000;
    height: 2px;
    width: 15px;
    -webkit-transition: -webkit-transform .5s ease 0s;
    transition: -webkit-transform .5s ease 0s;
    transition: transform .5s ease 0s;
    transition: transform .5s ease 0s, -webkit-transform .5s ease 0s
}

._spoller-init .spollers__title::before {
    -webkit-transform: translate(-75%, -50%) rotate(40deg);
    -ms-transform: translate(-75%, -50%) rotate(40deg);
    transform: translate(-75%, -50%) rotate(40deg)
}

._spoller-init .spollers__title::after {
    -webkit-transform: translate(0, -50%) rotate(-40deg);
    -ms-transform: translate(0, -50%) rotate(-40deg);
    transform: translate(0, -50%) rotate(-40deg)
}

._spoller-init .spollers__title._spoller-active::before {
    -webkit-transform: translateX(-75%) rotate(-40deg);
    -ms-transform: translateX(-75%) rotate(-40deg);
    transform: translateX(-75%) rotate(-40deg)
}

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

.spollers__body {
    padding: 1.25rem;
    border-radius: .3125rem;
    border: 1px solid #eee
}

.tabs__navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.tabs__title {
    border: 1px solid #eee;
    padding: .625rem .9375rem;
    border-radius: .3125rem
}

.tabs__title._tab-active {
    border: 1px solid #000
}

.tabs__content {
    border: 1px solid #eee;
    padding: .625rem .9375rem
}

.ibg {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.ibg--top {
    -o-object-position: top;
    object-position: top
}

.ibg--bottom {
    -o-object-position: bottom;
    object-position: bottom
}

.ibg--left {
    -o-object-position: left;
    object-position: left
}

.ibg--right {
    -o-object-position: right;
    object-position: right
}

.ibg--contain {
    -o-object-fit: contain;
    object-fit: contain
}

.text-xs {
    font-size: .75rem;
    line-height: 133.333%
}

.text-sm {
    font-size: .875rem;
    line-height: 150%
}

.text-2sm {
    font-size: .9375rem;
    line-height: 133.333%
}

.text-md {
    font-size: 1rem;
    line-height: 150%
}

.text-lg {
    font-size: 1.125rem;
    line-height: 122.222%
}

.text-xl {
    font-size: 1.25rem;
    line-height: 120%
}

.font-medium {
    font-weight: 500
}

.font-bold {
    font-weight: 700
}

.h1 {
    font-size: 3.125rem;
    font-weight: 500;
    line-height: 108%
}

.h1-md {
    font-size: 3.1875rem;
    font-weight: 700;
    line-height: 119%
}

.h1-lg {
    font-size: 3.75rem;
    font-weight: 500;
    line-height: 106%
}

.h2 {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 117%
}

.h2-lg {
    font-size: 2.625rem;
    font-weight: 700;
    line-height: 121%
}

.h3 {
    font-size: 2.125rem;
    font-weight: 500;
    line-height: 104%
}

.h3-sm {
    font-size: 1.875rem;
    font-weight: 700;
    line-height: 133.333%
}

.text-center {
    text-align: center
}

.section-mt {
    margin-top: 5.625rem
}

.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.slider-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: .625rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.slider-nav__btn {
    width: 1.9375rem;
    height: 1.9375rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1.5px solid var(--color-accent);
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0)
}

.slider-nav__btn svg {
    min-width: .6875rem;
    width: .6875rem;
    min-height: .625rem;
    height: .625rem;
    fill: var(--color-accent)
}

.slider-nav__btn_next svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.slider-nav_alt .slider-nav__btn {
    border: 1px solid var(--color-whte);
    color: var(--color-whte)
}

.slider-nav_alt .slider-nav__btn svg {
    fill: var(--color-whte)
}

.slider-nav_blck .slider-nav__btn {
    color: var(--color-blck);
    border: 1px solid var(--color-blck)
}

.slider-nav_blck .slider-nav__btn svg {
    fill: var(--color-blck)
}

.slider-nav-sec__btn {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    z-index: 2;
    width: 3.8125rem;
    height: 3.8125rem;
    border-radius: 50%;
    background-color: var(--color-accent);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: -1.875rem
}

.slider-nav-sec__btn svg {
    width: .6875rem;
    height: 1.1875rem;
    fill: transparent;
    stroke: var(--color-whte)
}

.slider-nav-sec__btn_next {
    left: initial;
    right: -1.875rem
}

.slider-nav-sec__btn_next svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.slider-nav-sec_alt .slider-nav-sec__btn {
    background: rgba(255, 255, 255, .33)
}

.tag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .3125rem;
    font-size: .625rem;
    font-weight: 500;
    line-height: 172%;
    color: #a4a4a4
}

.tag span {
    white-space: nowrap
}

.header {
    padding: .9375rem 0
}

.header__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2.875rem
}

.header__col--logo {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 19.3859649123%;
    flex: 0 1 19.3859649123%
}

.header__col--info {
    width: 10rem;
    margin-left: auto;
    text-align: right
}

.header__col--menu {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 58.4210526316%;
    flex: 0 1 58.4210526316%
}

.header__logo {
    max-width: 13.8125rem;
    width: 100%;
    display: block
}

.header__logo img,
.header__logo picture {
    width: 100%;
    height: auto;
    display: block
}

.header__menu-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.3125rem
}

.header__menu-list li a {
    font-size: .875rem;
    line-height: 142%
}

.header__menu-list--active {
    font-weight: 700
}

.header__phone {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .25rem;
    font-size: 1.0625rem;
    font-weight: 700;
    line-height: 117%
}

.header__phone svg {
    width: .6875rem;
    height: .6875rem
}

.header__schedule {
    margin-top: .1875rem;
    font-size: .75rem;
    line-height: 116%
}

.footer {
    background-color: var(--color-blu-100);
    padding-top: 5.625rem;
    padding-bottom: 3.75rem;
    color: var(--color-whte)
}

.footer__title {
    font-weight: 600;
}

.footer__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: .625rem;
    row-gap: 1.125rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 5.625rem
}

.footer__form .input {
    width: 23.3333333333%
}

.footer__form .button {
    width: 26.9298245614%;
    font-size: 1rem
}

.footer__form .checkbox {
    width: 100%
}

.footer__form-checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .375rem;
    margin-left: auto
}

.footer__form-checkbox-input {
    position: relative;
    width: .75rem;
    height: .75rem;
    cursor: pointer
}

.footer__form-checkbox-input input {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0
}

.footer__form-checkbox-input label {
    width: .75rem;
    height: .75rem;
    border-radius: 1px;
    background-color: var(--color-whte);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.footer__form-checkbox-input label::after {
    content: "";
    width: 8px;
    height: 8px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    background-image: url(../img/icons/icon-check-white.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.footer__form-checkbox-input input:checked+label {
    background-color: #ff1d00
}

.footer__form-checkbox-text {
    font-size: .75rem;
    line-height: 133.333%
}

.footer__top {
    padding-bottom: 3.9375rem
}

.footer__bottom {
    border-top: 1px solid var(--color-whte);
    padding-top: 3.75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: .875rem;
    line-height: 142%
}

.footer__bottom-left {
    width: 51.3157894737%
}

.footer__bottom-middle {
    width: 25.6140350877%
}

.footer__bottom-right {
    width: 19.1228070175%
}

.footer__links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: .625rem;
    margin-top: .625rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.footer__phone-link {
    font-size: 1rem;
    letter-spacing: .227px;
    margin-top: .625rem
}

.footer__logo {
    max-width: 13.625rem;
    width: 100%;
    display: block
}

.footer__logo img,
.footer__logo picture {
    width: 100%;
    height: auto;
    display: block
}

.offer {
    padding-top: .625rem
}

.offer__content {
    background-color: var(--color-blu-100);
    color: var(--color-whte);
    border-radius: 50px;
    padding: 5.8125rem 3.4375rem 2rem;
    position: relative
}

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

.offer__top-left {
    width: 59.2105263158%
}

.offer__top-right {
    width: auto
}

.offer__top-img {
    width: 34rem;
    height: 21.875rem;
    position: absolute;
    top: 1.375rem;
    right: -1.5rem
}

.offer__top-img img,
.offer__top-img picture {
    width: 100%;
    height: 100%
}

.offer__description {
    max-width: 35.4375rem;
    margin-top: 5.5625rem
}

.offer__form {
    margin-top: -3.375rem
}

.offer__toggle-tel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.offer__toggle-tel-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: .3125rem;
    border: 1px solid var(--color-blu);
    border-radius: 100px;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    padding: .1875rem;
    font-size: .9375rem;
    line-height: 73%
}

.offer__toggle-tel-item {
    border-radius: 100px;
    padding: .375rem 1.125rem
}

.offer__toggle-tel-item.active {
    background-color: var(--color-blu)
}

.offer__toggle-tel-label {
    margin-top: .125rem;
    font-size: .8125rem;
    line-height: 107%;
    color: var(--color-blu-200)
}

.offer__form .checkbox {
    max-width: 25.75rem
}

.offer__form-row {
    margin-top: .625rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1.25rem;
    row-gap: 16px;
    --gap: 20px;
    --row-gap: 15px
}

.offer__form-row--toggle {
    margin-top: 1.25rem;
    padding-right: 2.9375rem;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.offer__form-col--md {
    width: calc(33.333% - var(--gap)/ 1.5)
}

.offer__form-col--lg {
    width: calc(50% - var(--gap)/ 2)
}

.offer__form-col--phone {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.offer__form-col--phone input:last-child {
    display: none
}

.offer__form-col--phone._tel-home input:first-child {
    border-radius: 100px 0 0 100px
}

.offer__form-col--phone._tel-home input:last-child {
    display: block;
    border-radius: 0 100px 100px 0
}

.offer__form-col--phone._tel-home input {
    width: 50%
}

.offer__tg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .75rem
}

.offer__tg-img {
    width: 3.6875rem;
    height: 3.6875rem;
    min-width: 3.6875rem;
    min-height: 3.6875rem;
    border-radius: 50%;
    overflow: hidden
}

.offer__tg-img img,
.offer__tg-img picture {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.offer__tg-description {
    max-width: 18.6875rem
}

.courses__title {
    max-width: 57.5rem
}

.courses__grid {
    margin-top: 3.125rem;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
    gap: 1.25rem
}

.courses__card {
    padding: 1.25rem;
    border-radius: 23px;
    border: 1px solid var(--color-blu-100);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.25rem
}

.courses__card-img {
    width: 3.4375rem;
    height: 3.4375rem;
    min-width: 3.4375rem;
    min-height: 3.4375rem
}

.courses__card-img img,
.courses__card-img picture {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.courses__card-description {
    line-height: 127%
}

.advantages {
    margin-top: 5.625rem;
    padding: 5.625rem 0 6.0625rem;
    background-color: var(--color-blu-100);
    color: var(--color-whte)
}

.advantages__items {
    margin-top: 3.75rem;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
    gap: 4.23875rem
}

.advantages__title {
    max-width: 53.625rem
}

.advantages__item {
    max-width: 15rem
}

.advantages__item-title {
    font-size: 4.6875rem;
    font-weight: 700;
    line-height: 102%;
    white-space: nowrap
}

.advantages__item-description {
    margin-top: .625rem;
    font-size: 1.125rem;
    line-height: 135%
}

.programs__title {
    max-width: 41rem
}

.programs__grid {
    margin-top: 2.5rem;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
    gap: 1.25rem
}

.programs__card {
    padding: 1.25rem;
    border-radius: 16px;
    background: var(--color-whte-100);
    -webkit-box-shadow: 0 1px 5px 0 rgba(var(--color-blck--rgb), .05);
    box-shadow: 0 1px 5px 0 rgba(var(--color-blck--rgb), .05);
    position: relative
}

.programs__card-bg {
    position: absolute;
    bottom: 0;
    right: 0;
    max-width: 10.625rem;
    z-index: 0
}

.programs__card-bg img,
.programs__card-bg picture {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    width: 100%;
    height: auto;
    display: block
}

.programs__card:nth-child(1) .programs__card-bg {
    max-width: 10.65625rem
}

.programs__card:nth-child(2) .programs__card-bg {
    max-width: 10.5rem
}

.programs__card:nth-child(3) .programs__card-bg {
    max-width: 10.4375rem
}

.programs__card-content {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.programs__card-title {
    font-size: 1.75rem;
    line-height: 110%;
    font-weight: 700
}

.programs__card-list {
    padding-bottom: 1.25rem;
    margin-top: .875rem;
    padding-left: 1.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .4375rem;
    line-height: 133.333%
}

.programs__card-list li {
    list-style: disc
}

.programs__card-link {
    padding: .4375rem 1.6875rem;
    background-color: var(--color-blu);
    color: var(--color-whte);
    border-radius: 5px;
    margin-top: auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.no-webp .exams__content {
    background-image: url(../img/exams/bg.jpg)
}

.exams__content {
    padding: 3.3125rem 3.25rem 2.5rem 2.875rem;
    border-radius: 51px;
    background-color: #0c1c38;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: var(--color-whte)
}

.exams__items {
    margin-top: 2.0625rem;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 1.25rem
}

.exams__item {
    border-radius: 20px;
    background: var(--color-whte);
    padding: 1.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.0625rem;
    color: var(--color-blck)
}

.exams__item-img {
    width: 4.125rem;
    height: 3.125rem
}

.exams__item-img img,
.exams__item-img picture {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.exams__btn {
    margin-top: 2.0625rem
}

.adv-school {
    margin-top: 11.1875rem
}

.adv-school__description,
.adv-school__title {
    max-width: 56.6875rem
}

.adv-school__description {
    margin-top: 1.875rem
}

.adv-school__items {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    -ms-grid-rows: 169px 205px 169px 250px;
    grid-template-rows: 169px 205px 169px 250px;
    gap: 1.25rem;
    margin-top: 5.125rem
}

.adv-school__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1.875rem;
    border-radius: 36px;
    background: #d4e7ff;
    position: relative
}

.adv-school__item-title {
    font-size: 1.5625rem;
    font-weight: 500;
    line-height: 108%
}

.adv-school__item-description {
    margin-top: .625rem;
    line-height: 120%;
    font-size: .9375rem
}

.adv-school__item-description p+p {
    margin-top: .625rem
}

.adv-school__item-content {
    position: relative;
    z-index: 2
}

.adv-school__item-img {
    z-index: 0
}

.adv-school__item-img img,
.adv-school__item-img picture {
    width: 100%;
    height: auto;
    display: block
}

.adv-school__item:nth-child(1) {
    -ms-grid-column-span: 1;
    grid-column: span 1;
    -ms-grid-row-span: 3;
    grid-row: span 3;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .625rem
}

.adv-school__item:nth-child(1) .adv-school__item-img {
    max-width: 19.1875rem;
    width: 100%
}

.adv-school__item:nth-child(2) {
    -ms-grid-column-span: 2;
    grid-column: span 2;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.adv-school__item:nth-child(2) .adv-school__item-content {
    width: 70.2741702742%
}

.adv-school__item:nth-child(2) .adv-school__item-img {
    position: absolute;
    max-width: 14.0625rem;
    right: .9375rem
}

.adv-school__item:nth-child(3) {
    -ms-grid-column-span: 2;
    grid-column: span 2
}

.adv-school__item:nth-child(3) .adv-school__item-content {
    width: 73.3044733045%
}

.adv-school__item:nth-child(3) .adv-school__item-img {
    position: absolute;
    max-width: 10.5625rem;
    right: 1.875rem
}

.adv-school__item:nth-child(4) {
    -ms-grid-column-span: 2;
    grid-column: span 2
}

.adv-school__item:nth-child(4) .adv-school__item-content {
    width: 75.3246753247%
}

.adv-school__item:nth-child(4) .adv-school__item-img {
    position: absolute;
    right: .75rem;
    top: -.375rem;
    max-width: 12.8125rem;
    width: 100%
}

.adv-school__item:nth-child(6) .adv-school__item-img {
    position: absolute;
    right: 1.5rem;
    bottom: 2.0625rem;
    max-width: 9.25rem;
    width: 100%
}

.adv-school__item:nth-child(6) .adv-school__item-description {
    max-width: 12.3125rem
}

.tarif__title {
    max-width: 56.6875rem
}

.tarif__description {
    margin-top: .8125rem
}

.tarif__container {
    max-width: calc(1080px + var(--pad)*2)
}

.tarif__slider {
    margin-top: 5.625rem;
    position: relative
}

.tarif__slider-slide {
    opacity: .3;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.tarif__slider-slide.swiper-slide-visible {
    opacity: 1
}

.tarif__slider .slider-nav {
    display: none
}

.tarif__slider .slider-nav-sec {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.tarif__slider .slider-nav-sec .slider-nav-sec__btn_prev {
    left: -5.5625rem
}

.tarif__slider .slider-nav-sec .slider-nav-sec__btn_next {
    right: -5.5625rem
}

.tarif__card {
    padding: 1.6875rem 1.375rem .9375rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-radius: 20px;
    border: 1px solid #2c84ff;
    background-color: var(--color-whte);
    height: 100%;
    position: relative;
    overflow: hidden
}

.tarif__card--hit {
    border-color: #f50
}

.tarif__card-caption {
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 0 20px 0 7px;
    background: #f50;
    font-size: .875rem;
    font-weight: 700;
    line-height: 121%;
    color: var(--color-whte);
    padding-left: .4375rem;
    padding-right: .8125rem;
    padding-top: .25rem;
    padding-bottom: .25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .4375rem
}

.tarif__card-caption img {
    width: .625rem;
    height: .8125rem
}

.tarif__card-title {
    font-size: 1.625rem;
    line-height: 107%;
    font-weight: 700
}

.tarif__card-tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: .625rem;
    margin-top: .625rem
}

.tarif__card-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .4375rem;
    margin-top: 1.3125rem;
    font-size: .875rem;
    line-height: 100%
}

.tarif__card-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: .625rem
}

.tarif__card-list li::before {
    content: "";
    min-width: .875rem;
    min-height: 1.0625rem;
    width: .875rem;
    height: 1.0625rem;
    background-image: url(../img/icons/icon-check-blue-thin.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.tarif__card-bottom {
    margin-top: 1.1875rem
}

.tarif__card-price {
    font-size: 1.1875rem;
    font-weight: 700;
    line-height: 105%
}

.tarif__card-price>span {
    font-size: 2rem;
    line-height: 20px
}

.tarif__card-price-cur {
    font-size: 1.4375rem;
    line-height: 20px
}

.tarif__card-btns {
    margin-top: 1.1875rem;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    row-gap: .5625rem;
    -webkit-column-gap: .9375rem;
    -moz-column-gap: .9375rem;
    column-gap: .9375rem
}

.tarif__card-btn:first-child {
    -ms-grid-column-span: 2;
    grid-column: span 2
}

.tarif__card-btn {
    display: block;
    padding: .5625rem .8125rem;
    font-size: .8125rem;
    line-height: 123%;
    font-weight: 400;
    text-align: center;
    border-radius: 16px;
    white-space: nowrap;
    border: 1px solid transparent
}

.tarif__card-btn--2 {
    background-color: #2c84ff
}

.tarif__card-btn-bordered {
    border-color: #2960ec;
    color: #2960ec
}

.tarif__card-btn-fill {
    background-color: #2960ec;
    color: var(--color-whte)
}

.tarif__btn {
    margin-top: 3.125rem
}

.courses-catalog {
    padding: 4.375rem 0 5.625rem;
    background-color: var(--color-whte-100)
}

.courses-catalog__title {
    max-width: 52.4375rem
}

.courses-catalog__tabs {
    margin-top: 3.125rem
}

.courses-catalog__tabs-titles {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: auto;
    gap: 1.25rem
}

.courses-catalog__tabs-title {
    color: var(--color-blu);
    line-height: 137%;
    font-weight: 600;
    padding: .3125rem 1.5rem;
    border: 1px solid var(--color-blu);
    border-radius: 34px;
    white-space: nowrap;
    -webkit-transition: color .3s ease, background-color .3s ease;
    transition: color .3s ease, background-color .3s ease
}

.courses-catalog__tabs-title._tab-active {
    background-color: var(--color-blu);
    color: var(--color-whte)
}

.courses-catalog__tabs-contents {
    margin-top: 1.875rem
}

.courses-catalog__tabs-contents._tab-active {
    display: -ms-grid;
    display: grid
}

.courses-catalog__tabs-content {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
    gap: 1.25rem
}

.courses-catalog__tabs-content[hidden] {
    display: none
}

.courses-catalog__btn {
    margin-top: 3.125rem
}

.course-card {
    padding: 1.875rem 1.25rem;
    border-radius: 20px;
    background-color: var(--color-whte);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.25rem
}

.course-card__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.course-card__top-item {
    margin-left: .5375rem
}

.course-card__description {
    margin-top: 1.25rem;
    line-height: 128%
}

.course-card__more {
    margin-top: .375rem;
    color: var(--color-gry);
    font-size: .875rem;
    line-height: 178%;
    text-decoration: underline;
    text-underline-offset: 3px
}

.course-card__price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: .625rem
}

.course-card__price-new {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 36.5px
}

.course-card__price-old {
    font-size: .875rem;
    color: var(--color-gry);
    line-height: 36.5px;
    text-decoration-line: line-through
}

.course-card__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .625rem;
    margin-left: .1875rem;
    margin-right: .1875rem
}

.course-card__btn {
    width: 100%;
    text-align: center;
    font-size: 1rem;
    line-height: 140%;
    font-weight: 500;
    color: var(--color-whte);
    padding: .325rem .625rem;
    background-color: var(--color-blu);
    border: 1px solid var(--color-blu);
    border-radius: 5px
}

.course-card__btn--pay {
    background-color: var(--color-whte);
    color: var(--color-blu)
}

.passport {
    padding: 5.625rem 0 4.6875rem;
    background-color: var(--color-blu-300)
}

.passport__container {
    max-width: calc(1253px + var(--pad)*2)
}

.passport__title {
    max-width: 56.6875rem
}

.passport__description {
    margin-top: .8125rem
}

.passport__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.75rem;
    margin-top: 4.6875rem
}

.passport__left {
    width: 47.7254588986%
}

.passport__right {
    width: 42.1388667199%
}

.passport__adv {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .875rem;
    counter-reset: adv-list
}

.passport__adv-item {
    counter-increment: adv-list;
    padding: 1.25rem;
    background-color: var(--color-whte);
    border-radius: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .625rem
}

.passport__adv-item::before {
    content: counter(adv-list, decimal-leading-zero);
    font-size: 2.5rem;
    font-weight: 500;
    line-height: 110%;
    color: var(--color-blu)
}

.passport__adv-description {
    font-size: 1.0625rem;
    font-weight: 500;
    line-height: 129%
}

.passport__img {
    width: 41.0625rem
}

.passport__img img,
.passport__img picture {
    width: 100%;
    height: auto
}

.experts {
    margin-top: 0
}

.experts__title {
    max-width: 55.6875rem
}

.experts__description {
    margin-top: 1.875rem;
    max-width: 36.6875rem
}

.experts__slider {
    margin-top: 4.5rem;
    position: relative
}

.experts__slider .slider-nav {
    display: none
}

.experts__slider .slider-nav-sec {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.experts__slider .slider-nav-sec__btn {
    top: 2.8125rem;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.experts__slider .slider-nav-sec__btn_prev {
    left: -3.9375rem
}

.experts__slider .slider-nav-sec__btn_next {
    right: -3.9375rem
}

.experts__slider-slide {
    text-align: center;
    opacity: .3;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.experts__slider-slide-photo img,
.experts__slider-slide-photo picture {
    width: 100%;
    height: auto
}

.experts__slider-slide-title {
    margin-top: .625rem
}

.experts__slider-slide-description {
    margin-top: .3125rem
}

.experts__slider-slide.swiper-slide-visible {
    opacity: 1
}

.experts__slider-container {
    max-width: 59.0625rem;
    margin-left: auto;
    margin-right: auto
}

.support {
    margin-top: 5.125rem;
    padding-bottom: .9375rem
}

.no-webp .support__content {
    background-image: url(../img/support/bg.png)
}

.support__content {
    padding: 4.0625rem 3.125rem;
    background-color: var(--color-blu);
    border-radius: 50px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center left;
    position: relative;
    color: var(--color-whte);
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.support__content-left {
    width: 62.8846153846%
}

.support__content-right {
    width: 37.1153846154%
}

.support__title {
    line-height: 122%
}

.support__description {
    margin-top: 1.25rem
}

.support__btn {
    margin-top: 1.875rem
}

.support__img {
    position: absolute;
    top: -5.375rem;
    margin-left: -1.0625rem
}

.support__img-description {
    width: 14.375rem;
    padding: .9rem 1.315rem;
    background-color: var(--color-blu-100);
    border-radius: 11px;
    color: var(--color-whte);
    font-size: .9375rem;
    font-family: ProximaNova;
    font-weight: 700;
    line-height: 114%;
    position: absolute;
    right: -1.8125rem;
    bottom: 12.5625rem
}

.support__img img,
.support__img picture {
    width: 24rem;
    height: auto
}

.study {
    background-color: var(--color-whte-100);
    margin-top: 5.3125rem
}

.study__items {
    margin-top: 10.125rem;
    padding-bottom: 5.375rem
}

.study__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 2.5rem;
    background-color: var(--color-whte);
    border-radius: 30px;
    margin-top: 7.8125rem
}

.study__item-title {
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 103%
}

.study__item-description {
    margin-top: .875rem
}

.study__item-left {
    width: 41.6981132075%;
    position: relative
}

.study__item-right {
    width: 35.6603773585%;
    position: relative
}

.study__item-img {
    top: -6.875rem;
    position: absolute;
    border-radius: 18.762px;
    border: .987px solid #000;
    background: #000;
    overflow: hidden
}

.study__item-img-panel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: .5rem;
    height: 2.1875rem;
    padding-top: .75rem;
    padding-right: 1.0625rem
}

.study__item-img-panel span {
    display: block;
    width: .625rem;
    height: .625rem;
    border-radius: 50%;
    background-color: var(--color-whte)
}

.study__item-img img,
.study__item-img picture {
    width: 100%;
    height: 273px;
    -o-object-fit: cover;
    object-fit: cover
}

.study__item:first-child {
    margin-top: 0
}

.study__item:nth-child(even) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.study__item:nth-child(even) .study__item-right {
    width: 46.4150943396%
}

.documents {
    margin-top: 6.5rem;
    padding: 5.625rem 0;
    background-color: var(--color-blu-100);
    color: var(--color-whte)
}

.documents__items {
    margin-top: 5.625rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: .75rem
}

.documents__item {
    max-width: 20.8125rem;
    width: 100%;
    --caption-color: #ff1212
}

.documents__item-top {
    position: relative;
    padding-bottom: 1.0625rem
}

.documents__item-img {
    width: 100%
}

.documents__item-img img,
.documents__item-img picture {
    width: 100%;
    border-radius: 11px;
    -o-object-fit: cover;
    object-fit: cover
}

.documents__item-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: .3125rem .9375rem;
    border-radius: 41px;
    font-size: 1.4375rem;
    font-weight: 500;
    line-height: 113%;
    color: var(--color-whte);
    background-color: var(--caption-color)
}

.documents__item-description {
    margin-top: .5rem;
    line-height: 147%
}

.documents__item:nth-child(2) {
    --caption-color: #1255ff
}

.documents__item:nth-child(3) {
    --caption-color: #ff8912
}

.reviews {
    padding-bottom: 5.625rem
}

.reviews__grid {
    margin-top: 5.625rem;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
    gap: 1.25rem
}

.reviews__item-inner {
    padding: 2.5rem 1.25rem;
    border-radius: 24.667px;
    background: var(--color-whte);
    -webkit-filter: drop-shadow(0 0 37px rgba(0, 0, 0, .2));
    filter: drop-shadow(0 0 37px rgba(0, 0, 0, .2))
}

.reviews__item-author {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .625rem
}

.reviews__item-author-img {
    width: 3.4375rem;
    height: 3.4375rem;
    min-width: 3.4375rem;
    min-height: 3.4375rem;
    border-radius: 50%;
    overflow: hidden
}

.reviews__item-author-img img,
.reviews__item-author-img picture {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.reviews__item-author-text {
    max-width: 11.375rem
}

.reviews__item-author-name {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 140%
}

.reviews__item-author-pos {
    font-size: .875rem;
    line-height: 114%
}

.reviews__item-description {
    margin-top: 1.875rem;
    line-height: 126%
}

.reviews__item-more {
    margin-top: .9375rem;
    color: var(--color-blu-400);
    text-decoration: underline;
    text-underline-offset: 5px
}

.reviews__item-more:hover {
    text-decoration: none
}

.cost {
    margin-top: 7.875rem
}

.cost__content {
    padding: 2.875rem 4.0625rem 2.9375rem;
    background-color: var(--color-accent);
    border-radius: 50px;
    color: var(--color-whte)
}

.cost__content-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.cost__left {
    width: 59.5849802372%
}

.cost__right {
    width: 34.4861660079%
}

.cost__title {
    font-size: 2.4375rem;
    font-weight: 700;
    line-height: 120%
}

.cost__description {
    margin-top: 1.25rem;
    font-size: 1.4375rem;
    line-height: 130%
}

.cost__btn {
    margin-top: 1.1875rem;
    max-width: 46.125rem
}

.cost__img {
    margin-top: -4.9375rem;
    max-width: 21.8125rem;
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

.cost__img img,
.cost__img picture {
    width: 100%;
    height: auto
}

.section-quiz__description {
    margin-top: .8125rem
}

.section-quiz .quiz {
    margin-top: 3.125rem
}

.quiz {
    padding: 3.375rem 1.9375rem;
    background-color: var(--color-blu-100);
    border-radius: 51px;
    overflow: hidden;
    color: var(--color-whte)
}

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

.quiz__step-title {
    font-size: 1.4375rem;
    font-weight: 500;
    line-height: 130%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .5rem
}

.quiz__step-title span {
    display: block;
    font-size: .875rem;
    font-weight: 700;
    line-height: 15px;
    color: var(--color-whte);
    padding-left: .40625rem;
    padding-right: .21875rem;
    background-color: var(--color-rd);
    border-radius: 5px;
    height: 1.25rem
}

.quiz__step-counter {
    font-size: 1.5rem;
    font-weight: 400;
    color: var(--color-blu-200);
    line-height: 3.125rem
}

.quiz__step-counter span {
    color: var(--color-whte)
}

.quiz__options {
    margin-top: 1.875rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .8125rem
}

.quiz__option {
    height: 3.4375rem;
    position: relative
}

.quiz__option input {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    cursor: pointer
}

.quiz__option input:checked+.quiz__option-inner {
    background-color: #c7edff
}

.quiz__option-inner {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.375rem;
    border-radius: 20px;
    background-color: var(--color-whte);
    padding-left: 1.1875rem;
    padding-right: 1.1875rem;
    color: var(--color-blck);
    font-size: 1rem;
    line-height: 125%;
    -webkit-transition: .3s ease all;
    transition: .3s ease all
}

.quiz__option:hover .quiz__option-inner {
    background-color: #c7edff
}

.quiz__final {
    padding: 1.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: .8125rem;
    gap: 4.3125rem;
    background-color: var(--color-whte);
    border-radius: 20px;
    color: var(--color-blck)
}

.quiz__final-title {
    font-size: 1.625rem;
    font-weight: 700;
    line-height: 107%
}

.quiz__final-tags {
    margin-top: .875rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: .625rem
}

.quiz__final-description {
    font-size: .875rem;
    line-height: 133.333%;
    max-width: 32.4375rem;
    margin-top: 1.5rem
}

.quiz__final-price {
    margin-top: 1.5rem;
    font-size: 1rem;
    line-height: 20px
}

.quiz__final-price span {
    font-size: 2rem;
    font-weight: 700;
    line-height: 20px
}

.quiz__final-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: .75rem;
    margin-top: 1.875rem
}

.quiz__final-btn {
    display: block;
    padding: .5625rem .8125rem;
    font-size: .8125rem;
    line-height: 123%;
    font-weight: 400;
    text-align: center;
    border-radius: 16px;
    white-space: nowrap;
    width: 100%;
    border: 1px solid transparent
}

.quiz__final-btn--1 {
    border-color: #2960ec;
    color: #2960ec
}

.quiz__final-btn--2 {
    background-color: #2960ec;
    color: var(--color-whte);
    border-color: #2960ec
}

.quiz__final-btn--3 {
    background-color: #2c84ff;
    border-color: #2c84ff;
    color: var(--color-whte)
}

.quiz__final-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .4375rem;
    font-size: .875rem;
    line-height: 100%
}

.quiz__final-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: .625rem
}

.quiz__final-list li::before {
    content: "";
    min-width: .875rem;
    min-height: 1.0625rem;
    width: .875rem;
    height: 1.0625rem;
    background-image: url(../img/icons/icon-check-blue-thin.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.quiz__nav {
    margin-top: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2rem
}

.quiz__nav-btn {
    -webkit-transition: .3s all ease;
    transition: .3s all ease
}

.quiz__nav-btn--prev.disabled {
    opacity: .17
}

.swiper {
    overflow: hidden
}

.swiper-initialized {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-wrapper {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

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

.swiper-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.swiper-initialized .swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.swiper-android .swiper-slide,
.swiper-android .swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.swiper-button-lock {
    display: none !important
}

@media (max-width:76.875em) {
    .header__menu-list {
        gap: .9375rem
    }

    .header__menu-list li a {
        font-size: .75rem
    }

    .footer__form .input {
        width: calc(33.333% - .625rem)
    }

    .footer__form .button {
        width: 100%
    }

    .programs__grid {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr)
    }

    .adv-school__items {
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
        -ms-grid-rows: (auto)[3];
        grid-template-rows: repeat(3, auto)
    }

    .adv-school__item:nth-child(2) .adv-school__item-img {
        max-width: 9.375rem;
        right: .9375rem
    }

    .tarif__slider {
        margin-top: 3.125rem
    }
}

@media (max-width:61.99875em) {
    [class*=__container] {
        --pad: 15px
    }

    .menu__body {
        position: fixed;
        width: 100%;
        height: 0%;
        overflow: hidden;
        right: 0;
        top: 5rem;
        overflow: auto;
        padding: 0 .9375rem 0 1.875rem;
        -webkit-transition: height .5s ease;
        transition: height .5s ease;
        z-index: 100
    }

    .menu__body::before {
        content: "";
        position: fixed;
        width: 100%;
        height: 4.375rem;
        right: -100%;
        top: 0;
        -webkit-transition: right .3s;
        transition: right .3s;
        z-index: 2
    }

    .menu-open .menu__body {
        height: 100%
    }

    .menu-open .menu__body::before {
        right: 0
    }

    .icon-menu {
        display: block;
        position: relative;
        width: 1.875rem;
        height: 1.125rem;
        min-width: 1.875rem;
        min-height: 1.125rem;
        z-index: 125
    }

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

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

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

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

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

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

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

    .text-2sm {
        font-size: .875rem
    }

    .text-lg {
        font-size: 1rem
    }

    .text-xl {
        font-size: 1.125rem
    }

    .h1 {
        font-size: 2.5rem
    }

    .h1-md {
        font-size: 2.4375rem
    }

    .h1-lg {
        font-size: 2.875rem
    }

    .h2 {
        font-size: 2.25rem
    }

    .h2-lg {
        font-size: 2.375rem
    }

    .h3 {
        font-size: 1.75rem
    }

    .h3-sm {
        font-size: 1.6875rem
    }

    .section-mt {
        margin-top: 4.375rem
    }

    .slider-nav-sec__btn {
        left: 15px
    }

    .slider-nav-sec__btn_next {
        left: initial;
        right: 15px
    }

    .header__col--logo {
        min-width: 10rem
    }

    .header__col--menu {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 0%;
        flex: 0 0 0%;
        position: absolute;
        width: 0
    }

    .header__col--info {
        width: auto;
        min-width: 10.4375rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: .9375rem
    }

    .header__menu {
        background-color: var(--color-whte)
    }

    .header__menu-list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        gap: .9375rem
    }

    .header__menu-list li a {
        font-size: 1.125rem;
        font-weight: 500
    }

    .footer__top {
        padding-bottom: 5rem
    }

    .offer {
        padding-top: 1.875rem
    }

    .offer__container {
        padding: 0
    }

    .offer__content {
        border-radius: 30px;
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .offer__top-img {
        position: static;
        max-width: 400px;
        height: auto;
        margin-right: -2.5rem
    }

    .offer__top-img img,
    .offer__top-img picture {
        width: 100%;
        height: 100%
    }

    .offer__form-row {
        --gap: 10px;
        gap: .625rem;
        row-gap: .9375rem
    }

    .offer__form-row--toggle {
        margin-top: .625rem
    }

    .offer__form {
        margin-top: 0
    }

    .offer__form .checkbox {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8;
        max-width: 100%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .offer__tg {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9;
        gap: .5rem
    }

    .offer__tg-img {
        width: 2.5rem;
        height: 2.5rem;
        min-width: 2.5rem;
        min-height: 2.5rem
    }

    .offer__tg-description {
        max-width: 100%
    }

    .courses__grid {
        margin-top: 1.875rem;
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr)
    }

    .advantages {
        margin-top: 3.75rem;
        padding-top: 3.75rem;
        padding-bottom: 4.375rem
    }

    .advantages__items {
        margin-top: 2.5rem;
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
        row-gap: 1.25rem
    }

    .programs__grid {
        margin-top: 1.875rem;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    .programs__card-bg {
        max-width: 7.5rem !important
    }

    .programs__card-title {
        font-size: 1.375rem
    }

    .exams__content {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
        padding-top: 1.875rem;
        padding-bottom: 1.875rem;
        border-radius: 30px
    }

    .exams__items {
        margin-top: 1.875rem;
        gap: .625rem
    }

    .exams__btn {
        margin-top: 1.875rem
    }

    .adv-school__items {
        margin-top: 2.5rem;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        -ms-grid-rows: 1fr;
        grid-template-rows: 1fr
    }

    .adv-school__item {
        grid-column: initial !important;
        grid-row: initial !important
    }

    .adv-school__item-description {
        margin-top: .625rem !important
    }

    .adv-school__item:nth-child(1) {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 1.25rem
    }

    .adv-school__item:nth-child(6) .adv-school__item-content {
        padding-right: 7.5rem
    }

    .adv-school__item:nth-child(6) .adv-school__item-img {
        position: absolute;
        right: .6875rem;
        bottom: 1.5rem;
        max-width: none;
        width: auto;
        height: 70%
    }

    .adv-school__item:nth-child(6) .adv-school__item-img img {
        height: 100%;
        width: auto
    }

    .tarif__slider {
        margin-top: 1.875rem
    }

    .tarif__btn {
        margin-top: 1.25rem
    }

    .tarif__card-title {
        font-size: 1.25rem
    }

    .tarif__card-list {
        gap: .25rem;
        margin-top: .9375rem
    }

    .tarif__card-btns {
        margin-top: .9375rem;
        row-gap: .375rem;
        -webkit-column-gap: .625rem;
        -moz-column-gap: .625rem;
        column-gap: .625rem
    }

    .tarif__card-price {
        font-size: 1rem
    }

    .tarif__card-price>span {
        font-size: 1.375rem
    }

    .tarif__card-price-cur {
        font-size: 1.125rem
    }

    .courses-catalog__tabs {
        margin-top: 1.875rem
    }

    .courses-catalog__tabs-title {
        font-size: .875rem;
        font-weight: 500
    }

    .courses-catalog__tabs-contents {
        margin-top: 1.25rem
    }

    .courses-catalog__tabs-content {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        gap: .625rem
    }

    .courses-catalog__btn {
        margin-top: 1.875rem
    }

    .passport {
        padding: 2.5rem 0 3.75rem
    }

    .passport__description {
        margin-top: 1.25rem
    }

    .passport__row {
        margin-top: 1.875rem
    }

    .passport__left {
        width: 60%
    }

    .passport__right {
        width: 39%
    }

    .passport__adv-item::before {
        font-size: 2.25rem
    }

    .passport__adv-description {
        font-size: 1rem
    }

    .support__content {
        padding-top: 1.875rem;
        padding-bottom: 1.875rem;
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .support__img-description {
        right: 5.3125rem
    }

    .study__items {
        margin-top: 4.375rem;
        padding-bottom: 2.5rem
    }

    .study__item {
        margin-top: 3.75rem
    }

    .study__item-left {
        width: 49.2452830189%;
        position: relative
    }

    .study__item-right {
        width: 35.6603773585%;
        position: relative
    }

    .study__item-img {
        margin-left: auto;
        top: -3.125rem;
        width: 100%
    }

    .study__item-img img,
    .study__item-img picture {
        height: 12.5rem
    }

    .documents__items {
        margin-top: 3.75rem
    }

    .documents__item-caption {
        font-size: 1.125rem
    }

    .reviews {
        padding-bottom: 3.75rem
    }

    .reviews__grid {
        margin-top: 1.875rem;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr
    }

    .reviews__item-inner {
        padding: 1.25rem
    }

    .reviews__item-description {
        margin-top: .9375rem
    }

    .reviews__item-author-img {
        width: 2.5rem;
        height: 2.5rem;
        min-width: 2.5rem;
        min-height: 2.5rem
    }

    .reviews__item-author-name {
        font-size: 1rem
    }

    .reviews__item-author-pos {
        font-size: .875rem
    }

    .cost__content {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }

    .cost__title {
        font-size: 2.25rem
    }

    .cost__description {
        font-size: 1.125rem
    }

    .cost__btn {
        margin-top: 1.25rem
    }
}

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

@media (max-width:47.99875em) {
    .button {
        font-size: 1rem;
        padding-top: .84375rem;
        padding-bottom: .84375rem
    }

    .input {
        padding-top: .875rem;
        padding-bottom: .875rem;
        font-size: 1rem
    }

    .text-2sm {
        font-size: .8125rem
    }

    .text-lg {
        font-size: .875rem
    }

    .text-xl {
        font-size: 1rem
    }

    .h1 {
        font-size: 1.75rem
    }

    .h1-md {
        font-size: 1.75rem
    }

    .h1-lg {
        font-size: 2rem
    }

    .h2 {
        font-size: 2rem
    }

    .h2-lg {
        font-size: 2.125rem
    }

    .h3 {
        font-size: 1.5rem
    }

    .h3-sm {
        font-size: 1.625rem
    }

    .section-mt {
        margin-top: 3.125rem
    }

    .footer__title {
        font-size: 1.5rem;
        line-height: normal
    }

    .footer__form {
        gap: .625rem
    }

    .footer__form .input {
        width: 100%
    }

    .footer__form-checkbox {
        margin-left: 0
    }

    .footer__top {
        padding-bottom: 2.5rem
    }

    .footer__bottom {
        padding-top: 2.5rem;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 1.875rem
    }

    .footer__bottom-left,
    .footer__bottom-middle,
    .footer__bottom-right {
        width: 100%
    }

    .footer__links {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .offer__content {
        border-radius: 20px;
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
        padding-left: .9375rem;
        padding-right: .9375rem
    }

    .offer__top {
        gap: .9375rem
    }

    .offer__top-left,
    .offer__top-right {
        width: 100%
    }

    .offer__top-img {
        margin-right: -25rem
    }

    .offer__description {
        margin-top: .625rem
    }

    .courses__grid {
        margin-top: 1.25rem;
        gap: .625rem;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    .courses__card {
        gap: .625rem
    }

    .courses__card-img {
        width: 2.5rem;
        height: 2.5rem;
        min-width: 2.5rem;
        min-height: 2.5rem
    }

    .advantages {
        margin-top: 2.5rem;
        padding: 2.5rem 0 3.75rem 0
    }

    .advantages__items {
        margin-top: 1.875rem;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        row-gap: .9375rem
    }

    .advantages__item-title {
        font-size: 3.75rem
    }

    .advantages__item-description {
        font-size: 1rem
    }

    .programs__grid {
        margin-top: 1.25rem
    }

    .programs__card {
        padding: .9375rem
    }

    .programs__card-bg {
        max-width: 6.25rem !important
    }

    .programs__card-title {
        font-size: 1.25rem
    }

    .programs__card-link {
        font-size: .875rem
    }

    .exams__container {
        padding: 0
    }

    .exams__content {
        padding-left: .9375rem;
        padding-right: .9375rem
    }

    .exams__items {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    .exams__item {
        padding: .9375rem
    }

    .exams__item-img {
        width: 3.125rem;
        height: 2.5rem
    }

    .adv-school__item {
        padding: 1.25rem
    }

    .adv-school__item-title {
        font-size: 1.5rem
    }

    .adv-school__item-description {
        font-size: .875rem;
        margin-top: .625rem
    }

    .courses-catalog {
        padding-top: 2.5rem;
        padding-bottom: 3.125rem
    }

    .courses-catalog__tabs-titles {
        gap: .625rem
    }

    .courses-catalog__tabs-content {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    .passport {
        padding-bottom: 2.5rem
    }

    .passport__row {
        margin-top: 1.25rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .passport__left,
    .passport__right {
        width: 100%
    }

    .passport__img {
        width: 100%
    }

    .passport__img img,
    .passport__img picture {
        width: 100%;
        height: auto
    }

    .passport__adv-item {
        padding: .9375rem
    }

    .passport__adv-item::before {
        font-size: 1.75rem
    }

    .passport__adv-description {
        font-size: .875rem;
        line-height: normal
    }

    .experts__description,
    .experts__title {
        text-align: left;
        margin-left: 0
    }

    .experts__description {
        margin-top: .9375rem;
        font-weight: 400
    }

    .experts__slider {
        margin-top: .9375rem
    }

    .experts__slider .slider-nav-sec {
        display: none
    }

    .experts__slider .slider-nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .experts__slider-container {
        margin-top: .9375rem
    }

    .support__description {
        margin-top: .9375rem
    }

    .support__btn {
        margin-top: 1.25rem
    }

    .support__content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        border-radius: 30px;
        gap: 1.25rem
    }

    .support__content-left,
    .support__content-right {
        width: 100%
    }

    .support__img {
        position: static;
        margin: 0
    }

    .support__img img,
    .support__img picture {
        display: none
    }

    .support__img-description {
        position: static;
        width: 100%;
        text-align: center;
        margin: 0
    }

    .study__items {
        padding-bottom: 1.25rem
    }

    .study__item {
        margin-top: 3.125rem;
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
        padding: 1.25rem;
        gap: 1.25rem !important
    }

    .study__item-left,
    .study__item-right {
        width: 100% !important
    }

    .study__item-img {
        margin-top: -3.125rem;
        margin-right: auto;
        margin-left: 0;
        max-width: 18.75rem;
        position: static
    }

    .study__item-img img,
    .study__item-img picture {
        height: auto;
        aspect-ratio: 442/273
    }

    .study__item-title {
        font-size: 1.375rem
    }

    .study__item-description {
        margin-top: .625rem
    }

    .documents__items {
        margin-top: 2.5rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 2.5rem
    }

    .documents__item-top {
        padding-bottom: .75rem
    }

    .documents__item-caption {
        font-size: 1rem
    }

    .reviews {
        padding-bottom: 2.5rem
    }

    .cost__container {
        padding-left: 0;
        padding-right: 0
    }

    .cost__content {
        border-radius: 20px;
        padding-left: var(--pad);
        padding-right: var(--pad);
        padding-top: 1.875rem;
        padding-bottom: 1.875rem
    }

    .cost__title {
        font-size: 1.5rem
    }

    .cost__description {
        font-size: 1rem
    }

    .quiz {
        padding: 1.5rem .9375rem;
        border-radius: 30px
    }

    .quiz__step-title {
        font-size: 1.25rem
    }

    .quiz__step-counter {
        font-size: 1.375rem;
        line-height: normal
    }

    .quiz__option {
        height: auto
    }

    .quiz__option-inner {
        padding-top: .8125rem;
        padding-bottom: .8125rem
    }

    .quiz__final {
        padding-left: .625rem;
        padding-right: .625rem;
        padding-top: .875rem;
        padding-bottom: .875rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 1.25rem
    }

    .quiz__final-title {
        font-size: 1.375rem
    }

    .quiz__final-description {
        margin-top: .625rem
    }

    .quiz__final-price {
        line-height: normal;
        margin-top: .625rem
    }

    .quiz__final-price span {
        font-size: 1.375rem
    }

    .quiz__final-btns {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: .4375rem;
        margin-top: .9375rem
    }

    .quiz__final-list {
        gap: .25rem
    }
}

@media (max-width:35.99875em) {
    .icon-menu {
        width: 1.5625rem;
        height: .9375rem;
        min-width: 1.5625rem;
        min-height: .9375rem
    }

    .h2 {
        font-size: 1.75rem
    }

    .h2-lg {
        font-size: 1.875rem
    }

    .h3 {
        font-size: 1.375rem
    }

    .header__col--logo {
        min-width: 7.5rem
    }

    .header__info {
        max-width: 10.5rem
    }

    .header__phone {
        font-size: .875rem
    }

    .header__schedule {
        font-size: .625rem
    }

    .header__menu-list {
        gap: .625rem
    }

    .header__menu-list li a {
        font-size: .875rem;
        font-weight: 400
    }

    .offer__top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        gap: .9375rem
    }

    .offer__top-img {
        max-width: 100%;
        width: 100%;
        margin-top: -1.25rem;
        margin-right: 0
    }

    .offer__form-row {
        gap: .625rem;
        --gap: 10px
    }

    .offer__form-col--lg,
    .offer__form-col--md {
        width: 100%
    }

    .advantages__item-title {
        font-size: 3.125rem
    }

    .adv-school__description {
        margin-top: .9375rem
    }

    .adv-school__items {
        margin-top: 1.25rem;
        gap: .625rem
    }

    .adv-school__item-content {
        width: 100% !important
    }

    .adv-school__item-img {
        display: none !important
    }

    .reviews__grid {
        margin-top: 1.25rem;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: .9375rem
    }

    .reviews__item-author-text {
        max-width: 100%
    }

    .cost__right {
        display: none
    }

    .cost__left {
        width: 100%
    }

    .quiz__step-top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: .3125rem
    }

    .quiz__step-counter {
        font-size: 1.125rem
    }

    .quiz__option-inner {
        gap: .5625rem;
        padding-left: .625rem;
        padding-right: .625rem
    }

    .quiz__options {
        margin-top: 1.25rem
    }

    .quiz__nav {
        margin-top: 1.25rem
    }
}

.webp .exams__content {
    background-image: url(../img/exams/bg.webp)
}

.webp .support__content {
    background-image: url(../img/support/bg.webp)
}


.popup__callback-form {
    width: 100%;
    margin: left;
    display: grid;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    gap: 16px 11px;
    justify-content: center;
}

@media (max-width: 1024px) {
    .popup__callback-form {
        width: calc(100% - 40px);
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
    }
}

.popup__callback__input {
    font-family: Montserrat;
    color: #5a5a5a;
    font-size: 12px;
    line-height: normal;
    font-weight: 400;
    letter-spacing: normal;
    height: 60px;
    border: none;
    max-width: 496px;
    width: 100%;
    padding: 0 18px;
    background-color: #FFFFFF;
    margin: auto;
}

.callbackpopup__input-name {
    background-image: url(../img/user2.png);
    background-position: 10px center;
    background-repeat: no-repeat;
    padding: 7px 7px 7px 36px;
    box-sizing: border-box;
    border-radius: 0;
    border: 1px solid #A7A7A7;

}

.callbackpopup__input-email {
    background-image: url(../img/mail2.png);
    background-position: 10px center;
    background-repeat: no-repeat;
    padding: 7px 7px 7px 36px;
    box-sizing: border-box;
    border: 1px solid #A7A7A7;
}

.callbackpopup__input-phone {
    padding: 7px 7px 7px 36px;
    box-sizing: border-box;
    background-image: url(../img/phone2.png);
    background-position: 10px center;
    background-repeat: no-repeat;
    border: 1px solid #A7A7A7;

}

.callbackpopup__input-comment {
    padding: 7px 7px 7px 36px;
    box-sizing: border-box;

    border: 1px solid #A7A7A7;

}

.buy__buttom-red {
    max-width: 355px;
    width: 100%;
    margin-left: -80px;
    padding: 12px 30px;
    box-sizing: border-box;
    background: #E63A24;
    border-radius: 68px;
    text-align: center;
    color: #ffffff;
    justify-self: center;
    border: 0px;
    font-style: normal;
    font-weight: 500;
    font-size: 19px;
    text-align: center;
    color: #FFFFFF;
    cursor: pointer;
    text-decoration: none;

}

@media (max-width: 900px) {
    .buy__buttom-red {
        display: block;
        margin: auto;
    }
}