@import url(../../../../../css2-1);

:root {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-900: #212529;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 13, 110, 253;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-success-rgb: 25, 135, 84;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 220, 53, 69;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 37, 41;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-body-color-rgb: 33, 37, 41;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, hsla(0, 0%, 100%, .15), hsla(0, 0%, 100%, 0));
    --bs-body-font-family: Manrope, sans-serif;
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-bg: #fff
}

html {
    overflow-x: hidden;
    scroll-behavior: smooth
}

body {
    background-color: var(--bs-body-bg);
    color: var(--bs-body-color);
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    margin: 0;
    text-align: var(--bs-body-text-align);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

hr {
    background-color: currentColor;
    border: 0;
    color: inherit;
    margin: 1rem 0;
    opacity: .25
}

hr:not([size]) {
    height: 1px
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: .5rem;
    margin-top: 0
}

.h1,
h1 {
    font-size: calc(1.375rem + 1.5vw)
}

@media (min-width:1200px) {

    .h1,
    h1 {
        font-size: 2.5rem
    }
}

.h2,
h2 {
    font-size: calc(1.325rem + .9vw)
}

@media (min-width:1200px) {

    .h2,
    h2 {
        font-size: 2rem
    }
}

.h3,
h3 {
    font-size: calc(1.3rem + .6vw)
}

@media (min-width:1200px) {

    .h3,
    h3 {
        font-size: 1.75rem
    }
}

.h4,
h4 {
    font-size: calc(1.275rem + .3vw)
}

@media (min-width:1200px) {

    .h4,
    h4 {
        font-size: 1.5rem
    }
}

.h5,
h5 {
    font-size: 1.25rem
}

.h6,
h6 {
    font-size: 1rem
}

p {
    margin-bottom: 1rem;
    margin-top: 0
}

abbr[data-bs-original-title],
abbr[title] {
    cursor: help;
    text-decoration: underline dotted;
    text-decoration-skip-ink: none
}

address {
    font-style: normal;
    line-height: inherit;
    margin-bottom: 1rem
}

ol,
ul {
    padding-left: 2rem
}

dl,
ol,
ul {
    margin-bottom: 1rem;
    margin-top: 0
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b,
strong {
    font-weight: bolder
}

.small,
small {
    font-size: .875em
}

.mark,
mark {
    background-color: #fcf8e3;
    padding: .2em
}

sub,
sup {
    font-size: .75em;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: #0d6efd;
    text-decoration: underline
}

a:hover {
    color: #0a58ca
}

a:not([href]):not([class]),
a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none
}

code,
kbd,
pre,
samp {
    direction: ltr;
    font-family: var(--bs-font-monospace);
    font-size: 1em;
    unicode-bidi: bidi-override
}

pre {
    display: block;
    font-size: .875em;
    margin-bottom: 1rem;
    margin-top: 0;
    overflow: auto
}

pre code {
    color: inherit;
    font-size: inherit;
    word-break: normal
}

code {
    color: #d63384;
    font-size: .875em;
    word-wrap: break-word
}

a>code {
    color: inherit
}

kbd {
    background-color: #212529;
    border-radius: .2rem;
    color: #fff;
    font-size: .875em;
    padding: .2rem .4rem
}

kbd kbd {
    font-size: 1em;
    font-weight: 700;
    padding: 0
}

figure {
    margin: 0 0 1rem
}

img,
svg {
    vertical-align: middle
}

table {
    border-collapse: collapse;
    caption-side: bottom
}

caption {
    color: #6c757d;
    padding-bottom: .5rem;
    padding-top: .5rem;
    text-align: left
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

tbody,
td,
tfoot,
th,
thead,
tr {
    border: 0 solid;
    border-color: inherit
}

label {
    display: inline-block
}

button {
    border-radius: 0
}

button:focus:not(:focus-visible) {
    outline: 0
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0
}

button,
select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

select:disabled {
    opacity: 1
}

[list]::-webkit-calendar-picker-indicator {
    display: none
}

[type=button],
[type=reset],
[type=submit],
button {
    appearance: button;
    -webkit-appearance: button
}

[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
    cursor: pointer
}

::-moz-focus-inner {
    border-style: none;
    padding: 0
}

textarea {
    resize: vertical
}

fieldset {
    border: 0;
    margin: 0;
    min-width: 0;
    padding: 0
}

.tabl-cont table td {
    border: 1px solid #000;
    border-collapse: collapse;
    padding: 5px
}

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

@font-face {
    font-family: agenda;
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/agenda-light.woff2) format("woff2"), url(../fonts/agenda-light.woff) format("woff")
}

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

p {
    margin: 0
}

a {
    text-decoration: none
}

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

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

.flex {
    align-items: flex-start;
    display: flex;
    justify-content: flex-start
}

.outer {
    max-width: 100vw;
    padding-left: 24px;
    padding-right: 24px
}

.inner {
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    max-width: 1325px;
    position: relative;
    width: 100%
}

@media (max-width:991px) {
    .outer {
        padding: 0 !important
    }

    .inner {
        max-width: calc(100vw - 50px)
    }

    .quiz-inner {
        max-width: 100vw
    }
}

@media (min-width:992px) {
    .inner {
        max-width: calc(100% - 80px)
    }
}

@media (min-width:1325px) {
    .inner {
        max-width: 1325px
    }
}

body {
    color: #191c1f;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    min-width: 320px;
    overflow: auto;
    z-index: 100
}

body.is-active {
    overflow: hidden
}

.footer {
    margin-top: auto
}

html {
    font-size: 1rem
}

.page {
    display: grid;
    grid-template-areas: "header" "content" "footer";
    grid-template-rows: auto 1fr auto;
    min-height: 100vh
}

ol,
ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.h2,
h2 {
    display: flex;
    flex-wrap: wrap;
    font-size: 1.875rem;
    font-weight: 700;
    line-height: 120%;
    margin: 0
}

.h2 img,
h2 img {
    max-width: 70px;
    padding: 0 15px;
    width: 100%
}

@media (min-width:768px) {

    .h2 img,
    h2 img {
        max-width: 90px
    }

    .h2,
    h2 {
        font-size: 3.125rem;
        line-height: 4.25rem
    }
}

.h2 i,
h2 i {
    font-style: normal
}

@media (min-width:576px) {

    .h2 i,
    h2 i {
        display: block
    }
}

.h2 i svg,
h2 i svg {
    margin: 0 10px
}

.h2 i.yellow,
h2 i.yellow {
    color: #ffd912
}

.h3 {
    font-size: 1.875rem;
    font-weight: 300
}

@media (min-width:768px) {
    .h3 {
        font-size: 3rem
    }
}

.h2+p,
h2+p {
    margin-top: 15px
}

.linktext+.h2,
.linktext+h2 {
    margin-top: 28px
}

.text {
    color: #000;
    font-size: 1rem;
    font-weight: 300
}

.text a {
    color: #a00062
}

.text span {
    color: #bbb
}

@media (min-width:768px) {
    .text {
        font-size: 1.3125rem
    }
}

p.text+ul.list {
    margin-top: -20px
}

ul.list {
    list-style: none
}

ul.list+a.btn {
    margin-top: 30px
}

ul.list li {
    color: #000;
    font-size: 1.3125rem;
    font-weight: 300
}

ul.list li:before {
    content: "-";
    left: 0;
    margin-right: 5px;
    position: relative
}

a>p.text {
    color: #000
}

.smalltext {
    color: #000;
    font-size: 1rem;
    font-weight: 300;
    text-align: center
}

@media (min-width:768px) {
    .smalltext {
        font-size: 1rem
    }
}

.icon {
    display: inline-block
}

.bulb {
    background-image: url(../images/sprite.png);
    background-position: 0 -41px;
    height: 36px;
    width: 24px
}

.calendar {
    background-position: 0 0
}

.calendar,
.config {
    background-image: url(../images/sprite.png);
    height: 36px;
    width: 36px
}

.config {
    background-position: -41px 0
}

body {
    position: relative
}

.bg-main-mobil {
    left: 0;
    min-height: 784px;
    object-fit: cover;
    object-position: -145px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

@media (min-width:576px) {
    .bg-main-mobil {
        display: none
    }
}

.bg-main {
    background-size: 100%;
    display: none;
    display: block;
    left: 0;
    left: 50%;
    max-width: 1980px;
    min-height: 1175px;
    object-fit: cover;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    width: 100%;
    z-index: -1
}

@keyframes zoom {
    0% {
        left: 47%;
        top: 104px
    }

    to {
        left: 49%;
        top: 184px
    }
}

.header {
    overflow-x: visible;
    position: relative
}

.is-active .header {
    z-index: 2
}

@media (min-width:1325px) {
    .header .empty {
        display: none
    }
}

.header__mobil-adr {
    display: none
}

.header__container {
    align-items: center;
    column-gap: 10px;
    display: grid;
    grid-template-columns: 155px 1fr 44px 44px;
    justify-content: space-between;
    position: relative;
    z-index: 2
}

@media (min-width:768px) {
    .header__container {
        grid-template-columns: 155px 1fr 250px 44px 44px
    }

    .header__mobil-adr {
        color: #fff;
        display: block
    }

    .header__mobil-adr strong {
        display: block
    }
}

@media (min-width:576px) {
    .header__container {
        column-gap: 35px
    }
}

@media (min-width:1325px) {
    .header__mobil-adr {
        display: none
    }

    .header__container {
        align-items: unset;
        grid-template-columns: 228px 1fr
    }
}

.header__container .logo {
    align-items: center;
    background: #fff;
    border-radius: 0 0 30px 30px;
    box-shadow: 0 8px 40px rgba(34, 80, 101, .1);
    display: flex;
    height: 96px;
    justify-content: center;
    width: 100%
}

@media (min-width:1325px) {
    .header__container .logo {
        height: 152px
    }
}

.header__container .logo img {
    max-width: 122px;
    object-fit: contain;
    width: 100%
}

@media (min-width:1325px) {
    .header__container .logo img {
        max-width: 182px
    }
}

.header__mobil-phone {
    align-items: center;
    background: #ffd912;
    border-radius: 50%;
    display: flex;
    height: 44px;
    justify-content: center;
    margin-left: auto;
    transition: .4s;
    width: 44px
}

.header__mobil-phone:hover {
    background: #fff
}

@media (min-width:1325px) {
    .header__mobil-phone {
        display: none
    }
}

div.location {
    background: unset;
    border: none;
    column-gap: 15px;
    display: flex;
    flex-direction: column;
    grid-area: location;
    height: fit-content;
    max-width: 260px;
    padding-left: 35px;
    position: relative;
    row-gap: 15px;
    width: 100%
}

@media(min-width:768px) {
    div.location {
        max-width: fit-content
    }
}

div.location img {
    height: 20px;
    left: 0;
    margin-top: 2px;
    object-fit: contain;
    position: absolute;
    top: 5px;
    width: 20px
}

@media(min-width:1325px) {
    div.location img {
        position: unset
    }

    div.location {
        align-items: center;
        flex-direction: row;
        padding-left: 0;
        row-gap: unset
    }
}

div.location .location__text:first-of-type {
    margin-right: auto
}

div.location .location__text p {
    color: #707078;
    display: flex;
    flex-direction: column;
    font-size: .75rem;
    font-weight: 500;
    line-height: 120%;
    text-align: left
}

div.location .location__text p strong {
    color: #000;
    display: block;
    font-size: 1rem;
    font-weight: 600;
    line-height: 120%;
    position: relative;
    width: fit-content
}

@media(min-width:1325px) {
    div.location .location__text p {
        color: #eff2f7
    }

    div.location .location__text p strong {
        color: #fff
    }
}

div.location .location__text p strong:after {
    background: #dee3eb;
    bottom: -4px;
    content: "";
    height: 1px;
    left: 0;
    opacity: .3;
    position: absolute;
    width: 100%
}

.social {
    align-items: center;
    column-gap: 10px;
    display: flex;
    flex-wrap: nowrap;
    grid-area: social;
    width: 100%
}

.header__menu .social a svg {
    fill: #000
}

@media(min-width:1325px) {
    .social {
        margin-left: auto;
        width: fit-content
    }

    .header__menu .social a svg {
        fill: #fff
    }
}

.social a {
    height: 33px;
    position: relative;
    transition: .4s;
    width: 33px
}

.social a:hover svg {
    fill: #0f6b00
}

.social a img,
.social a svg {
    height: 100%;
    left: 0;
    object-fit: contain;
    position: absolute;
    top: 0;
    transition: .4s;
    width: 100%
}

.social a svg {
    fill: #98c1d9
}

.social a:hover img {
    transform: scale(1.1)
}

.phone {
    margin-left: 40px;
    width: fit-content
}

.phone a {
    color: #fff;
    font-size: 1.125rem;
    font-weight: 700;
    letter-spacing: -.01875rem;
    line-height: 120%;
    transition: .4s;
    white-space: nowrap
}

.phone a:hover {
    color: #ffd912
}

.callme {
    background: unset;
    border: 1px solid #ffd912;
    border-radius: 80px;
    color: #fff;
    font-size: .875rem;
    font-weight: 700;
    grid-area: callme;
    letter-spacing: -.01875rem;
    padding: 6.5px 18px;
    transform: translateY(-6px);
    transition: .4s;
    white-space: nowrap;
    width: fit-content
}

.callme:hover {
    color: #ffd912
}

.header__burger {
    cursor: pointer;
    display: flex;
    height: 30px;
    margin-bottom: 10px;
    position: relative;
    width: 44px;
    z-index: 2
}

.header__burger:hover div {
    background: #ffd912;
    width: 100%
}

.header__burger:hover:before {
    background: #ffd912
}

.header__burger:before {
    bottom: 0;
    content: "";
    left: 0;
    width: 100%
}

.header__burger div,
.header__burger:before {
    background: #fff;
    height: 2px;
    position: absolute;
    transition: .4s
}

.header__burger div {
    top: 50%;
    transform: translateY(-50%);
    width: 80%
}

@media (min-width:1325px) {
    .header__burger {
        display: none
    }
}

.header__menu.is-active {
    transform: translateX(0)
}

.header__menu {
    background: #fff;
    height: 100vh;
    left: 0;
    overflow: auto;
    padding: 30px 20px;
    position: fixed;
    top: 0;
    transform: translateX(-100%);
    transition: .4s;
    width: 100%;
    z-index: 11
}

.header__menu-container {
    display: grid;
    grid-template-areas: "location" "time" "menu" "social" "callme";
    grid-template-columns: 1fr;
    grid-template-rows: 100px 40px 1fr 60px 50px;
    position: relative
}

@media (min-width:1325px) {
    .header__menu-container {
        grid-template-rows: unset
    }
}

.header__menu-container .modal__close-button {
    right: 0;
    top: -10px
}

@media (min-width:1325px) {
    .header__menu-container .modal__close-button {
        display: none
    }

    .header__menu-container {
        align-items: center;
        column-gap: 25px;
        grid-template-areas: "menu menu menu menu" "location time social callme";
        grid-template-columns: unset;
        justify-content: space-between
    }

    .header__menu {
        background: unset;
        height: unset;
        max-width: 1040px;
        overflow: unset;
        padding: unset;
        position: unset;
        transform: unset
    }
}

.header__menu .time {
    align-items: center;
    column-gap: 15px;
    display: flex;
    grid-area: time;
    height: fit-content;
    width: fit-content
}

.header__menu .time img {
    height: 20px;
    width: 20px
}

.header__menu .time .time__text {
    column-gap: 14px;
    display: flex
}

.header__menu .time .time__text p {
    color: #707078;
    font-size: 12px;
    font-weight: 600;
    line-height: 120%;
    white-space: nowrap
}

@media(min-width:1325px) {
    .header__menu .time .time__text {
        flex-direction: column
    }

    .header__menu .time .time__text p {
        color: #fff
    }
}

.header__menu .phone {
    margin-left: 40px;
    width: fit-content
}

.header__menu .phone a {
    color: #000;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -.3px;
    line-height: 120%;
    transition: .4s
}

@media(min-width:1325px) {
    .header__menu .phone a {
        color: #fff
    }
}

.header__menu .phone a:hover {
    color: #ffd912
}

.header__menu .callme {
    background: unset;
    border: 1px solid #ffd912;
    background-color: #ffd912;
    border-radius: 80px;
    color: #000;
    font-size: .875rem;
    font-weight: 700;
    grid-area: callme;
    height: fit-content;
    letter-spacing: -.01875rem;
    margin-top: 20px;
    padding: 12px 22px;
    transform: translateY(-6px);
    transition: .4s;
    white-space: nowrap;
    width: 100%
}

@media(min-width:1325px) {
    .header__menu .callme {
        color: #000;
        margin-top: unset;
        width: fit-content
    }
}

.header__menu .callme:hover {
    color: #ffd912
}

.header__menu nav {
    border-bottom: 1px solid #707078;
    border-top: 1px solid #707078;
    grid-area: menu;
    height: fit-content;
    margin: 0 -20px;
    padding: 30px 20px;
    width: auto
}

.header__menu nav>ul {
    column-gap: 10px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 12px 0 16px;
    row-gap: 30px
}

@media(min-width:1325px) {
    .header__menu nav>ul {
        align-items: center;
        flex-direction: row
    }

    .header__menu nav>ul>li {
        margin-left: auto
    }

    .header__menu nav {
        border-bottom: unset;
        border-top: unset;
        margin: 0;
        padding: 0
    }
}

.header__menu nav>ul>li>a {
    color: #000;
    column-gap: 9px;
    display: flex;
    flex-wrap: nowrap;
    font-size: 16px;
    font-weight: 500;
    transition: .4s
}

@media(min-width:1325px) {
    .header__menu nav>ul>li>a {
        color: #fff;
        font-size: 1rem
    }
}

.header__menu nav>ul>li>a:hover {
    color: #ffd912
}

.header__menu nav>ul>li:last-child>a {
    align-items: center;
    column-gap: 9px;
    display: flex;
    flex-wrap: nowrap;
    width: min-content
}

.header__menu nav>ul li:last-child>a img {
    height: 16px;
    object-fit: contain;
    width: 16px
}

.dropdown-menu {
    flex-direction: column;
    padding-left: 30px;
    row-gap: 20px
}

ul.dropdown-menu li a {
    color: #707078
}

@media(min-width:1325px) {
    .dropdown-menu {
        background: #fff;
        border-radius: 30px;
        box-shadow: 0 20px 80px 0 rgba(0, 0, 0, .15);
        display: none;
        left: -40px;
        min-width: 316px;
        padding: 33px 41px;
        position: absolute;
        top: 40px;
        transition: .4s;
        z-index: 1
    }

    .header__menu nav>ul>li {
        padding-bottom: 15px;
        position: relative
    }

    .header__menu nav>ul>li:hover>ul.dropdown-menu {
        display: flex
    }

    ul.dropdown-menu li a {
        color: #707078;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 130%;
        transition: .4s
    }
}

ul.dropdown-menu li a:hover {
    color: #ffd912
}

.btn {
    border: 1px solid #ffd912;
    border-radius: 15px;
    color: #000;
    font-size: 1.125rem;
    font-weight: 700;
    height: fit-content;
    letter-spacing: -.01875rem;
    padding: 14px;
    transition: .4s;
    width: fit-content
}

.btn:active,
.btn:focus,
.btn:hover {
    opacity: .8
}

.welcome .btn {
    border-radius: 20px;
    padding: 20px 25px
}

.welcome .btn span {
    border-bottom: 1px solid #d3b932;
    padding-bottom: 5px
}

.welcome .btn img {
    margin-bottom: 5px;
    margin-left: 30px
}

@media (min-width:576px) {
    .btn {
        padding: 16px 65px
    }
}

.btn.btn_orange {
    background: #0f6b00;
    color: #fff
}

.btn.btn_orange:hover,
.btn.btn_yellow {
    background: #ffd912
}

.btn.btn_yellow:hover {
    background: #fff;
    color: #000
}

.btn.btn__blue,
.btn.btn__red {
    border-radius: 15px;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -.3px;
    line-height: 1.2
}

.btn.btn__red {
    background: #0f6b00;
    border-color: #0f6b00;
    padding: 19px 45px
}

.btn.btn__blue {
    background: #55b7e9;
    border-color: #55b7e9;
    padding: 19px 24px
}

.welcome-outer {
    overflow: hidden;
    z-index: 0
}

@media (min-width:768px) {
    .welcome-outer {
        overflow: hidden
    }
}

@media (min-width:992px) {
    .welcome-outer {
        overflow: unset
    }
}

.welcome {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    max-height: 600px;
    min-height: 460px;
    position: relative;
    row-gap: 10px
}

.welcome .social a svg {
    fill: #fff
}

.welcome .social {
    margin-bottom: 30px;
    margin-left: unset;
    padding-left: 20px;
    padding-right: 20px
}

.welcome .social a {
    height: 26px;
    width: 26px
}

@media (min-width:1325px) {
    .welcome .social {
        display: none
    }
}

@keyframes zoom3 {
    0% {
        transform: translatey(0) scale(1)
    }

    to {
        transform: translatey(-50px) scale(1.1)
    }
}

.circle {
    animation-iteration-count: infinite;
    animation-name: zoom1;
    animation-timing-function: linear;
    left: 70%;
    top: 256px
}

.circle,
.circle1 {
    animation-direction: alternate;
    animation-duration: 1.5s;
    height: 560px;
    position: absolute;
    transform: translateX(-50%);
    width: 614px
}

.circle1 {
    animation-delay: 1s;
    animation-iteration-count: infinite;
    animation-name: zoom2;
    animation-timing-function: linear;
    left: 60%;
    top: 220px
}

@keyframes zoom2 {
    0% {
        left: 60%;
        opacity: 0
    }

    to {
        left: 55%;
        opacity: 1
    }
}

@keyframes zoom1 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.welcome .h1,
.welcome h1 {
    color: #fff;
    column-gap: 10px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    font-size: 70px;
    font-weight: 800;
    letter-spacing: -.01em;
    margin: 0
}

.welcome .subtitle {
    font-size: 33px;
    font-weight: 600;
    margin-bottom: 90px
}

@media (min-width:576px) {

    .welcome .h1,
    .welcome h1 {
        font-size: 4.375rem
    }
}

@media (min-width:1325px) {

    .welcome .h1,
    .welcome h1 {
        flex-direction: row
    }
}

.welcome .h1 strong,
.welcome h1 strong {
    display: block;
    height: fit-content;
    padding-right: 15px;
    position: relative;
    width: fit-content;
    z-index: 1
}

@media (min-width:1325px) {

    .welcome .h1 strong,
    .welcome h1 strong {
        padding-left: 15px
    }
}

.welcome .h1 strong:after,
.welcome h1 strong:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='287' height='46' fill='none' viewBox='0 0 287 46'%3E%3Cpath fill='%2336c85f' d='M12.1 43.4c3.7-1 7.7-1.4 11.5-1.8 2.2-.2 4.3-.3 6.5-.4 3.1-.2 6.2-.3 9.4-.3 6-.1 11.9-.2 17.9-.2 11.9 0 23.8-.1 35.8-.7 12.399-.6 24.699-1.2 37.099-1.8 11.7-.6 23.4-1.2 35.2-1.6 11.7-.5 23.5-.9 35.2-1.6 12-.8 24-1.2 36-1.5 5.7-.2 11.4-.4 17.1-1 3-.3 5.9-.7 8.9-1.1 2.9-.4 5.8-.6 8.7-.9 2.7-.3 5.3-.2 8 0 1.9-.2 3.4-1.2 4.4-2.9.5-1.1 1.1-2.1 1.6-3.2 1-2.8 1.5-5.7 1.4-8.7 0-3-.4-5.9-1.4-8.7-.5-1.1-1.1-2.1-1.6-3.2-1-1.7-2.4-2.6-4.4-2.9-1.5.1-2.9.3-4.4.4-1.3.1-2.7.1-4 .1-2.9 0-5.7.1-8.6.2-6 .2-11.9.6-17.9.8-11.6.3-23.2.4-34.7 1.1-6.2.4-12.4.8-18.6 1.1-5.6.3-11.3.5-16.9.7-12 .4-24 1-36 1.6-11.8.6-23.7 1.2-35.5 1.8-6.5.3-13.1.7-19.6 1-5.9.3-11.7.3-17.6.4-12 .1-24 .2-36 .9-3 .2-5.9.4-8.8.8-2.4.3-4.8.7-7.1 1.2-1.8.4-3.6 1-5.3 1.6-1 .3-2 .9-2.9 1.5-1.8 1.4-3 3.2-3.7 5.4C.2 25.7 0 30.7.7 35.1c.4 2.6 1.3 5.1 2.7 7.3l2.1 2.1c1.6 1 3.2 1 4.7 0 .4-.4 1.2-.8 1.9-1.1'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 100%;
    bottom: -22px;
    content: "";
    height: 44px;
    left: 22px;
    position: absolute;
    right: 0;
    z-index: -1
}

@media (min-width:576px) {

    .welcome .h1 strong:after,
    .welcome h1 strong:after {
        bottom: -2px;
        height: 43px;
        left: 44px;
        right: 0
    }
}

@media (min-width:1325px) {

    .welcome .h1 strong:after,
    .welcome h1 strong:after {
        bottom: -2px;
        height: 44px;
        left: 55px;
        right: 0
    }
}

.welcome>p {
    color: #fff;
    font-size: 2.5rem;
    font-weight: 500;
    line-height: 140%;
    max-width: 700px
}

.welcome>p strong {
    color: #ffd900
}

@media (min-width:576px) {
    .welcome>p {
        font-size: 2.5rem;
        max-width: 830px
    }
}

.welcome .btn {
    font-size: 20px;
    font-size: min(20px, 4vw);
    font-weight: 800;
    width: 100%
}

.advantages {
    align-items: start;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 140px;
    position: relative
}

.advantage {
    background: #0f6b00;
    border-radius: 100px;
    color: #fff;
    display: flex;
    font-size: 18px;
    font-weight: 700;
    gap: 18px;
    letter-spacing: -1.4px;
    line-height: 1;
    min-height: 40px;
    padding: 15px 17px;
    transform: rotate(-2deg)
}

.advantage>div {
    transform: rotate(2deg)
}

.loan-advantage {
    border-radius: 80px;
    font-size: 50px;
    font-weight: semibold;
    padding: 44px 40px
}

.discount-advantage {
    backdrop-filter: blur(10px);
    background: rgba(50, 31, 37, .6);
    border-radius: 55px;
    bottom: -95px;
    bottom: max(-95px, -16vw);
    font-size: 30px;
    font-weight: semibold;
    left: 50px;
    padding: 20px 40px;
    position: absolute;
    transform: rotate(-2deg)
}

.discount-advantage span {
    color: #ffd912
}

.discount-advantage svg {
    margin-left: 3px;
    margin-right: 3px
}

.welcome .btn {
    width: fit-content
}

.swiper-btn {
    align-items: center;
    background: #fff;
    border-radius: 50%;
    box-shadow: 2px 5px 5px rgba(0, 0, 0, .15);
    cursor: pointer;
    display: flex;
    height: 60px;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: .4s;
    user-select: none;
    width: 60px;
    z-index: 2
}

.swiper-btn.swiper-button-disabled {
    opacity: .2
}

.swiper-btn:not(.swiper-button-disabled):hover {
    background: #ffd912
}

.swiper-btn svg {
    fill: #000
}

.swiper-btn.swiper-btn-left {
    left: -20px
}

.swiper-btn.swiper-btn-right {
    right: -20px
}

.swiper-btn.swiper-btn-right svg {
    transform: scale(-1)
}

.promotion-heading {
    display: flex;
    flex-wrap: wrap;
    gap: 0 20px;
    margin-bottom: 10px
}

.promotion-subtitle {
    color: #fff;
    font-weight: 700
}

.promotion-notice,
.promotion-subtitle {
    font-size: .875rem;
    line-height: 120%;
    position: relative;
    user-select: none;
    z-index: 1
}

.promotion-notice {
    color: #707078;
    font-weight: 400
}

.promotion-subtitle img {
    height: 20px;
    margin-left: 10px;
    object-fit: contain
}

.promotion__container {
    margin-left: -30px;
    margin-right: -30px;
    padding-left: 30px;
    padding-right: 30px;
    position: relative
}

.promotion__container .swiper-btn {
    display: none
}

@media (min-width:768px) {
    .promotion__container .swiper-btn {
        display: flex
    }
}

.promotion-ov {
    overflow: hidden
}

.promotion {
    display: flex;
    height: auto
}

@media (min-width:768px) {
    .promotion {
        overflow: hidden
    }
}

.promotion .swiper-wrapper {
    height: auto
}

.promotion-label {
    background: var(--bg-label, none);
    border-radius: 10px;
    color: #fff;
    font-size: .875rem;
    font-weight: 700;
    line-height: 140%;
    padding: 0 10px;
    width: fit-content
}

.promotion-title {
    color: var(--bg-label, none);
    font-weight: 700;
    min-height: 55px
}

.promotion-title:not(.big) {
    font-size: 1.875rem
}

@media (min-width:768px) {
    .promotion-title:not(.big) {
        font-size: 2.5rem
    }
}

.promotion-title._big {
    font-size: 2.5rem;
    line-height: 3.4375rem
}

@media (min-width:768px) {
    .promotion-title._big {
        font-size: 3.75rem;
        line-height: 5.125rem;
        min-height: 82px
    }
}

.promotion-text {
    color: #293241;
    font-size: .75rem;
    font-weight: 500;
    line-height: 140%
}

@media (min-width:768px) {
    .promotion-text {
        font-size: 1rem
    }
}

.promotion-text span {
    color: #707078;
    display: block;
    font-size: .625rem;
    font-weight: 500;
    line-height: 140%;
    margin-top: 9px
}

@media (min-width:768px) {
    .promotion-text span {
        font-size: .6875rem;
        margin-top: 25px
    }
}

.promotion {
    margin-bottom: 40px
}

.promotion div.swiper-pagination {
    bottom: -30px
}

div.swiper-pagination.swiper-pagination_green .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #36c85f
}

div.swiper-pagination .swiper-pagination-bullet {
    background: #d6e1ec;
    height: 6px;
    margin: 0 3px !important;
    opacity: 1;
    transition: .4s;
    width: 6px
}

div.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    border-radius: 80px;
    width: 20px
}

div.swiper-pagination:not(.swiper-pagination_green) .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #0f6b00
}

.promotion-slide {
    background: #f0f6fe;
    background: #f0f6fe var(--bg-1, none) no-repeat center;
    background-size: cover;
    border-radius: 30px;
    max-width: 269px;
    min-height: 215px;
    overflow: hidden;
    padding: 74px 80px 15px 27px;
    position: relative;
    user-select: none;
    width: 100%
}

@media (min-width:768px) {
    .promotion-slide {
        max-width: unset;
        min-height: 351px;
        padding: 134px 133px 33px 48px
    }
}

.promotion-slide:after {
    backdrop-filter: blur(5px);
    background: var(--bg-2, none);
    border-radius: 43px;
    content: "";
    height: 170px;
    position: absolute;
    right: 43px;
    top: 86px;
    transform: rotate(-10.31deg);
    width: 297px;
    z-index: -1
}

@media (min-width:768px) {
    .promotion-slide:after {
        border-radius: 70px;
        height: 276px;
        right: 80px;
        top: 135px;
        width: 485px
    }
}

section.select {
    display: none
}

@media (min-width:768px) {
    section.select {
        display: block;
        padding-bottom: 80px;
        padding-top: 56px
    }
}

section.select .select {
    padding-top: 20px
}

section.select .select-tab {
    column-gap: 15px;
    display: flex;
    flex-wrap: wrap;
    row-gap: 30px
}

@media (min-width:992px) {
    section.select .select-tab {
        flex-wrap: nowrap
    }
}

@media (min-width:1325px) {
    section.select .select-tab {
        column-gap: 42px
    }
}

section.select .select-tab .select-category .select-categories {
    column-gap: 10px;
    display: flex;
    flex-wrap: nowrap
}

@media (min-width:1325px) {
    section.select .select-tab .select-category .select-categories {
        column-gap: 20px
    }
}

section.select .select-tab .select-category .select-categories button {
    align-items: center;
    background: #fff;
    border: 1px solid #cfd1df;
    border-radius: 10px;
    display: flex;
    height: 45px;
    justify-content: center;
    position: relative;
    transition: .4s;
    width: 33px
}

section.select .select-tab .select-category .select-categories button._active {
    background: #0f6b00;
    border: 1px solid #0f6b00
}

section.select .select-tab .select-category .select-categories button._active p {
    color: #fff
}

section.select .select-tab .select-category .select-categories button p {
    color: #293241;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 140%;
    text-transform: capitalize
}

section.select .select-tab .select-category .select-categories button p span {
    bottom: -20px;
    color: #293241;
    font-size: .75rem;
    font-weight: 500;
    left: 50%;
    line-height: 140%;
    position: absolute;
    text-transform: lowercase;
    transform: translateX(-50%)
}

section.select .select-tab .select-area p,
section.select .select-tab .select-category p {
    color: #000;
    font-size: .875rem;
    font-weight: 400;
    line-height: 140%
}

section.select .select-tab .select-area {
    max-width: 300px;
    width: 100%
}

section.select .select-tab .select-area,
section.select .select-tab .select-category {
    display: flex;
    flex-direction: column;
    row-gap: 10px
}

section.select .select-tab .select-area-select {
    align-items: center;
    border: 1px solid #cfd1df;
    border-radius: 10px;
    cursor: pointer;
    display: flex;
    min-height: 45px;
    padding: 10px 20px;
    position: relative;
    transition: .4s
}

section.select .select-tab .select-area-select.open {
    opacity: 1;
    padding-bottom: 10px;
    padding-top: 10px
}

section.select .select-tab .select-area-select .select-area-options {
    background: #fff;
    border: 1px solid #cfd1df;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    left: 0;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    padding: 0 20px;
    position: absolute;
    row-gap: 10px;
    top: 45px;
    transition: .4s;
    width: 100%
}

section.select .select-tab .select-area-select img {
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%)
}

section.select .select-tab .select-area-select:hover {
    border-color: #ffd912
}

.select-content__container {
    background: #ffeeea;
    display: none
}

@media (min-width:768px) {
    .select-content__container {
        display: block
    }
}

.feedback-stars {
    align-items: center;
    column-gap: 14px;
    display: flex;
    flex-wrap: nowrap
}

.feedback-stars .stars {
    height: 16px;
    width: 112px
}

.feedback-stars p {
    color: #293241;
    font-size: .75rem;
    font-weight: 500;
    line-height: 120%
}

.feedback-stars p strong {
    color: #000;
    font-size: .875rem;
    font-weight: 600
}

.select-content {
    display: flex;
    padding-bottom: 24px;
    padding-top: 24px
}

.select-content>img {
    height: auto;
    max-width: 350px;
    object-fit: contain;
    position: absolute;
    right: 0;
    transform: translateY(-80px)
}

@media (min-width:992px) {
    .select-content>img {
        max-width: 502px;
        position: unset
    }
}

.select-content .select-info {
    width: 100%
}

.select-content .select-info>p {
    color: #000;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 140%
}

.select-content .select-info>p img {
    height: 20px;
    margin-left: 10px;
    object-fit: contain
}

.select-content .select-info .select-top {
    border-bottom: 1px solid #e2d5d1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 23px;
    padding-top: 10px;
    row-gap: 20px
}

@media (min-width:1325px) {
    .select-content .select-info .select-top {
        flex-direction: row
    }
}

.select-content .select-info .select-top .select-address {
    align-items: center;
    display: flex
}

.select-content .select-info .select-top .select-address>a:not(.call),
.select-content .select-info .select-top .select-address>p {
    color: #293241;
    font-size: 1rem;
    font-weight: 500;
    line-height: 140%
}

.select-content .select-info .select-top .select-address>a:not(.call) {
    margin-left: 25px
}

.select-content .select-info .select-top .select-address>a.call {
    border: 1px solid #0f6b00;
    border-radius: 80px;
    color: #000;
    font-size: .75rem;
    font-weight: 600;
    line-height: 120%;
    margin-left: 16px;
    padding: 4px 14px
}

.select-content .select-info .select-bottom {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-top: 24px;
    row-gap: 30px
}

@media (min-width:1325px) {
    .select-content .select-info .select-bottom {
        align-items: center;
        flex-direction: row
    }
}

.select-content .select-info .select-bottom .select-teacher {
    align-items: center;
    column-gap: 20px;
    display: flex
}

.select-content .select-info .select-bottom .select-teacher .select-teacher-img {
    border: 1px solid #e1aea1;
    border-radius: 50%;
    height: 113px;
    max-width: 113px;
    padding: 6px;
    width: 100%
}

@media (min-width:1325px) {
    .select-content .select-info .select-bottom .select-teacher .select-teacher-img {
        height: 113px;
        max-width: 113px
    }
}

.select-content .select-info .select-bottom .select-teacher .select-teacher-img img {
    border-radius: 50%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    overflow: hidden;
    width: 100%
}

.select-content .select-info .select-bottom .select-teacher .select-teacher-info {
    max-width: 287px;
    width: 100%
}

.select-content .select-info .select-bottom .select-teacher .select-teacher-info>p span {
    color: #707078;
    font-size: .75rem;
    font-weight: 500;
    line-height: 120%
}

.select-content .select-info .select-bottom .select-teacher .select-teacher-info>p strong {
    color: #000;
    display: block;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 120%
}

.select-content .select-info .select-bottom .select-teacher .select-teacher-info>p:last-child {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: 22px
}

.select-content .select-info .select-bottom .select-teacher .select-teacher-info>p:last-child span {
    color: #293241
}

.perfomance {
    margin-top: 50px
}

.perfomance .perfomance__container {
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 10px
}

@media (min-width:768px) {
    .perfomance .perfomance__container {
        column-gap: 40px;
        grid-template-columns: repeat(2, 1fr);
        row-gap: 20px
    }
}

@media (min-width:1325px) {
    .perfomance .perfomance__container {
        grid-template-columns: repeat(4, 1fr)
    }
}

.perfomance .perfomance__container li {
    align-items: center;
    background: #fff;
    border: 1px solid #dee3eb;
    border-radius: 20px;
    column-gap: 17px;
    display: flex;
    min-height: 70px;
    padding: 17px 25px
}

@media (min-width:768px) {
    .perfomance .perfomance__container li {
        min-height: 118px;
        padding: 26px 14px 26px 32px
    }
}

.perfomance .perfomance__container li img {
    height: auto;
    object-fit: contain;
    width: 32px
}

@media (min-width:768px) {
    .perfomance .perfomance__container li img {
        width: 36px
    }
}

.perfomance .perfomance__container li p {
    color: #000;
    display: flex;
    flex-direction: column;
    font-size: .9375rem;
    font-weight: 500;
    line-height: 120%;
    row-gap: 4px
}

@media (min-width:576px) {
    .perfomance .perfomance__container li p {
        font-size: 1rem;
        row-gap: 7px
    }
}

.perfomance .perfomance__container li p span {
    color: #707078;
    display: block;
    font-size: .8125rem;
    font-weight: 400
}

@keyframes up-down {
    0% {
        transform: translate(0)
    }

    12.5% {
        transform: translateY(14%)
    }

    25% {
        transform: translate(0)
    }

    37.5% {
        transform: translateY(14%)
    }

    50% {
        transform: translate(0)
    }

    62.5% {
        transform: translateY(14%)
    }

    75% {
        transform: translate(0)
    }

    87.5% {
        transform: translateY(14%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes up-down1 {
    0% {
        transform: translate(0)
    }

    12.5% {
        transform: translateY(4%)
    }

    25% {
        transform: translate(0)
    }

    37.5% {
        transform: translateY(4%)
    }

    50% {
        transform: translate(0)
    }

    62.5% {
        transform: translateY(4%)
    }

    75% {
        transform: translate(0)
    }

    87.5% {
        transform: translateY(4%)
    }

    to {
        transform: translate(0)
    }
}

ul.tags {
    column-gap: 22px;
    display: flex;
    overflow: hidden;
    padding-bottom: 30px;
    padding-top: 20px;
    width: 100%
}

.tags .swiper-wrapper,
ul.tags {
    align-items: center
}

.tags li {
    color: #293241;
    font-size: 1rem;
    font-weight: 400;
    line-height: 140%;
    white-space: nowrap;
    width: fit-content
}

@media (min-width:768px) {
    .tags li {
        font-size: 1.125rem
    }
}

.tags li:not(:first-child) {
    border: 1px solid #cfd1df;
    border-radius: 80px;
    cursor: pointer;
    padding: 10px 20px;
    transition: .4s
}

.tags li:not(:first-child):not(.active):hover {
    border-color: #0f6b00
}

.tags li:not(:first-child).active {
    border-color: #0f6b00;
    color: #0f6b00
}

.cost-contents__price-js>p {
    color: #98c1d9;
    font-size: .75rem;
    font-weight: 600;
    line-height: 140%;
    margin-bottom: 13px;
    margin-top: 10px;
    text-align: center
}

@media (min-width:768px) {
    .cost-contents__price-js>p {
        display: none
    }
}

.cost {
    padding-bottom: 30px;
    padding-top: 40px
}

.cost .cost-inner {
    position: relative
}

.cost .cost-inner_y {
    position: absolute
}

.cost .cost-inner_y:first-child {
    animation: up-down 7.5s ease-in-out infinite;
    left: -151px;
    object-fit: contain;
    top: 80px;
    width: 96px
}

.cost .cost-inner_y:nth-child(2) {
    animation: up-down1 5s ease-in-out infinite;
    left: -250px;
    object-fit: contain;
    top: 250px;
    width: 220px
}

.cost .cost-inner_y:nth-child(3) {
    animation: up-down1 8s ease-in-out infinite;
    object-fit: contain;
    right: -350px;
    top: 70px;
    width: 224px
}

.cost .cost-inner_y:nth-child(4) {
    animation: up-down 10s ease-in-out infinite;
    object-fit: contain;
    right: -200px;
    top: 300px;
    width: 68px
}

.cost p.cost-info {
    color: #293241;
    font-size: .875rem;
    font-weight: 600;
    line-height: 140%;
    max-width: 1200px;
    padding-left: 21px;
    position: relative
}

@media (min-width:768px) {
    .cost p.cost-info {
        font-size: 1rem;
        padding-left: 32px
    }
}

.cost p.cost-info img {
    height: 16px;
    left: 0;
    object-fit: contain;
    position: absolute;
    top: 3px;
    width: 16px
}

@media (min-width:768px) {
    .cost p.cost-info img {
        height: 12px;
        top: 5px;
        width: 12px
    }
}

.cost .cost-contents {
    display: flex;
    flex-direction: column-reverse;
    padding-top: 32px
}

.cost .cost-contents .cost-contents__price-js {
    width: 100%
}

@media (min-width:1024px) {
    .cost .cost-contents {
        flex-direction: row;
        flex-wrap: nowrap
    }
}

.cost .cost-contents .cost-contents__title {
    flex-grow: 1
}

.cost .cost-contents .cost-contents__title ul {
    display: none;
    padding-bottom: 66px;
    padding-top: 58px
}

@media (min-width:1024px) {
    .cost .cost-contents .cost-contents__title ul {
        display: block
    }
}

.cost .cost-contents .cost-contents__title ul li {
    border-bottom: 1px solid #dee3eb;
    color: #293241;
    font-size: 1rem;
    font-weight: 500;
    line-height: 140%;
    padding: 15px 0
}

.cost .cost-contents .cost-contents__title ul li strong {
    color: #000;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 140%
}

.cost .cost-contents .cost-contents__title p {
    color: #293241;
    font-size: .875rem;
    font-weight: 400;
    line-height: 140%;
    margin-top: 30px;
    max-width: 400px;
    padding-left: 70px;
    position: relative
}

@media (min-width:1024px) {
    .cost .cost-contents .cost-contents__title p {
        margin-top: 0
    }
}

.cost .cost-contents .cost-contents__title p img {
    left: 0;
    object-fit: contain;
    position: absolute;
    width: 45px
}

.cost .cost-contents .cost-contents__price {
    display: flex;
    width: 100%
}

.cost .cost-contents .cost-contents__price .cost-contents__tab {
    border-radius: 20px;
    box-sizing: border-box;
    padding: 26px 35px
}

@media (min-width:576px) {
    .cost .cost-contents .cost-contents__price .cost-contents__tab {
        max-width: unset
    }
}

.cost .cost-contents .cost-contents__price .cost-contents__tab button {
    background: unset;
    border: 1px solid #0f6b00;
    border-radius: 15px;
    color: #0f6b00;
    display: flex;
    font-size: 1.125rem;
    font-weight: 700;
    justify-content: center;
    line-height: 120%;
    margin: 16px auto 0;
    padding: 14px 28.5px;
    transition: .4s;
    width: 100%
}

.cost .cost-contents .cost-contents__price .cost-contents__tab:nth-child(-n+2) button:hover {
    border-color: #000;
    color: #000
}

.cost .cost-contents .cost-contents__price .cost-contents__tab:first-child {
    background: #ebf8f7
}

.cost .cost-contents .cost-contents__price .cost-contents__tab:nth-child(4) {
    background: #c4ece9
}

.cost .cost-contents .cost-contents__price .cost-contents__tab:nth-child(2) {
    background: #ccecff
}

.cost .cost-contents .cost-contents__price .cost-contents__tab:nth-child(3) {
    background: #0f6b00
}

.cost .cost-contents .cost-contents__price .cost-contents__tab:first-child button,
.cost .cost-contents .cost-contents__price .cost-contents__tab:nth-child(4) button {
    border-color: #648684;
    color: #648684
}

.cost .cost-contents .cost-contents__price .cost-contents__tab:nth-child(2) button {
    border-color: #3d5a80;
    color: #3d5a80
}

.cost .cost-contents .cost-contents__price .cost-contents__tab:nth-child(2) li {
    color: #316583 !important
}

.cost .cost-contents .cost-contents__price .cost-contents__tab:nth-child(3) p,
.cost .cost-contents .cost-contents__price .cost-contents__tab:nth-child(3) span {
    color: #fff
}

.cost .cost-contents .cost-contents__price .cost-contents__tab:nth-child(3) button {
    background: #fff;
    border: 1px solid #fff;
    color: #0f6b00
}

.cost .cost-contents .cost-contents__price .cost-contents__tab:nth-child(3) button:hover {
    background: transparent;
    color: #fff
}

.cost .cost-contents .cost-contents__price .cost-contents__tab:nth-child(-n+2) li:first-child {
    color: #707078;
    flex-direction: column
}

.cost .cost-contents .cost-contents__price .cost-contents__tab:nth-child(3) ul li {
    color: #fff
}

.cost .cost-contents .cost-contents__price .cost-contents__tab:nth-child(3) ul li span {
    color: #fff !important
}

.cost .cost-contents .cost-contents__price .cost-contents__tab:nth-child(3) ul li:after {
    border-color: #fff !important
}

.cost .cost-contents .cost-contents__price .cost-contents__tab ul {
    padding-bottom: 15px
}

.cost .cost-contents .cost-contents__price .cost-contents__tab ul li {
    line-height: 140%;
    position: relative
}

.cost .cost-contents .cost-contents__price .cost-contents__tab ul li:first-child span {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -.20000000298023224px;
    line-height: 16px;
    margin-top: 8px
}

.cost .cost-contents .cost-contents__price .cost-contents__tab ul li:first-child i {
    height: 28px;
    position: relative;
    width: 26px
}

.cost .cost-contents .cost-contents__price .cost-contents__tab ul li:first-child i img {
    height: 47px;
    margin-left: 4px;
    object-fit: contain;
    position: absolute;
    position: static;
    transform: rotate(20deg) translateY(-10px)
}

.cost .cost-contents .cost-contents__price .cost-contents__tab ul li:not(:first-child) span {
    display: block;
    font-size: .8125rem;
    font-weight: 600;
    letter-spacing: -.0125rem;
    line-height: 140%
}

@media (min-width:1024px) {
    .cost .cost-contents .cost-contents__price .cost-contents__tab ul li:not(:first-child) span {
        display: none
    }
}

.cost .cost-contents .cost-contents__price .cost-contents__tab ul li:not(:first-child) {
    font-size: 16px;
    font-weight: 500;
    padding-bottom: 10px;
    padding-left: 25px;
    position: relative
}

.cost .cost-contents .cost-contents__price .cost-contents__tab ul li:not(:first-child):after {
    border: 1px solid #61a19c;
    border-radius: 50%;
    content: "";
    height: 10px;
    left: 0;
    position: absolute;
    top: 7px;
    width: 10px
}

.cost .cost-contents .cost-contents__price .cost-contents__tab ul li:first-child {
    display: flex;
    flex-direction: column;
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 50px;
    padding-bottom: 5px
}

.cost .cost-contents .cost-contents__price .cost-contents__tab p {
    align-items: center;
    color: #000;
    display: flex;
    flex-direction: row;
    font-size: 40px;
    font-weight: 600;
    line-height: 56px;
    width: fit-content
}

.cost .cost-contents .cost-contents__price .cost-contents__tab .discount p {
    font-size: 28px;
    line-height: 44px
}

.cost .cost-contents .cost-contents__price .cost-contents__tab p del,
.cost .cost-contents .cost-contents__price .cost-contents__tab small {
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
    margin-left: 10px
}

.stages {
    background: url(../../../../uploads/2023/06/stages-bg.png) no-repeat;
    background-size: cover;
    box-sizing: border-box;
    margin-top: 70px;
    min-height: 704px;
    overflow: hidden;
    padding-bottom: 60px;
    width: 100%
}

.stages__container {
    padding-top: 56px;
    position: relative;
    z-index: 2
}

.stages__container>img {
    position: absolute;
    z-index: -1
}

.stages__container>img:first-child {
    display: none
}

@media (min-width:992px) {
    .stages__container>img:first-child {
        display: block;
        left: -7vw;
        top: 0;
        width: calc(100% + 115px)
    }
}

.stages__container>img:nth-child(2) {
    height: 545px;
    left: 43px;
    object-fit: cover;
    top: 190px;
    width: 30px
}

@media (min-width:992px) {
    .stages__container>img:nth-child(2) {
        display: none
    }
}

.stages__container .h2,
.stages__container h2 {
    color: #fff
}

.stages__container>p {
    color: #fff;
    margin: 0;
    max-width: 432px
}

@media (min-width:992px) {
    .stages__container>p {
        position: absolute;
        right: 0;
        top: 70px
    }
}

.stages__container>p img {
    margin-right: 16px;
    object-fit: contain;
    width: 16px
}

.stages__items {
    display: flex;
    flex-direction: column;
    padding-top: 0;
    row-gap: 30px;
    z-index: 2
}

.stages__items .stage {
    align-items: center;
    column-gap: 16px;
    display: flex
}

.stages__items .stage:nth-child(6) .stage__icon {
    background: #0f6b00
}

@media (min-width:992px) {
    .stages__items .stage {
        display: unset
    }

    .stages__items {
        column-gap: 30px;
        display: grid;
        flex-direction: row;
        flex-wrap: nowrap;
        grid-template-columns: repeat(5, 1fr);
        justify-content: space-between;
        row-gap: unset
    }

    .stages__items .stage:nth-child(6) {
        grid-column: 5/6;
        transform: translateY(-20px)
    }
}

.stage p.stage__text {
    color: #fff;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 140%;
    max-width: 180px;
    padding-top: 10px
}

.stage p.stage__text span {
    color: #fff;
    display: block;
    font-size: .875rem;
    font-weight: 500;
    line-height: 140%
}

.stage .stage__level {
    align-items: flex-end;
    color: #fff;
    display: flex;
    font-size: 3.75rem;
    font-weight: 600;
    line-height: 116%;
    min-width: 99px;
    position: relative;
    z-index: 1
}

@media (min-width:992px) {
    .stage .stage__level {
        font-size: 5.625rem;
        line-height: 140%;
        min-width: unset
    }
}

.stage .stage__level .stage__icon {
    align-items: center;
    background: #ceedee;
    border-radius: 50%;
    display: flex;
    height: 63px;
    justify-content: center;
    position: absolute;
    right: 11px;
    width: 63px
}

@media (min-width:992px) {
    .stage .stage__level .stage__icon {
        height: 79px;
        position: unset;
        transform: translatex(-20px);
        width: 79px
    }
}

.stages__bottom {
    min-height: 25vw;
    position: relative;
    width: 100%
}

@media (min-width:576px) {
    .stages__bottom {
        min-height: 100px
    }
}

.stages__bottom .inner,
.stages__bottom .outer {
    height: 100%;
    width: 100%
}

.stages__bottom img {
    bottom: 0;
    max-width: 914px;
    object-fit: contain;
    position: absolute;
    width: 85vw
}

@media (min-width:576px) {
    .stages__bottom img {
        right: 25%;
        width: 52%
    }
}

@media (min-width:992px) {
    .stages__bottom img {
        right: 0
    }
}

@media (min-width:1325px) {
    .stages__bottom img {
        right: 0;
        width: 60%
    }
}

.stages__content {
    display: flex;
    flex-wrap: nowrap;
    padding-top: 63px
}

.stages__content .stage {
    column-gap: 15px;
    display: none;
    grid-template-areas: "logo content" "btn btn";
    grid-template-columns: 86px 1fr;
    max-width: 620px;
    min-height: 200px
}

@media (min-width:576px) {
    .stages__content .stage {
        column-gap: 36px;
        grid-template-areas: "logo content" "logo btn";
        grid-template-columns: auto 1fr;
        min-height: 240px
    }
}

.stages__content .stage button {
    grid-area: btn;
    margin-top: 10px;
    width: 100%
}

@media (min-width:576px) {
    .stages__content .stage button {
        width: fit-content
    }
}

.stages__content .stage>img {
    grid-area: logo;
    height: fit-content;
    max-width: 86px
}

@media (min-width:576px) {
    .stages__content .stage>img {
        max-width: unset
    }
}

.stages__content .stage .content {
    grid-area: content
}

.stages__content .stage .content p {
    color: #fff;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 140%;
    margin-bottom: 10px
}

@media (min-width:576px) {
    .stages__content .stage .content p {
        font-size: 1.5rem;
        margin-bottom: 20px
    }
}

.stages__content .stage .content p span {
    display: block;
    font-size: .875rem;
    font-weight: 500;
    margin-top: 10px
}

@media (min-width:576px) {
    .stages__content .stage .content p span {
        margin-top: 13px
    }
}

.stages__content .stage .content button.btn {
    border: unset;
    grid-area: btn
}

.stages__content .stage .content .label {
    border-radius: 80px;
    font-size: .875rem;
    font-weight: 700;
    height: fit-content;
    line-height: 140%;
    margin-bottom: 9px;
    padding: 3px 15px;
    width: fit-content
}

.stages__content .stage .content .label.label_green {
    background: #36c85f;
    color: #fff
}

.gallery .tags {
    margin-top: 20px;
    padding-bottom: 0
}

.gallery-slider {
    box-sizing: border-box;
    min-height: 275px;
    padding: 45px 30px;
    position: relative
}

@media (min-width:576px) {
    .gallery-slider {
        margin-left: -30px;
        margin-right: -30px
    }
}

.gallery-slider .swiper-btn {
    display: none
}

@media (min-width:576px) {
    .gallery-slider .swiper-btn {
        display: flex
    }
}

.gallery-slider div.swiper-pagination {
    bottom: 0
}

.gallery-slider .gallery-slide {
    height: auto;
    max-height: 275px;
    min-height: 275px;
    transition: .4s
}

.gallery-slider .gallery-slide.swiper-slide-active {
    border-radius: 10px;
    overflow: hidden;
    transform: scale(1.1);
    z-index: 1
}

.gallery-slider .gallery-slide img {
    height: 100%;
    object-fit: cover;
    object-position: center;
    width: 100%
}

.gallery-slide.hidden {
    display: none
}

.feedback {
    margin-top: 50px;
    overflow: hidden;
    padding-bottom: 70px
}

@media (max-width:576px) {
    .feedback .inner {
        max-width: 100%
    }
}

.feedback .outer {
    padding: 0
}

@media (min-width:576px) {
    .feedback .outer {
        padding: 0 24px
    }
}

.feedback__container {
    display: flex;
    flex-direction: column
}

@media (min-width:1200px) {
    .feedback__container {
        display: grid;
        grid-template-columns: 1fr 1fr
    }
}

@keyframes rotate {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.feedback__slider {
    background: #e8fced;
    height: fit-content;
    padding: 32px;
    position: relative
}

@media (min-width:576px) {
    .feedback__slider {
        border-radius: 20px
    }
}

@media (min-width:1200px) {
    .feedback__slider {
        max-width: 684px
    }
}

.feedback__slider .feedback__buttons {
    display: none
}

@media (min-width:576px) {
    .feedback__slider .feedback__buttons {
        column-gap: 36px;
        display: flex;
        position: absolute;
        right: 60px;
        top: 60px
    }
}

.feedback__slider .feedback__buttons .swiper-btn {
    background: unset;
    box-shadow: unset;
    height: unset;
    position: unset;
    transform: unset;
    width: auto
}

.feedback__slider>img {
    display: none
}

@media (min-width:768px) {
    .feedback__slider>img {
        display: block
    }

    .feedback__slider>img:first-child {
        animation: rotate 15s linear infinite;
        height: 91px;
        object-fit: contain;
        position: absolute;
        right: -60px;
        top: 93px;
        transform-origin: center center;
        width: 91px
    }

    .feedback__slider>img:nth-child(2) {
        animation: rotate 20s linear infinite;
        height: 81px;
        left: -120px;
        object-fit: contain;
        position: absolute;
        top: 0;
        transform-origin: center center;
        width: 81px
    }

    .feedback__slider>img:nth-child(3) {
        animation: rotate 40s linear infinite;
        height: 243px;
        left: -270px;
        object-fit: contain;
        position: absolute;
        top: 108px;
        transform-origin: center center;
        width: 243px
    }
}

@media (min-width:576px) {
    .feedback__slider .feedback__content {
        padding: 0 57px
    }
}

.feedback__slider .feedback__content p.feedback-text {
    color: #293241;
    font-size: .9375rem;
    font-weight: 400;
    line-height: 140%;
    padding-top: 11px
}

@media (min-width:576px) {
    .feedback__slider .feedback__content p.feedback-text {
        font-size: 1rem;
        padding-top: 25px
    }
}

.feedback__aboutus {
    display: none
}

@media (min-width:768px) {
    .feedback__aboutus {
        display: block;
        padding: 32px 0
    }
}

@media (min-width:1200px) {
    .feedback__aboutus {
        display: block;
        padding: 32px 0 32px 50px
    }
}

@media (min-width:1325px) {
    .feedback__aboutus {
        padding: 32px 0 32px 110px
    }
}

.feedback__aboutus>p {
    color: #000;
    font-size: 1rem;
    font-weight: 400;
    line-height: 140%
}

.feedback__aboutus>p strong {
    font-size: 1.25rem;
    font-weight: 600
}

.feedback__aboutus>p:not(:last-child) {
    padding-bottom: 20px
}

.feedback__aboutus ul {
    margin: 0;
    padding-left: 20px
}

.feedback__aboutus ul li {
    color: #293241;
    font-size: 1rem;
    font-weight: 400;
    line-height: 140%;
    list-style: disc
}

.feedback__sl {
    padding-bottom: 60px;
    padding-top: 40px;
    position: relative
}

@media (min-width:576px) {
    .feedback__sl {
        overflow: hidden
    }
}

.feedback__card {
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 8px 40px rgba(34, 80, 101, .1);
    min-height: 346px;
    padding: 29px
}

@media (min-width:1200px) {
    .feedback__card {
        max-width: 300px
    }
}

.feedback__card .feedback__card-text {
    color: #293241;
    font-size: .875rem;
    font-weight: 400;
    line-height: 140%;
    padding-top: 19px
}

.feedback__card .feedback__card-text a {
    align-items: center;
    background: #fff;
    border: 1px solid #0f6b00;
    border-radius: 80px;
    color: #0f6b00;
    display: flex;
    font-size: .8125rem;
    font-weight: 600;
    height: 29px;
    justify-content: center;
    line-height: 140%;
    margin-top: 21px;
    transition: .4s;
    width: 140px
}

.feedback__card .feedback__card-text a:hover {
    border-color: #000
}

.feedback__card .feedback__card-text a img {
    height: 14px;
    margin-right: 8px;
    object-fit: contain;
    width: 14px
}

.feedback__card .feedback__card-top {
    column-gap: 16px;
    display: flex;
    flex-wrap: nowrap
}

.feedback__card .feedback__card-top>img {
    border-radius: 50%;
    height: 49px;
    min-width: 49px;
    overflow: hidden
}

.feedback__card .feedback__card-top p {
    color: #000;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 140%;
    width: 100%
}

.feedback__card .feedback__card-top p span {
    color: #293241;
    display: block;
    font-size: .75rem;
    font-weight: 500;
    line-height: 120%;
    margin-top: 6px
}

.feedback__card .feedback__card-top p img {
    margin-top: 9px;
    object-fit: contain;
    width: 92px
}

.teachers {
    overflow: hidden
}

.teachers .inner {
    position: relative
}

.teachers .inner>img {
    display: none
}

@media (min-width:768px) {
    .teachers .inner>img {
        display: block;
        position: absolute
    }

    .teachers .inner>img:first-child {
        animation: up-down 20s ease-in-out infinite;
        height: 190px;
        left: -250px;
        object-fit: contain;
        top: 0;
        width: 190px
    }

    .teachers .inner>img:nth-child(2) {
        animation: up-down 10s ease-in-out infinite;
        height: 66px;
        left: -150px;
        object-fit: contain;
        top: 270px;
        width: 66px
    }

    .teachers .inner>img:nth-child(3) {
        animation: up-down 10s ease-in-out infinite;
        height: 90px;
        object-fit: contain;
        right: -150px;
        top: 150px;
        width: 90px
    }

    .teachers .inner>img:nth-child(4) {
        animation: up-down 20s ease-in-out infinite;
        height: 196px;
        object-fit: contain;
        right: -250px;
        top: 400px;
        width: 196px
    }
}

.teachers-slider {
    padding-top: 30px
}

.teachers__container {
    padding-right: 30px;
    position: relative
}

@media (min-width:576px) {
    .teachers__container {
        margin-left: -30px;
        margin-right: -30px;
        padding-left: 30px
    }
}

.teachers__container .swiper-btn {
    display: none
}

@media (min-width:576px) {
    .teachers__container .swiper-btn {
        display: flex
    }
}

.teachers-person {
    background: #f1f6f9;
    border-radius: 20px;
    min-height: 400px;
    padding-top: 10px;
    width: 100%
}

.teachers-person .teachers-person-content {
    padding: 10px 39px 16px
}

.teachers-person .teachers-person-content>p:first-child {
    margin-bottom: 10px
}

.teachers-person .teachers-person-content .feedback-stars+p {
    margin-top: 7px
}

.teachers-person .teachers-person-content .card-bottom {
    margin-top: 22px
}

.teachers-person .teachers-person-img {
    height: auto;
    position: relative;
    width: 100%
}

.teachers-person .teachers-person-img .teachers-person-category {
    bottom: 0;
    left: 39px;
    position: absolute
}

.teachers-person .teachers-person-img>img {
    height: auto;
    object-fit: contain;
    width: 100%
}

.cars {
    margin-top: 40px;
    overflow: hidden
}

@media (min-width:576px) {
    .cars {
        margin-top: 70px
    }

    .cars__slider {
        overflow: hidden
    }
}

.cars__container {
    margin-top: 30px;
    padding-right: 30px;
    position: relative
}

@media (min-width:576px) {
    .cars__container {
        margin-left: -30px;
        margin-right: -30px;
        padding-left: 30px
    }
}

.cars__container .swiper-btn {
    display: none
}

@media (min-width:576px) {
    .cars__container .swiper-btn {
        display: flex
    }
}

.cars__slide {
    border: 1px solid #dee3eb;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    height: auto;
    overflow: hidden
}

.cars__slide .cars__slide-content {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 0 39px;
    row-gap: 9px
}

.cars__slide .cars__slide-content .card-bottom {
    margin-top: auto
}

.cars__slide>img {
    height: 255px;
    object-fit: cover;
    object-position: left;
    padding-left: 21px;
    width: 100%
}

p.card-desc {
    color: #707078;
    font-size: .8125rem;
    font-weight: 500;
    line-height: 120%
}

p.card-title {
    color: #000;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 120%;
    text-align: left
}

.card-bottom {
    align-items: center;
    border-top: 1px solid #dee3eb;
    column-gap: 25px;
    display: flex;
    flex-wrap: nowrap;
    padding-top: 15px
}

.card-bottom>img {
    border-radius: 50%;
    height: 59px;
    object-fit: contain;
    object-position: center;
    overflow: hidden;
    width: 59px
}

.card-bottom p {
    color: #000;
    display: flex;
    flex-direction: column;
    font-size: .875rem;
    font-weight: 700;
    justify-content: center;
    line-height: 140%;
    min-height: 59px
}

.card-bottom p span {
    color: #707078;
    display: block;
    font-size: .75rem;
    font-weight: 500;
    line-height: 120%
}

.category {
    background: #36c85f;
    border-radius: 10px;
    color: #fff;
    font-size: .875rem;
    font-weight: 700;
    height: fit-content;
    line-height: 140%;
    padding: 3px 11px;
    width: fit-content
}

.map {
    background: url(../../../../uploads/2023/06/form-bg.png) no-repeat;
    background-position: bottom;
    background-size: cover;
    margin-top: 40px;
    overflow: hidden
}

.map_bg {
    background: url(../../../../uploads/2023/07/bgmap.png) no-repeat;
    background-position: bottom;
    padding-bottom: 90px
}

@media (min-width:576px) {
    .map {
        margin-top: 70px
    }
}

.map .h2,
.map h2 {
    color: #fff
}

.map_bg .h2,
.map_bg h2 {
    color: #000
}

.map .map__container {
    display: flex;
    flex-direction: column;
    padding-bottom: 26px;
    padding-top: 26px
}

@media (min-width:576px) {
    .map .map__container {
        padding-bottom: 96px;
        padding-top: 56px
    }
}

@media (min-width:768px) {
    .map .map__container {
        column-gap: 50px;
        display: grid;
        grid-template-columns: 401px 1fr;
        justify-items: end
    }
}

.map .ymaps {
    border-radius: 30px;
    box-shadow: 0 30px 80px rgba(23, 37, 74, .45);
    height: 80vw;
    margin-top: auto;
    max-width: 807px;
    position: relative;
    width: 100%
}

@media (min-width:768px) {
    .map .ymaps {
        height: 100%;
        min-height: 490px
    }
}

.map .ymaps #map {
    border-radius: 30px;
    height: 100%;
    overflow: hidden;
    width: 100%
}

.map .ymaps>img {
    z-index: 1
}

.map .ymaps>img:first-child {
    bottom: -33px;
    height: 85px;
    left: -29px;
    position: absolute;
    width: 85px
}

@media (min-width:576px) {
    .map .ymaps>img:first-child {
        bottom: -96px;
        height: 200px;
        left: -92px;
        width: 200px
    }
}

.map .ymaps>img:nth-child(2) {
    bottom: -33px;
    height: 85px;
    position: absolute;
    right: -29px;
    width: 48px
}

@media (min-width:576px) {
    .map .ymaps>img:nth-child(2) {
        bottom: -96px;
        height: 211px;
        right: -102px;
        width: 132px
    }
}

.map .map__content .h2,
.map .map__content h2 {
    line-height: 3.25rem
}

.map .map__content>ul {
    display: flex;
    flex-direction: column;
    padding-bottom: 30px;
    padding-top: 17px;
    row-gap: 18px
}

@media (min-width:576px) {
    .map .map__content>ul {
        padding-top: 25px;
        row-gap: 20px
    }
}

.map .map__content>ul>li {
    color: #fff;
    cursor: pointer;
    font-size: .8125rem;
    font-weight: 600;
    line-height: 140%;
    position: relative;
    transition: .4s;
    width: fit-content
}

.map_bg .map__content>ul>li {
    color: #000
}

@media (min-width:425px) {
    .map .map__content>ul>li {
        font-size: 1.125rem
    }
}

@media (min-width:576px) {
    .map .map__content>ul>li {
        font-size: 1.25rem
    }
}

.map .map__content>ul>li:not(.activeadress):hover:after {
    border-bottom: 1px solid #ffd912
}

.map .map__content>ul>li:after {
    border-bottom: 1px dashed #cfd1df;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 30px;
    transition: .4s;
    width: 100%
}

.map .map__content>ul>li.activeadress {
    color: #ffd912
}

.map_bg .map__content>ul>li.activeadress {
    color: #0f6b00
}

.map .map__content>ul>li.activeadress ul {
    display: flex
}

.map .map__content>ul>li ul {
    display: none;
    flex-direction: column;
    list-style: disc;
    padding: 20px 0 0 20px;
    row-gap: 10px
}

.map .map__content>ul>li ul li {
    color: #fff;
    font-size: .75rem;
    font-weight: 600;
    line-height: 80%
}

.map_bg .map__content>ul>li ul li {
    color: #293241
}

@media (min-width:425px) {
    .map .map__content>ul>li ul li {
        font-size: 1rem
    }
}

.faq {
    margin-top: 40px
}

@media (min-width:576px) {
    .faq {
        margin-top: 70px
    }
}

.faq .faq__container .faq__title {
    display: flex;
    flex-direction: column;
    row-gap: 10px
}

@media (min-width:768px) {
    .faq .faq__container .faq__title {
        align-items: center;
        column-gap: 30px;
        flex-direction: row;
        justify-content: space-between
    }
}

.faq .faq__container .faq__title button {
    background: #fff;
    border: 1px solid #98c1d9;
    border-radius: 15px;
    color: #3d5a80;
    font-size: 1.125rem;
    font-weight: 700;
    letter-spacing: -.01875rem;
    line-height: 120%;
    padding: 14px 30px;
    transition: .4s
}

.faq .faq__container .faq__title button:hover {
    background: #98c1d9;
    color: #fff
}

.faq .faq__container .faq__content {
    padding-top: 15px
}

.faq .faq__container .faq__content ul {
    display: flex;
    flex-direction: column;
    row-gap: 10px
}

.faq .faq__container .faq__content ul li {
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 8px 40px rgba(34, 80, 101, .1);
    cursor: pointer;
    padding: 13px 80px 13px 23px;
    position: relative;
    user-select: none
}

@media (min-width:768px) {
    .faq .faq__container .faq__content ul li {
        padding: 16px 100px 16px 50px
    }
}

.faq .faq__container .faq__content ul li.active p:not(.hidden) {
    color: #0f6b00;
    margin-bottom: 10px
}

.faq .faq__container .faq__content ul li.active:after {
    background: #0f6b00;
    content: "-"
}

.faq .faq__container .faq__content ul li:after {
    align-items: center;
    background: #98c1d9;
    border-radius: 50%;
    color: #fff;
    content: "+";
    display: flex;
    font-size: 1.25rem;
    font-weight: 600;
    height: 27px;
    justify-content: center;
    position: absolute;
    right: 13px;
    top: 11px;
    transition: .4s;
    width: 27px
}

@media (min-width:768px) {
    .faq .faq__container .faq__content ul li:after {
        height: 33px;
        right: 29px;
        top: 17px;
        width: 33px
    }
}

.faq .faq__container .faq__content ul li p:not(.hidden) {
    color: #000;
    font-size: 1rem;
    font-weight: 600;
    line-height: 140%;
    transition: .4s;
    width: fit-content
}

@media (min-width:768px) {
    .faq .faq__container .faq__content ul li p:not(.hidden) {
        border-bottom: 1px solid #dee3eb;
        font-size: 1.125rem;
        padding-bottom: 8px
    }
}

.faq .faq__container .faq__content ul li p.hidden {
    color: #000;
    display: none;
    font-size: .875rem;
    font-weight: 400;
    line-height: 140%
}

@media (min-width:768px) {
    .faq .faq__container .faq__content ul li p.hidden {
        font-size: 1rem
    }
}

.news {
    margin-top: 40px;
    overflow: hidden
}

@media (min-width:576px) {
    .news {
        margin-top: 70px
    }
}

.news .news__container {
    margin-top: 30px;
    padding-right: 30px;
    position: relative
}

@media (min-width:768px) {
    .news .news__container {
        margin-left: -30px;
        margin-right: -30px;
        overflow: hidden;
        padding-left: 30px
    }
}

.news .news__container .swiper-btn {
    display: none
}

@media (min-width:768px) {
    .news .news__container .swiper-btn {
        display: flex;
        top: 30%
    }
}

.news-slider a img {
    border-radius: 20px;
    height: 207px;
    object-fit: cover;
    object-position: center;
    overflow: hidden;
    width: 100%
}

.news-slider a p {
    color: #000;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 120%;
    padding: 14px
}

.news-slider a p span {
    color: #707078;
    display: block;
    font-size: .6875rem;
    font-weight: 500;
    letter-spacing: -.0125rem;
    line-height: 120%;
    margin-top: 10px
}

.qustionform {
    margin-top: 40px
}

@media (min-width:576px) {
    .qustionform {
        margin-top: 70px
    }
}

.qustionform__container {
    background: #0f6b00;
    margin-top: 16px;
    padding-bottom: 26px;
    padding-top: 26px
}

@media (min-width:576px) {
    .qustionform__container {
        padding-bottom: 46px;
        padding-top: 46px
    }
}

.qustionform__container .qustionform__bg {
    display: flex;
    flex-direction: column;
    row-gap: 30px
}

@media (min-width:992px) {
    .qustionform__container .qustionform__bg {
        column-gap: 30px;
        display: grid;
        grid-template-columns: 1fr 644px
    }
}

.qustionform__container .qustionform__bg>p {
    color: #fff;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 140%
}

@media (min-width:576px) {
    .qustionform__container .qustionform__bg>p {
        font-size: 1.25rem
    }
}

@media (min-width:992px) {
    .qustionform__container .qustionform__bg>p {
        max-width: 506px
    }
}

.qustionform__container .qustionform__bg>p span {
    display: block;
    font-size: .875rem;
    font-weight: 400;
    line-height: 140%;
    margin-top: 10px
}

@media (min-width:576px) {
    .qustionform__container .qustionform__bg>p span {
        font-size: 1rem;
        margin-top: 20px
    }
}

.qustionform__form {
    width: 100%
}

.footer {
    padding: 40px 0
}

@media (min-width:992px) {
    .footer {
        padding: 0 0 75px 0
    }
}

.footer .footer__container {
    display: flex;
    flex-direction: column;
    row-gap: 15px
}

@media (min-width:992px) {
    .footer .footer__container {
        display: grid;
        grid-template-columns: 486px 1fr
    }
}

.footer .footer__container:last-of-type {
    border-top: 1px solid #dee3eb;
    margin-top: 20px;
    padding-top: 10px
}

@media (min-width:992px) {
    .footer .footer__container:last-of-type {
        margin-top: 60px;
        padding-top: 20px
    }
}

.footer .footer__left {
    display: flex;
    flex-direction: column;
    width: 100%
}

.footer .footer__left a.logo {
    height: auto;
    margin-bottom: 25px;
    width: 130px
}

.footer .footer__left a.logo img {
    object-fit: contain;
    width: 100%
}

@media (min-width:768px) {
    .footer .footer__left a.logo {
        width: 180px
    }
}

.footer .footer__left>p {
    color: #707078;
    font-size: .8125rem;
    font-weight: 400;
    line-height: 140%
}

.footer .footer__left>p:not(:last-of-type) {
    margin-bottom: 20px
}

.footer .footer__left .footer__left-bottom {
    column-gap: 30px;
    display: flex;
    flex-direction: column;
    margin-top: 20px;
    row-gap: 30px
}

@media (min-width:768px) {
    .footer .footer__left .footer__left-bottom {
        align-items: baseline;
        column-gap: 30px;
        flex-direction: row;
        justify-content: space-between;
        margin-top: 30px;
        max-width: 433px
    }
}

.footer .footer__left .social {
    margin-left: unset;
    width: 100%
}

@media (min-width:768px) {
    .footer .footer__left .social {
        width: fit-content
    }
}

.footer .footer__left .social .phone {
    margin-left: auto
}

@media (min-width:768px) {
    .footer .footer__left .social .phone {
        margin-left: unset
    }
}

.footer .footer__left .social .phone:hover a {
    color: #0f6b00
}

.footer .footer__left .social .phone a {
    color: #000
}

.footer .footer__left button.callme {
    border-color: #0f6b00;
    color: #000;
    width: 100%
}

@media (min-width:768px) {
    .footer .footer__left button.callme {
        width: fit-content
    }
}

.footer .footer__left button.callme:hover {
    border-color: #000;
    color: #0f6b00
}

.footer .footer__left div.location {
    margin-top: 25px
}

.footer .footer__left div.location .location__text p {
    color: #707078
}

.footer .footer__left div.location .location__text p strong {
    color: #000
}

.footer__right {
    column-gap: 30px;
    display: flex;
    justify-content: space-between;
    max-width: 487px;
    width: 100%
}

@media (min-width:992px) {
    .footer__right {
        margin: 0 auto
    }
}

.footer__right ul li a {
    color: #000;
    font-size: .8125rem;
    font-weight: 400;
    line-height: 220%;
    transition: .4s
}

@media (min-width:768px) {
    .footer__right ul li a {
        font-size: .9375rem
    }
}

.footer__right ul li a:hover {
    color: #0f6b00
}

.footer__links {
    display: flex;
    flex-direction: column;
    max-width: 506px;
    width: 100%
}

@media (min-width:992px) {
    .footer__links {
        flex-direction: row;
        justify-content: space-between;
        margin: 0 auto
    }
}

.footer__links li a {
    font-size: .8125rem
}

.footer__links li a,
.footer__pay p {
    color: #000;
    font-weight: 500;
    line-height: 140%
}

.footer__pay p {
    font-size: .75rem
}

@media (min-width:768px) {
    .footer__pay p {
        font-size: .8125rem
    }
}

.footer__pay div {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 14px;
    max-width: 262px;
    row-gap: 20px;
    width: 100%
}

.form__placeholder-container {
    position: relative;
    width: 100%
}

.form__placeholder-container input {
    background: #fff;
    border: 1px solid #dee3eb;
    border-radius: 8px;
    box-sizing: border-box;
    color: #000;
    font-size: .75rem;
    font-weight: 500;
    line-height: 100%;
    outline: none;
    padding: 10px 15px;
    width: 100%
}

@media (min-width:576px) {
    .form__placeholder-container input {
        font-size: 1rem;
        padding: 18px 23px
    }
}

.form__placeholder-container textarea {
    background: #f4f3f8;
    border: 2px solid #f4f3f8;
    box-sizing: border-box;
    color: #191c1f;
    font-size: 1rem;
    font-weight: 600;
    min-height: 60px;
    outline: none;
    padding-bottom: 19px;
    padding-left: 21px;
    padding-top: 19px;
    width: 100%
}

.form__placeholder-container label {
    color: #707078;
    font-size: .875rem;
    font-weight: 500;
    left: 23px;
    line-height: 1.25rem;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: all .2s;
    width: fit-content
}

@media (min-width:576px) {
    .form__placeholder-container label {
        font-size: 1.3125rem;
        line-height: 1.5rem
    }
}

.form__placeholder-container label span {
    color: #5c6064;
    font-size: .9375rem;
    font-weight: 400
}

.form__placeholder-container label {
    color: #000;
    font-size: .75rem;
    font-weight: 600;
    left: 0;
    top: -10px;
    top: -15px
}

@media (min-width:576px) {
    .form__placeholder-container label {
        font-size: .875rem
    }
}

.form__checkbox {
    height: fit-content;
    position: relative
}

.form__checkbox label {
    color: #5c6064;
    cursor: pointer;
    font-size: .6875rem;
    font-weight: 400;
    padding-left: 33px;
    position: relative;
    z-index: 2
}

.form__checkbox label a {
    color: #6f42c1;
    transition: .4s
}

.form__checkbox label a:hover {
    text-decoration: underline
}

.form__checkbox label:before {
    border: 1px solid #5c6064;
    border-radius: 4px;
    content: "";
    height: 20px;
    left: 0;
    position: absolute;
    top: -1px;
    transition: .4s ease-in;
    width: 20px
}

.form__checkbox label:after {
    border-bottom: 1px solid transparent;
    border-left: 1px solid transparent;
    content: "";
    height: 5px;
    left: -2px;
    position: absolute;
    top: 1px;
    transform: rotate(90deg);
    transition: .2s ease-in;
    width: 8px;
    z-index: -1
}

.form__checkbox input {
    display: none
}

.form__checkbox input:checked~label:after {
    border-bottom: 2px solid #9fa2a7;
    border-left: 2px solid #9fa2a7;
    left: 6px;
    top: 5px;
    transform: rotate(-45deg);
    z-index: 1
}

.modal {
    background-color: rgba(0, 0, 0, 0.445);
    bottom: 0;
    display: flex;
    height: 0;
    left: 0;
    opacity: 0;
    overflow-y: auto;
    padding: 20px;
    position: fixed;
    right: 0;
    top: 0;
    transition: .4s, height 0s .5s;
    z-index: -2
}

.modal_opened {
    height: 100vh;
    opacity: 1;
    transition: opacity .5s;
    z-index: 130
}

.modal__container {
    background: #fff;
    border-radius: 30px;
    box-shadow: 0 40px 80px rgba(0, 0, 0, .25);
    margin: auto;
    max-width: 875px;
    overflow: hidden;
    position: relative;
    z-index: 5
}

.modal__container,
.modal__content {
    display: flex;
    flex-direction: column;
    width: 100%
}

.modal__content {
    padding: 20px
}

.modal__tg-background {
    bottom: 0;
    max-width: 330px;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: -1
}

.modal__tg-background img {
    height: auto;
    width: 100%
}

.modal__logo {
    margin: 0 auto 20px;
    max-width: 100px
}

@media (min-width:576px) {
    .modal__content {
        padding: 60px 65px 75px
    }

    .modal__logo {
        margin-bottom: 40px;
        max-width: 170px
    }
}

.modal__logo img {
    height: auto;
    object-fit: contain;
    width: 100%
}

.modal__close-button {
    border: none;
    cursor: pointer;
    height: 33px;
    position: absolute;
    right: 20px;
    top: 20px;
    transition: .7s;
    width: 33px;
    z-index: 5
}

@media (min-width:768px) {
    .modal__close-button {
        right: 40px;
        top: 40px
    }
}

.modal__close-button:hover:after,
.modal__close-button:hover:before {
    background: #ff001a
}

.modal__close-button:after {
    transform: rotate(45deg) translateY(-30%)
}

.modal__close-button:after,
.modal__close-button:before {
    background: #000;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    top: 50%;
    transition: all .3s ease 0s;
    width: 100%
}

.modal__close-button:before {
    transform: rotate(-45deg) translateY(-30%)
}

.modal__title {
    color: #293241;
    font-size: 38px;
    font-weight: 400;
    letter-spacing: -.1px;
    line-height: 100%;
    margin-bottom: 20px
}

.modal__subtitle {
    color: #707078;
    font-size: 15px;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 10px
}

.modal__title-text {
    font-weight: 700
}

.modal__title-discount {
    color: #0f6b00;
    font-weight: 700
}

.modal__telegram-link {
    color: #98c1d9;
    font-size: 16px;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 30px
}

@media (min-width:576px) {
    .modal__title {
        font-size: 2.2rem
    }
}

.modal__desc {
    color: #707078;
    font-size: .75rem;
    font-weight: 500;
    line-height: 130%;
    margin-top: 10px
}

@media (min-width:576px) {
    .modal__desc {
        font-size: 1rem;
        margin-top: 20px
    }
}

body.hidden {
    overflow: hidden
}

.modal__content form {
    margin-top: 30px;
    position: relative;
    width: 100%
}

.modal__content form p {
    color: #cfd1df;
    font-size: .75rem;
    font-weight: 500;
    line-height: 130%;
    margin-top: 20px;
    padding-left: 25px;
    position: relative
}

.modal__content form p img {
    left: 0;
    position: absolute;
    top: 0
}

@media (min-width:576px) {
    .modal__content form {
        margin-top: 44px
    }
}

.modal__content form .form__placeholder-container:not(:last-of-type) {
    margin-bottom: 40px
}

.modal__content form .form__checkbox:last-of-type {
    bottom: 0;
    left: 0;
    position: absolute
}

.modal__content form .btn {
    width: 100%
}

@media (max-width:577px) {
    .modal__content form button {
        font-size: .75rem
    }
}

.modal__content .form__checkbox:not(:last-of-type) {
    height: 27px;
    margin-top: 9px
}

.modal__content .form__checkbox:not(:last-of-type) label {
    color: #191c1f;
    font-size: .875rem;
    font-weight: 500
}

.modal__content .form__checkbox:not(:last-of-type) label:before {
    border: 1px solid #b5b9bd;
    border-radius: 2px;
    height: 24px;
    width: 24px
}

.modal__content .form__checkbox:not(:last-of-type) label:after {
    height: 7px;
    width: 12px
}

.modal__content .form__checkbox:not(:last-of-type) input:checked~label:after {
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    left: 6px;
    top: 5px
}

.modal__content .form__checkbox:not(:last-of-type) input:checked~label:before {
    background: #ff001a;
    border-color: #ff001a
}

.modal__checkbox-title {
    color: #191c1f;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 130%;
    margin-top: 20px
}

div.swiper-pagination {
    z-index: 2
}

.overlay {
    background-color: rgba(0, 0, 0, .5);
    bottom: 0;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: all .2s ease;
    visibility: hidden;
    z-index: 0
}

.overlay.is-active,
body.is-animate .overlay {
    opacity: 1;
    transition: all .2s ease;
    visibility: visible
}

.go-top {
    align-items: center;
    border-radius: 50%;
    bottom: 30px;
    cursor: pointer;
    display: none;
    font-size: 1.5rem;
    justify-content: center;
    position: fixed;
    right: 15px;
    text-decoration: none;
    transition: .2s ease;
    z-index: 20
}

.go-top,
.go-top .icon {
    height: 24px;
    width: 24px
}

@media (min-width:992px) {
    .go-top {
        right: 30px
    }
}

.go-top.is-show {
    display: flex
}

.go-top.is-show:hover {
    transform: scale(1.1);
    transition: .2s ease
}

.wpcf7-spinner {
    display: none
}

.wpcf7-form--sending .wpcf7-spinner {
    display: inline-block !important;
    transform: translateY(-42px);
    visibility: visible !important
}

.wpcf7-form--sending button[type=submit],
.wpcf7-form--sending input[type=submit] {
    cursor: not-allowed;
    opacity: .85
}

.header-adress {
    background: #fff;
    display: none;
    height: 100vh;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 2
}

.header-adress .inner {
    z-index: 3
}

.header-adress ul.header-adress-list {
    display: flex;
    flex-direction: column;
    height: 80vh;
    max-width: 382px;
    overflow: auto;
    width: 100%
}

@media(min-width:1324px) {
    .header-adress {
        box-shadow: 0 8px 40px 0 rgba(34, 80, 101, .1);
        height: unset;
        position: absolute;
        z-index: 1
    }

    .header-adress .inner {
        border-top: 1px solid #eff2f6;
        height: 100%;
        padding-top: 30px;
        position: relative
    }

    .header-adress ul.header-adress-list {
        height: 100%
    }
}

.header-adress ul.he .header-adress ul.header-adress-list>li,
.header-adress ul.header-adress-list>li>.adress-ov>ul>li {
    color: #707078;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -.2px;
    line-height: 120%;
    transition: .4s
}

.header-adress ul.header-adress-list>li>.adress-ov>ul>li>a,
.header-adress ul.header-adress-list>li>a {
    align-items: center;
    color: inherit;
    display: flex;
    height: 30px;
    transition: .4s;
    width: 100%
}

@media(min-width:1324px) {

    .header-adress ul.header-adress-list>li,
    .header-adress ul.header-adress-list>li>.adress-ov>ul>li {
        font-size: 18px;
        transition: .4s
    }

    .header-adress ul.header-adress-list>li>.adress-ov>ul>li>a,
    .header-adress ul.header-adress-list>li>a {
        height: 50px;
        padding-left: 30px;
        padding-right: 30px
    }
}

.header-adress ul.header-adress-list>li>.adress-ov>ul>li>a {
    padding: unset
}

.header-adress ul.header-adress-list>li>.adress-ov>ul>li:not(:first-child)>a:hover {
    color: #000
}

.header-adress ul.header-adress-list>li>a+.adress-ov {
    display: none
}

.header-adress ul.header-adress-list>li>a._active+.adress-ov {
    display: block
}

.header-adress ul.header-adress-list>li>a+.adress-ov>ul {
    display: grid;
    overflow: auto
}

.header-adress ul.header-adress-list>li>a>span {
    border-radius: 50%;
    height: 12px;
    margin-right: 15px;
    width: 12px
}

.header-adress .outer {
    width: 100%
}

.header-adress ul.header-adress-list>li:not(:first-child),
.header-adress ul.header-adress-list>li>.adress-ov>ul>li:not(:first-child) {
    cursor: pointer
}

.header-adress ul.header-adress-list>li:first-child {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    padding-bottom: 20px
}

.header-adress ul.header-adress-list>li:not(:first-child):hover>a {
    color: #000
}

.header-adress ul.header-adress-list>li>.adress-ov>ul {
    display: none;
    grid-template-columns: 1fr
}

.header-adress ul.header-adress-list>li>.adress-ov>ul>li>ul {
    display: none
}

.header._open .header-adress {
    display: flex;
    height: 100vh;
    z-index: 2
}

@media(min-width:1324px) {
    .bg-main-mobil+.outer {
        z-index: 2
    }
}

.header._open .header__menu .callme,
.header._open .header__menu .phone a,
.header._open .header__menu .time .time__text p,
.header._open .header__menu nav ul li>a,
.header._open div.location .location__text p strong {
    color: #000
}

.header._open .header__menu .social a svg {
    fill: #000
}

.header._open div.location .location__text p {
    color: #707078
}

@media(min-width:1324px) {
    .header-adress ul.header-adress-list>li:first-child {
        font-size: 24px;
        padding-bottom: 15px;
        padding-left: 30px
    }

    .header-adress ul.header-adress-list>li>.adress-ov {
        height: 90%;
        left: 460px;
        min-width: 570px;
        position: absolute;
        top: 70px
    }

    .header-adress ul.header-adress-list>li>.adress-ov>ul {
        grid-template-columns: 1fr 1fr;
        padding-left: unset
    }

    .header-adress ul.header-adress-list>li:not(:first-child)>a._active,
    .header-adress ul.header-adress-list>li:not(:first-child)>a:hover {
        background: #f1f6f9;
        border-radius: 8px
    }
}

.art-adr {
    column-gap: 20px;
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 20px
}

@media(min-width:992px) {
    .art-adr {
        grid-template-columns: 1fr 1fr
    }
}

.art-adr p {
    color: #293241;
    display: flex;
    flex-direction: column;
    font-size: 16px;
    font-weight: 400;
    line-height: 140%
}

.art-adr p>strong {
    color: #000;
    display: flex;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    margin-top: 8px
}

@media(min-width:768px) {
    .art-adr p>strong {
        font-size: 24px
    }
}

.art-adr p>strong+span {
    color: #707078;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    margin-top: 10px;
    padding-left: 32px
}

.art-adr .art-left>div {
    column-gap: 20px;
    display: grid;
    grid-template-columns: 1fr;
    margin-bottom: 16px;
    margin-top: 30px;
    padding-left: 29px;
    row-gap: 20px
}

@media(min-width:1324px) {
    .art-adr .art-left>div {
        grid-template-columns: 1fr 1fr
    }
}

.art-adr .art-left>div a {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%
}

@media(min-width:768px) {
    .art-adr .art-left>div a {
        font-size: 24px
    }
}

.art-adr .art-left>ul {
    column-gap: 40px;
    display: flex;
    margin-top: -13px;
    padding-left: 29px
}

.art-adr .art-left>ul>li {
    align-items: center;
    color: #cfd1df;
    display: flex;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    margin: 0
}

.art-adr .art-left>ul>li:before {
    content: "";
    display: block;
    height: 14px;
    margin-right: 12px;
    min-width: 14px
}

.art-adr .art-left>ul>li:not(.art-check):before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' fill='none' viewBox='0 0 15 15'%3E%3Cpath fill='%23cfd1df' d='m8.517 7.153 5.803-5.927a.725.725 0 0 0-.037-.971.693.693 0 0 0-.95-.038L7.53 6.145 1.727.21a.695.695 0 0 0-.994 0 .726.726 0 0 0 0 1.016l5.81 5.927-5.81 5.928a.71.71 0 0 0-.244.516.73.73 0 0 0 .204.533.7.7 0 0 0 .522.209.69.69 0 0 0 .505-.25l5.81-5.927 5.803 5.927a.69.69 0 0 0 .95-.037.723.723 0 0 0 .037-.97z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain
}

.art-adr .art-left>ul>li.art-check {
    color: #36c85f
}

.art-adr .art-left>ul>li.art-check:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='12' fill='none' viewBox='0 0 16 12'%3E%3Cpath fill='%2336c85f' fill-rule='evenodd' d='M15.695.793a1 1 0 0 1 0 1.414l-9.5 9.5a1 1 0 0 1-1.414 0l-4.5-4.5a1 1 0 0 1 1.414-1.414l3.793 3.793L14.28.793a1 1 0 0 1 1.414 0' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain
}

.art-right #map {
    background: #b7b7b7;
    border-radius: 30px;
    box-shadow: 0 20px 50px 0 rgba(23, 37, 74, .1);
    height: 383px;
    overflow: hidden
}

.adr-form {
    column-gap: 40px;
    display: grid;
    grid-template-columns: 1fr;
    margin-top: 56px;
    row-gap: 40px
}

.adr-form>div {
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    padding: 20px;
    position: relative
}

.adr-form>div>svg {
    display: none
}

.adr-form>div>button {
    margin-top: auto
}

@media(min-width:576px) {
    .adr-form>div>svg {
        display: flex;
        height: auto;
        left: 35px;
        position: absolute;
        top: 35px;
        width: 80px
    }

    .adr-form>div {
        border-radius: 30px;
        padding: 34px 34px 34px 150px
    }
}

@media(min-width:1324px) {
    .adr-form>div {
        border-radius: 30px;
        padding: 34px 34px 34px 220px
    }

    .adr-form>div>svg {
        left: 51px;
        top: 62px;
        width: 116px
    }
}

.adr-form>div:first-child {
    background: #faf3f1
}

.adr-form>div:last-child {
    background: #f0f6f9
}

.adr-form>div p.adr-form-title {
    border-radius: 10px;
    color: #fff;
    font-size: 24px;
    font-style: normal;
    font-weight: 800;
    letter-spacing: -.2px;
    line-height: 140%;
    margin: unset;
    padding: 2px 15px;
    width: fit-content
}

.adr-form>div p.adr-form-subtitle {
    font-size: 14px;
    margin: unset;
    margin-top: 16px
}

.adr-form>div p.adr-form-subtitle,
.adr-form>div p.adr-form-text {
    color: #293241;
    font-style: normal;
    font-weight: 400;
    line-height: 120%
}

.adr-form>div p.adr-form-text {
    font-size: 15px;
    margin: unset;
    margin-bottom: 23px;
    margin-top: 54px
}

.adr-form>div:first-child p.adr-form-title {
    background: #0f6b00
}

.adr-form>div:last-child p.adr-form-title {
    background: #98c1d9
}

.adr-form>div:last-child button {
    background: #98c1d9;
    border: unset;
    color: #fff
}

.adr-form>div:last-child button:hover {
    background: #0f6b00
}

@media(min-width:992px) {
    p.adr-form-title {
        font-size: 30px;
        padding: 4px 19px
    }

    .adr-form {
        column-gap: 40px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        row-gap: 40px
    }
}

._flex {
    display: flex !important
}

.seo {
    padding-bottom: 70px
}

.seo h1 {
    color: unset
}

.seo .subtitle {
    margin-bottom: 20px
}

.seo__content {
    align-items: center;
    display: grid;
    grid-template-columns: 1fr;
    padding-bottom: 60px;
    padding-top: 20px
}

.seo__content-img {
    display: none
}

@media(min-width:992px) {
    .seo__content-img {
        display: block;
        height: 100%;
        position: relative;
        width: 100%
    }

    .seo__content {
        grid-template-columns: 1fr 1fr
    }
}

.seo__content-text {
    display: flex;
    flex-direction: column;
    row-gap: 21px
}

.seo__content-img img {
    left: 0;
    min-width: 900px;
    object-fit: contain;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%
}

.seo ul {
    list-style: disc;
    max-width: 1062px;
    padding-bottom: 21px;
    padding-left: 30px;
    padding-top: 21px
}

.seo p,
.seo ul li {
    color: #293241;
    font-size: 18px;
    font-weight: 400;
    line-height: 140%
}

.seo p>strong {
    font-weight: 600
}

.seo h2 {
    font-size: 24px
}

.seo h2,
.seo h3 {
    color: #000;
    font-weight: 600;
    line-height: 140%;
    margin: 0
}

.seo h3 {
    font-size: 20px
}

.adress-ov {
    overflow: auto
}

.select-stantion,
body.is-animate a.wb {
    display: none
}

@media(min-width:1324px) {
    .select-stantion {
        color: #000;
        display: block;
        font-size: 24px;
        font-style: normal;
        font-weight: 600;
        left: 460px;
        line-height: 120%;
        position: absolute;
        top: 30px
    }
}

.bgbg {
    display: flex;
    height: 400px;
    left: 50%;
    max-width: 1980px;
    overflow: hidden;
    position: absolute;
    transform: translatex(-50%);
    width: 100%
}

.bgbg:after {
    background: linear-gradient(220deg, #2168d1, #712411);
    content: "";
    inset: 0;
    opacity: .5;
    position: absolute
}

.home .header .bgbg {
    border-bottom-left-radius: 100px;
    border-bottom-right-radius: 100px;
    height: 85vh;
    min-height: 750px
}

@media (max-width:800px) {
    .bg-main {
        object-position: 70% center
    }

    .hero__inner {
        justify-content: flex-end
    }

    .advantages {
        margin-bottom: 120px
    }
}

.bgbg>div {
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

.qustionform__form form {
    column-gap: 20px;
    display: flex;
    flex-direction: column;
    row-gap: 17px
}

@media(min-width:768px) {
    .qustionform__form form {
        display: grid;
        grid-template-areas: "inp btn" ". text";
        grid-template-columns: 1fr 1fr
    }
}

.qustionform__form form .form__placeholder-container {
    grid-area: inp
}

.qustionform__form form input.btn {
    grid-area: btn;
    width: 100%
}

.qustionform__form form p {
    color: #eff2f6;
    font-size: 12px;
    text-align: center
}

.qustionform__form form .form__placeholder-container label {
    color: #fff
}

.whatsapp-button {
    background: #25d366;
    border-radius: 50%;
    bottom: 90px;
    color: #fff;
    font-size: 35px;
    height: 55px;
    line-height: 53px;
    position: fixed;
    right: 13px;
    text-align: center;
    transform: translate(-50%, -50%);
    width: 55px;
    z-index: 9999
}

.whatsapp-button a {
    color: #fff
}

.whatsapp-button:after,
.whatsapp-button:before {
    animation: animate 1.5s linear infinite;
    backface-visibility: hidden;
    border: 1px solid #25d366;
    border-radius: 50%;
    bottom: -20px;
    content: " ";
    display: block;
    left: -20px;
    opacity: 0;
    position: absolute;
    right: -20px;
    top: -20px
}

.whatsapp-button:after {
    animation-delay: .5s
}

@keyframes animate {
    0% {
        opacity: 0;
        transform: scale(.5)
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: scale(1.2)
    }
}

@media (max-width:800px) {
    .whatsapp-button {
        bottom: -14px;
        right: 50px
    }
}

.article__container {
    background: #fff;
    border-radius: 40px;
    margin-left: -105px;
    margin-right: -105px;
    padding: 0 105px 40px 105px
}

.article__container ol li,
.article__container p:not([class]),
.article__container ul:not([class]) li {
    color: #293241;
    font-size: 18px;
    font-weight: 400;
    line-height: 140%
}

.article__container ol,
.article__container p:not([class]),
.article__container ul:not([class]) {
    margin-bottom: 21px
}

.article__container ol,
.article__container ul:not([class]) {
    list-style: disc;
    padding-left: 20px
}

.article {
    margin-top: 45px;
    overflow: hidden;
    z-index: 1
}

h1 {
    color: #fff;
    font-size: 30px;
    font-weight: 500;
    letter-spacing: -.5px;
    line-height: 100%
}

@media (min-width:768px) {
    h1 {
        font-size: 50px
    }
}

.breadcrumbs {
    color: #eff2f6;
    margin-bottom: 15px
}

.breadcrumbs span {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: -.2px;
    line-height: 140%
}

.breadcrumbs span a {
    color: #eff2f6;
    transition: .4s
}

.breadcrumbs span a:hover {
    color: #000
}

.video {
    background: #00c3f0;
    border-radius: 10px;
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    height: 500px;
    line-height: 36px;
    overflow: hidden;
    position: relative
}

.video p {
    bottom: 20px;
    display: block;
    left: 20px;
    position: absolute
}

.play-wrapper {
    background: url(../images/video.jpg) 50% no-repeat;
    display: flex;
    height: 394px;
    justify-content: center;
    overflow: hidden
}

.play {
    background: url(../images/play.svg) no-repeat;
    background-size: 100% 100%;
    display: block;
    height: auto;
    width: 300px
}

.social-mobile {
    display: none
}

@media (max-width:800px) {
    .play-wrapper {
        height: 250px
    }

    .play {
        position: relative;
        top: -120px
    }

    .welcome {
        padding-bottom: 0;
        padding-top: 20px
    }

    .header__container .empty {
        display: none
    }

    .header__container .logo {
        max-width: 120px
    }

    .header__container .logo img {
        max-width: inherit;
        width: 88%
    }

    .welcome .social {
        justify-content: center;
        margin-top: 20px;
        text-align: center
    }

    .social-mobile a {
        display: none
    }

    .header__mobil-phone {
        height: 40px;
        width: 40px
    }

    .header__burger {
        width: 30px
    }

    .social-mobile {
        align-items: center;
        column-gap: 15px;
        display: flex;
        flex-wrap: nowrap;
        width: 100%
    }

    .social-mobile a {
        height: 26px;
        width: 26px
    }

    .social-mobile a svg {
        fill: #fff;
        height: 100%;
        left: 0;
        object-fit: contain;
        top: 0;
        transition: .4s;
        width: 100%
    }

    .advantages {
        gap: 10px
    }

    .loan-advantage {
        border-radius: 80px;
        font-size: 7.5vw;
        font-weight: semibold;
        padding: 40px 35px
    }

    .discount-advantage {
        font-size: 5vw;
        font-weight: semibold;
        padding: 20px 40px
    }

    .cost .cost-contents .cost-contents__price .cost-contents__tab p {
        font-size: 37px
    }

    .cost .cost-contents .cost-contents__price .cost-contents__tab {
        padding: 24px
    }
}

.tab-content {
    grid-column: 1/3;
    padding-top: 21px
}

.cost .cost-contents .cost-contents__price .cost-contents__tab:nth-child(3) input[type=radio]:checked+label {
    background: #fff;
    color: #0f6b00 !important
}

._thunder {
    position: relative
}

._thunder:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='59' height='121' fill='none' viewBox='0 0 59 121'%3E%3Cpath fill='%23ffd912' d='M29.22 53.135c9.787-.019 19.76.636 29.13.725-16.76 23.133-33.618 42.682-50.607 66.597 8.733-19.962 14.529-31.217 21.83-51.529-9.786.019-19.665-.299-29.13-.725C11.812 49.722 46.627 4.923 51.188.488c-10.158 22.86-14.342 31.89-21.966 52.647'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 105px;
    position: absolute;
    right: 13px;
    top: -25px;
    width: 74px
}

.cost .video {
    height: 0;
    margin-top: 35px;
    padding-bottom: 56.25%;
    position: relative
}

.cost .video iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.hero__inner {
    display: flex;
    flex-direction: column;
    height: calc(85vh - 150px);
    justify-content: center;
    margin-bottom: 50px;
    min-height: 600px
}

.hero__footer {
    align-items: center;
    display: flex;
    gap: 30px;
    padding-left: 20px;
    padding-right: 20px
}

.hero__footer-text {
    color: #fff;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: -1px;
    line-height: 100%
}

@media (max-width:1325px) {
    .hero__inner {
        max-height: 775px
    }

    .bgbg {
        max-height: 870px
    }
}

@media (max-width:800px) {
    .hero__footer {
        align-items: center;
        flex-direction: column;
        gap: 20px;
        padding: 0
    }

    .hero__inner {
        height: calc(85vh - 100px);
        min-height: 655px
    }
}

#wpcf7-f251-o2 .form__placeholder-container input:not(:placeholder-shown)+label {
    color: #000
}

.promotions__banner {
    border-radius: 30px;
    margin-bottom: 40px;
    margin-top: -30px;
    width: 100%
}

.promo-block {
    align-items: center;
    background: #0f6b00;
    border-radius: 30px;
    display: flex;
    justify-content: center;
    margin-bottom: 90px;
    margin-top: 60px;
    overflow: hidden;
    padding: 20px;
    position: relative
}

.promo-block__container {
    display: flex;
    gap: 38px;
    position: relative;
    z-index: 1
}

.promo-block__text {
    align-items: center;
    display: flex;
    gap: 20px;
    justify-content: center
}

.promo-block__text_after,
.promo-block__text_before {
    color: #eff2f6;
    font-size: 27px;
    font-weight: 700;
    letter-spacing: -3%;
    line-height: 1.1;
    white-space: nowrap
}

.promo-block__icon {
    height: 52.5px;
    margin-top: -10px;
    width: 41px
}

.promo-block__icon img {
    width: 100%
}

.promo-block__btn .btn {
    padding: 17px 37px;
    white-space: nowrap
}

.promo-block__svg {
    height: 206px;
    position: absolute
}

.promo-block__svg-before {
    left: 0
}

.promo-block__svg-after {
    right: 0
}

.promo-block-telegram {
    background: #e1edf6;
    margin-bottom: 60px;
    margin-top: 30px
}

.promo-block-telegram__container {
    align-items: center;
    gap: 100px;
    justify-content: space-between;
    width: 100%
}

.promo-block-telegram__left,
.promo-block-telegram__right {
    display: flex;
    justify-content: flex-end;
    width: calc(50% - 120px)
}

.promo-block-telegram__left {
    padding-left: 10px
}

.promo-block-telegram__right {
    align-items: center;
    gap: 20px;
    justify-content: space-between
}

.promo-block-telegram__icon {
    height: 220px;
    left: 50%;
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: -1
}

.promo-block-telegram__tg-link {
    color: #3d5a80;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -2%;
    line-height: 1.1
}

.promo-block-telegram__btn {
    background: #fff;
    border: 1px solid #fff;
    padding: 17px 35px;
    white-space: nowrap
}

.promo-block-telegram__btn:hover {
    background: #8fbfe4;
    border-color: #6e92ae;
    color: #fff
}

.promo-block-telegram__title {
    color: #3d5a80;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -2%;
    line-height: 1.1
}

.promo-block-telegram__title b,
.promo-block-telegram__title strong {
    font-weight: 700
}

.coupon {
    margin-bottom: 60px;
    margin-top: 30px
}

.coupon__banner {
    border-radius: 30px;
    width: 100%
}

.coupon__banner-person {
    margin-right: 40px
}

.coupon__banner-wrapper {
    padding: 30px;
    width: 50%
}

.coupon__banner-heading {
    background: #0f6b00;
    border-radius: 40px;
    color: #fff;
    font-size: 38px;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 15px;
    padding: 6px 32px
}

.coupon__banner-card {
    background: #fff2ec;
    border-radius: 30px;
    inset: 0;
    position: absolute;
    z-index: -1
}

.maternity-capital {
    align-items: normal;
    background: #e6f0f8;
    margin-bottom: 40px;
    margin-top: 0;
    min-height: 269px;
    padding: 0
}

.maternity-capital__wrapper {
    display: flex;
    gap: 60px;
    min-height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 1
}

.maternity-capital__heading {
    align-items: start;
    color: #3d5a80;
    display: flex;
    flex-direction: column;
    font-size: 40px;
    font-weight: 600;
    gap: 5px;
    justify-content: center;
    letter-spacing: -.2px;
    line-height: 1.2;
    max-width: 50%;
    padding: 30px
}

.maternity-capital__image {
    align-self: end;
    margin-top: 15px
}

.maternity-capital__background-plate {
    background: #f0f8ff;
    border-radius: 60px;
    height: 150%;
    position: absolute;
    right: 0;
    top: 80px;
    transform: rotate(-10deg);
    width: 60%;
    z-index: -1
}

@media (max-width:1300px) {
    .maternity-capital__wrapper {
        gap: 20px
    }
}

@media (max-width:1250px) {
    .maternity-capital__heading {
        font-size: 30px
    }
}

@media (max-width:1130px) {
    .maternity-capital__image {
        max-width: 50%
    }

    .maternity-capital__heading {
        font-size: 24px
    }
}

@media (max-width:992px) {
    .maternity-capital__image {
        max-width: 55%
    }
}

@media (max-width:782px) {
    .maternity-capital__wrapper {
        flex-direction: column-reverse;
        gap: 0
    }

    .maternity-capital__background-plate {
        width: 100%
    }

    .maternity-capital__image {
        align-self: start;
        max-width: 100%
    }

    .maternity-capital__heading {
        flex-direction: row;
        gap: 10px;
        max-width: 100%
    }

    .maternity-capital__heading svg {
        flex-shrink: 0
    }
}

.cost .price_block {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-start
}

.promo-block__bank {
    margin-bottom: 40px;
    margin-top: 20px;
    padding: 36px
}

.promo-block__bank .promo-block__text_before {
    text-align: center;
    white-space: wrap
}

.promo-block__bank .promo-block__btn {
    display: flex
}

.promo-block__bank .promo-block__text_before {
    font-weight: 400
}

.modal__content[data-id=loan] .form__placeholder-container input:not(:placeholder-shown)+label {
    color: #000
}

.modal__footer {
    align-items: center;
    display: flex;
    gap: 20px
}

.modal-footer__helper-text {
    color: #707078;
    font-size: 14px;
    max-width: 190px
}

.tabl-cont {
    display: flex;
    gap: 10px
}

.tabl-cont table {
    width: 100%
}

.scroll-btn__section {
    display: flex;
    margin-bottom: 50px;
    margin-top: 50px;
    position: relative
}

.btn-burger,
.scroll-btn__section {
    align-items: center;
    justify-content: center
}

.btn-burger {
    background: #fff;
    border-radius: 50%;
    cursor: pointer;
    display: none;
    height: 44px;
    margin-left: auto;
    transition: .4s;
    width: 44px
}

.tax-return {
    color: #000;
    display: block;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -2%;
    line-height: 1.1;
    margin-top: 20px;
    text-align: center
}

@media (max-width:1324px) {
    .btn-burger {
        display: flex
    }
}

.btn-burger svg {
    height: 24px;
    width: 24px
}

.btn-burger:hover {
    background: #ffd912
}

.header__contact-group {
    align-items: center;
    display: flex;
    gap: 15px;
    min-width: 103px
}

.section-text-bottom {
    margin-top: 50px
}

.section-text-bottom .article__container {
    min-height: auto
}

@media (max-width:1325px) {
    .promotions__banner {
        margin-top: 0
    }

    .tabl-cont {
        display: block
    }

    .tabl-cont table {
        width: auto
    }

    .promo-block-telegram__icon {
        height: 180px
    }

    .promo-block-telegram__left,
    .promo-block-telegram__right {
        width: calc(50% - 90px)
    }
}

@media (max-width:1255px) {
    .promo-block-telegram__icon {
        left: 40%
    }

    .promo-block-telegram__left {
        width: calc(40% - 90px)
    }

    .promo-block-telegram__right {
        width: calc(60% - 90px)
    }
}

@media (max-width:1099px) {

    .promo-block__text_after,
    .promo-block__text_before {
        font-size: 24px
    }

    .promo-block__icon {
        height: 37.5px;
        width: 30px
    }

    .promo-block__container {
        flex-wrap: wrap;
        justify-content: center
    }

    .promo-block-telegram__container {
        justify-content: space-between
    }
}

@media (max-width:1080px) {
    .promo-block-telegram__tg-link {
        display: none
    }

    .promo-block-telegram__left,
    .promo-block-telegram__right {
        width: calc(50% - 90px)
    }

    .promo-block-telegram__right {
        justify-content: flex-end
    }

    .promo-block-telegram__icon {
        left: 50%
    }
}

@media (max-width:991px) {
    .stages {
        padding-bottom: 180px
    }

    .stages__bottom img {
        max-height: 150px
    }
}

@media (max-width:800px) {
    .perfomance {
        margin-top: 20px
    }

    .promo-block__icon {
        margin-top: 0
    }

    .promo-block-telegram__container {
        align-items: flex-start;
        flex-direction: column;
        gap: 40px;
        justify-content: center
    }

    .promo-block-telegram__tg-link {
        display: initial
    }

    .promo-block-telegram__left,
    .promo-block-telegram__right {
        flex-direction: row-reverse;
        width: calc(100% - 200px)
    }

    .promo-block-telegram__icon {
        height: 130px;
        left: 100%;
        transform: translate(-160px, -50%);
        width: 130px
    }
}

@media screen and (max-width:767px) {
    .promo-block {
        margin-bottom: 50px;
        margin-top: 30px
    }

    .promo-block__container {
        gap: 20px
    }

    .promo-block__text_after,
    .promo-block__text_before {
        font-size: 20px
    }

    .promo-block__text {
        flex-wrap: wrap;
        justify-content: center
    }

    .promo-block-telegram__left,
    .promo-block-telegram__right {
        align-items: center;
        flex-direction: column;
        text-align: center;
        width: calc(100% - 200px)
    }

    .perfomance {
        margin-top: 20px
    }
}

@media screen and (max-width:575px) {

    .promo-block__text_after,
    .promo-block__text_before {
        font-size: 24px
    }

    .promo-block__text_after {
        font-weight: 400
    }

    .promo-block__container {
        align-items: center;
        flex-direction: column;
        gap: 20px
    }

    .promo-block-telegram__left,
    .promo-block-telegram__right {
        flex-direction: column;
        width: 100%
    }

    .promo-block-telegram__icon {
        height: 300px;
        left: 0;
        opacity: .2;
        transform: translate(-150px, -120px);
        width: 300px
    }
}

.pricing-table {
    display: grid;
    gap: 15px;
    grid-template-columns: repeat(4, 1fr);
    margin-top: 30px
}

.pricing-table__item {
    height: 100%;
    padding-bottom: 15px;
    padding-top: 15px
}

.pricing-table__item.--popuped {
    padding-bottom: 0;
    padding-top: 0
}

@media (max-width:1324px) {
    .pricing-table {
        gap: 20px;
        grid-template-columns: repeat(2, 1fr)
    }

    .pricing-table__item.--popuped {
        padding-bottom: 15px;
        padding-top: 15px
    }
}

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

.tariff {
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    padding: 25px;
    position: relative
}

.--popuped .tariff {
    padding-bottom: 40px;
    padding-top: 40px
}

.tariff__thunder {
    position: absolute;
    right: 20px;
    top: -25px
}

.tariff__body {
    overflow: hidden
}

.tariff__title {
    color: #707078;
    font-family: Manrope, sans-serif;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -.2px;
    line-height: 1.4;
    margin-bottom: 15px
}

.tariff__advantages-title {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -.2px;
    line-height: 1;
    margin-bottom: 35px
}

.tariff__advantages {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 25px
}

.tariff__advantage {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -.2px;
    line-height: 1.1;
    padding-left: 16px;
    position: relative
}

.tariff__advantage:before {
    border: 1.5px solid #61a19c;
    border-radius: 50%;
    content: "";
    height: 8px;
    left: 0;
    position: absolute;
    top: 6px;
    width: 8px
}

.tariff__tabs {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
    position: relative
}

.tariff__tab {
    background: transparent;
    border: 1px solid #cfd1df;
    border-radius: 55px;
    cursor: pointer;
    padding: 7px 14px;
    position: relative;
    transition: all .3s ease-in-out;
    z-index: 2
}

.tariff__tab-title {
    color: #293241;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
    transition: all .3s ease-in-out
}

.tariff__tab.--active {
    background: transparent;
    border-color: #0f6b00
}

.tariff__tab.--active .tariff__tab-title {
    color: #fff
}

.tariff__tabs-indicator {
    background: #0f6b00;
    border-radius: 55px;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: all .3s ease;
    will-change: transform, width;
    z-index: 1
}

.tariff__tabs-content {
    display: grid;
    gap: 0;
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 20px;
    transition: transform .3s ease;
    width: 200%
}

.tariff__tab-content {
    width: 100%
}

.tariff__old-price {
    color: #160a3d;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -2%;
    line-height: 1.2;
    margin-bottom: 8px
}

.tariff__discounts {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(2, 1fr)
}

.tariff__discount {
    display: flex;
    flex-direction: column;
    gap: 0
}

.tariff__discount-price {
    color: #160a3d;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: -2%;
    line-height: 1.2
}

.tariff__discount-price small {
    font-size: 16px !important
}

.tariff__discount-price+.tariff__price-description {
    margin-top: 10px
}

.tariff__price-description {
    color: #696c78;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: -2%;
    line-height: 1
}

.tariff__footer {
    border-top: 1px solid #d0d1d5;
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(2, 1fr);
    padding-top: 15px
}

.tariff__footer-price {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.tariff__footer-price .tariff__price {
    color: #160a3d;
    font-size: 27px;
    font-weight: 700;
    letter-spacing: -2%;
    line-height: 1.2
}

.tariff__footer button {
    background: transparent;
    border: 1px solid #3d5a80;
    border-radius: 15px;
    color: #3d5a80;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -.3px;
    line-height: 1.2;
    padding: 14px 20px;
    transition: .4s
}

.tariff__footer button:focus,
.tariff__footer button:hover {
    background-color: #0f6b00;
    border-color: #0f6b00;
    color: #fff
}

.pricing-table__item.--green .tariff {
    background-color: #ebf8f7
}

.pricing-table__item.--blue .tariff {
    background-color: #e1f2fd
}

.pricing-table__item.--orange .tariff {
    background-color: #0f6b00
}

.pricing-table__item.--dark-blue .tariff {
    background-color: #3555f5
}

.pricing-table__item.--lavander .tariff {
    background-color: #150a29
}

.--blue.tariff__title {
    color: #eff2f6
}

.--dark-blue .tariff__advantage,
.--dark-blue .tariff__advantages-title,
.--dark-blue .tariff__discount-price,
.--dark-blue .tariff__footer-price .tariff__price,
.--dark-blue .tariff__old-price,
.--dark-blue .tariff__price-description,
.--dark-blue .tariff__tab-title,
.--dark-blue .tariff__title,
.--orange .tariff__advantage,
.--orange .tariff__advantages-title,
.--orange .tariff__discount-price,
.--orange .tariff__footer-price .tariff__price,
.--orange .tariff__old-price,
.--orange .tariff__price-description,
.--orange .tariff__tab-title,
.--orange .tariff__title {
    color: #fff
}

.--dark-blue .tariff__title {
    font-size: 36px
}

.--orange .tariff__tab {
    border-color: #f8a795
}

.--dark-blue .tariff__advantage:before,
.--dark-blue .tariff__tab.--active,
.--lavander .tariff__advantage:before,
.--orange .tariff__advantage:before,
.--orange .tariff__tab.--active {
    border-color: #fff
}

.--dark-blue .tariff__tabs-indicator,
.--orange .tariff__tabs-indicator {
    background-color: #fff
}

.--orange .tariff__tab.--active .tariff__tab-title {
    color: #0f6b00
}

.--dark-blue .tariff__tab.--active .tariff__tab-title {
    color: #3555f5
}

.--orange .tariff__footer button {
    background-color: #fff;
    border-color: #fff;
    color: #0f6b00
}

.--dark-blue .tariff__footer button {
    background-color: #fff;
    border-color: #fff;
    color: #3555f5
}

.--dark-blue .tariff__footer button:focus,
.--dark-blue .tariff__footer button:hover,
.--orange .tariff__footer button:focus,
.--orange .tariff__footer button:hover {
    background-color: transparent;
    border-color: #fff;
    color: #fff
}

.--lavander .tariff__advantage,
.--lavander .tariff__advantages-title,
.--lavander .tariff__discount-price,
.--lavander .tariff__footer-price .tariff__price,
.--lavander .tariff__old-price,
.--lavander .tariff__price-description,
.--lavander .tariff__tab-title,
.--lavander .tariff__title {
    color: #eff2f6
}

.--lavander .tariff__tab {
    border-color: #eff2f6
}

.--lavander .tariff__tab.--active {
    border-color: #0f6b00
}

.--lavander .tariff__footer button {
    background-color: #0f6b00;
    border: 1px solid #0f6b00;
    color: #eff2f6
}

.--lavander .tariff__footer button:focus,
.--lavander .tariff__footer button:hover {
    background-color: #eff2f6;
    border-color: #eff2f6;
    color: #0f6b00
}

.icon-light {
    margin-left: 10px
}

@media (max-width:520px) {
    .header__container {
        grid-template-columns: 100px 1fr 1fr
    }

    .header__container .logo img {
        max-width: 100% !important;
        width: 100% !important
    }
}

.bvi-shortcode {
    border-radius: 50px !important;
    padding: 5px 12px !important
}

.bvi-svg-eye {
    font-size: 15px !important;
    font-weight: 600 !important
}

.bvi-open {
    margin-right: 8px !important;
    width: 16px !important
}

.video-wrapper {
    aspect-ratio: 16/9;
    border-radius: 50px;
    margin-bottom: 50px;
    margin-top: 30px;
    overflow: hidden;
    position: relative;
    width: 100%
}

.video-wrapper iframe {
    display: block;
    height: 100%;
    width: 100%
}

.video-cover {
    align-items: center;
    background: #000;
    cursor: pointer;
    display: flex;
    inset: 0;
    justify-content: center;
    position: absolute;
    z-index: 2
}

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

.play-btn {
    align-items: center;
    background: #ffd912;
    border: none;
    border-radius: 15px;
    color: #000 !important;
    cursor: pointer;
    font-size: 18px;
    font-weight: 700;
    padding: 13px 22px;
    top: 70%;
    transition: transform .3s
}

.play-btn,
.video-description {
    display: flex;
    gap: 10px;
    position: absolute
}

.video-description {
    bottom: 50px;
    color: #fff;
    flex-direction: column;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: -1%;
    line-height: 1.1;
    right: 60px
}

.play-btn:hover {
    transform: scale(1.1)
}

.gallery {
    margin-bottom: 20px
}

.pricing-table--js {
    overflow: visible !important
}

.pricing-table--js .swiper-slide-active,
.pricing-table--js .swiper-slide-next,
.pricing-table--js .swiper-slide-prev {
    opacity: 1
}

.pricing-table--js:not(.swiper-initialized) .swiper-wrapper {
    display: block
}

.pricing-table--js:not(.swiper-initialized) .swiper-slide {
    margin: 0 0 20px;
    width: auto !important
}

.pricing-next-js,
.pricing-prev-js {
    opacity: .5
}

.pricing-next-js:hover,
.pricing-prev-js:hover {
    opacity: 1
}

.pricing-next-js.swiper-button-disabled,
.pricing-prev-js.swiper-button-disabled {
    display: none
}

@media (max-width:900px) {
    .modal__tg-background {
        max-width: 33%
    }
}

@media (max-width:825px) {
    .modal__content {
        padding: 40px 45px 55px
    }

    .modal__footer {
        align-items: flex-start;
        flex-direction: column
    }

    .modal-footer__helper-text {
        max-width: 100%
    }

    .modal__tg-background {
        max-width: 45%
    }
}

@media (max-width:500px) {
    .modal__content {
        padding: 30px
    }

    .btn.btn__red {
        padding: 15px 35px
    }

    .btn.btn__blue {
        padding: 15px 24px
    }
}

/*# sourceMappingURL=main.css.map*/