:root {
    --font-accent: 'Manrope', sans-serif;
    --accent: #4CB474;
    --comleted: #4CB474;
    --failed: #F9165A;
    --btn-color: #4CB474;
    --btn-text: #0056F1;
    --bg-color: #F8F8F8;
    --light-color: #9B9B9B;
    --border-color: #DDDDDD;
    --white-color: #FFFFFF;
    --text: #000000;
    --title: #000000;
    --second-color: #FD8143;
    --invalid-color: #F9165A;
    --valid-color: #4CB474;
    --placeholder-color: #000000;
    --transition: .2s linear;
    --brs: 20px;
    --brs-sm: 10px;
    --gap: 32px;
    --yellow-color: #FCFF5A;
    --pt-100: 100px;
    --accent-gradient: linear-gradient(0deg, #EDF8F4 0%, rgba(237, 248, 244, 0) 100%);
    --main-box-shadow: 0px 14px 54px 0px #00000017
}

@font-face {
    font-family: BRSonoma-Regular;
    src: url(../fonts/BRSonoma-Light.otf) format("truetype");
    font-weight: 300
}

@font-face {
    font-family: BRSonoma-Regular;
    src: url(../fonts/BRSonoma-Regular.otf) format("truetype");
    font-weight: 400
}

@font-face {
    font-family: BRSonoma-Regular;
    src: url(../fonts/BRSonoma-SemiBold.otf) format("truetype");
    font-weight: 600
}

@font-face {
    font-family: BRSonoma-Medium;
    src: url(../fonts/BRSonoma-Bold.otf) format("truetype");
    font-weight: 700
}

@font-face {
    font-family: BRSonoma-Medium;
    src: url(../fonts/BRSonoma-Black.otf) format("truetype");
    font-weight: 900
}

.btn {
    display: inline-block;
    background-color: var(--accent);
    outline: 0;
    color: var(--white-color);
    text-align: center;
    cursor: pointer;
    padding: 16px 32px;
    border-radius: 50px;
    font-weight: 700;
    font-size: 14px;
    line-height: 19px
}

.btn:hover {
    -webkit-box-shadow: 0 14px 24px 0 #4cb4744D;
    box-shadow: 0 14px 24px 0 #4cb4744D
}

.btn_white {
    background-color: var(--white-color);
    color: var(--accent)
}

.btn_white:hover {
    -webkit-box-shadow: 0 4px 24px rgba(255, 255, 255, .4);
    box-shadow: 0 4px 24px rgba(255, 255, 255, .4)
}

.container {
    max-width: 1170px;
    width: 100%;
    padding: 0 15px;
    margin: 0 auto
}

.main-image__text {
    padding: 20px 20px 20px 40px;
    border-radius: 10px;
    background-color: var(--white-color);
    position: absolute;
    bottom: 100px;
    left: 64px;
    font-size: 14px;
    text-align: left
}

@media screen and (min-width:768px) {
    .main-image__text {
        padding: 20px 20px 20px 50px
    }
}

.main-image__text::before {
    content: '';
    width: 2px;
    height: calc(100% - 40px);
    position: absolute;
    top: 50%;
    left: 20px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: var(--second-color);
    border-radius: 30px
}

.main-image__name {
    display: block;
    margin-bottom: 5px;
    font-size: 16px
}

@media screen and (min-width:768px) {
    .main-image__name {
        font-size: 20px
    }
}

.main-image__role {
    font-size: 12px
}

@media screen and (min-width:768px) {
    .main-image__role {
        font-size: 14px
    }
}

.icon {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px;
    background-color: var(--white-color);
    min-width: 50px;
    height: 50px;
    display: block;
    border-radius: 50%;
    margin-right: 20px
}

.icon_bookmark {
    background-image: url(../img/svg/bookmark.svg)
}

.icon_briefcase {
    background-image: url(../img/svg/briefcase.svg)
}

.icon_code {
    background-image: url(../img/svg/code-circle.svg)
}

.icon_maximize {
    background-image: url(../img/svg/maximize.svg)
}

.icon_medal {
    background-image: url(../img/svg/medal.svg)
}

.icon_security-user {
    background-image: url(../img/svg/security-user.svg)
}

.icon_shop {
    background-image: url(../img/svg/shop.svg)
}

.icon_tree {
    background-image: url(../img/svg/tree.svg)
}

.icon_cup {
    background-image: url(../img/svg/cup.svg)
}

.icon_cup-w {
    background-image: url(../img/svg/cup-w.svg)
}

.icon_crown {
    background-image: url(../img/svg/crown.svg)
}

.icon_users {
    background-image: url(../img/svg/profile-2user.svg)
}

.icon_flash {
    background-image: url(../img/svg/flash.svg)
}

.icon_flag {
    background-image: url(../img/svg/flag.svg)
}

.icon_flag-w {
    background-image: url(../img/svg/flag-w.svg)
}

.socials {
    display: -ms-grid;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-auto-flow: column;
    list-style: none;
    grid-gap: 24px
}

.socials__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 48px;
    height: 48px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: var(--bg-color);
    border-radius: 50%;
    -webkit-transition: -webkit-transform var(--transition);
    transition: -webkit-transform var(--transition);
    -o-transition: transform var(--transition);
    transition: transform var(--transition);
    transition: transform var(--transition), -webkit-transform var(--transition)
}

.socials__link:hover {
    background-color: var(--accent)
}

.socials__link:hover .socials__logo {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1)
}

.modal {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    overflow-y: auto;
    overflow-x: hidden;
    background: -webkit-gradient(linear, left top, left bottom, from(#edf8f4), to(rgba(237, 248, 244, .8)));
    background: -o-linear-gradient(top, #edf8f4 0, rgba(237, 248, 244, .8) 100%);
    background: linear-gradient(180deg, #edf8f4 0, rgba(237, 248, 244, .8) 100%)
}

.modal-success .modal__content {
    background-image: url(../img/svg/decor/decor-bg.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 80%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.modal._visible {
    opacity: 1;
    visibility: visible;
    z-index: 22
}

.modal._visible .modal__content {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.modal__body {
    min-height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 30px 10px
}

.modal__decor {
    max-width: 600px
}

.modal__content {
    max-width: 920px;
    width: 100%;
    padding: 30px 20px;
    border-radius: 10px;
    position: relative;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    -o-transition-property: transform, opacity;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    will-change: transform;
    opacity: 0;
    background: var(--white-color);
    color: var(--text)
}

@media screen and (min-width:540px) {
    .modal__content {
        min-height: 450px
    }
}

@media screen and (min-width:768px) {
    .modal__content {
        min-height: 550px
    }
}

@media screen and (min-width:1024px) {
    .modal__content {
        padding: 80px
    }
}

.modal__title-top {
    color: var(--accent);
    font-size: 14px;
    font-weight: 800
}

.modal__title {
    text-align: center;
    font-size: 22px;
    margin-bottom: 15px;
    font-weight: 800;
    color: var(--text)
}

@media screen and (min-width:768px) {
    .modal__title {
        font-size: 28px
    }
}

.modal__subtitle {
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    color: var(--light-color)
}

.modal__icon {
    margin: 0 auto 20px;
    width: 50px;
    height: 50px
}

@media screen and (min-width:768px) {
    .modal__icon {
        width: 84px;
        height: 84px
    }
}

@media screen and (min-width:768px) {
    .modal__form {
        max-width: 350px
    }
}

.modal__main-image {
    display: none;
    position: absolute;
    bottom: 0;
    right: 0;
    max-width: 465px;
    width: 100%;
    height: 100%;
    max-height: 610px;
    z-index: 2
}

.modal__main-image__picture {
    position: absolute;
    bottom: 0;
    right: 0
}

.modal__main-image::before {
    content: '';
    position: absolute;
    top: -60px;
    left: 0;
    width: 220px;
    height: 100%;
    background-image: url(../img/svg/decor-group-2.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    z-index: 2
}

@media screen and (min-width:768px) {
    .modal__main-image {
        max-width: 400px;
        display: block
    }
}

@media screen and (min-width:1024px) {
    .modal__main-image {
        max-width: 465px
    }
}

.modal__close-btn {
    top: 10px;
    right: 10px;
    width: 34px;
    height: 34px
}

@media screen and (min-width:1024px) {
    .modal__close-btn {
        top: 0;
        right: -52px;
        width: 44px;
        height: 44px
    }
}

.close-btn {
    padding: 4px;
    border: none;
    background-color: var(--second-color);
    border-radius: 10px;
    position: absolute;
    stroke-width: 1.5px;
    cursor: pointer
}

.close-btn svg {
    width: 10px;
    height: 10px;
    stroke: var(--white-color)
}

.form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.form__btn {
    margin-top: 24px
}

.form__input {
    border: 1px solid transparent;
    padding-right: 40px
}

.form__group {
    display: -ms-grid;
    display: grid;
    grid-gap: 20px;
    width: 100%;
    margin-top: 27px
}

.form__control {
    border-radius: 50px;
    position: relative;
    width: 100%
}

.form__control._error::after {
    content: '';
    background-image: url(../img/svg/info-circle.svg);
    background-position: center;
    position: absolute;
    right: 16px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 20px;
    height: 20px
}

.form__control ._error {
    border-color: var(--invalid-color);
    color: var(--invalid-color)
}

.form__textarea {
    resize: none;
    width: 100%;
    white-space: nowrap;
    height: 130px;
    border-radius: 10px
}

.decor {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 1200px;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: -1
}

.decor__img {
    position: absolute;
    will-change: transform
}

.decor__img-1 {
    top: 0;
    left: -5%
}

.decor__img-2 {
    bottom: 10px;
    left: -2.08%
}

.decor__img-3 {
    top: 0;
    left: 25%
}

.decor__img-4 {
    top: 170px;
    left: 0
}

.decor__img-5 {
    left: 0;
    bottom: 20%
}

.decor__img-6 {
    top: 2%;
    left: 20%;
    width: 60px
}

@media screen and (min-width:768px) {
    .decor__img-6 {
        width: auto
    }
}

.decor__img-7 {
    top: 48%;
    left: 10%;
    width: 60px
}

@media screen and (min-width:768px) {
    .decor__img-7 {
        width: auto
    }
}

.decor__img-8 {
    left: 45%;
    top: 4%
}

.decor__img-9 {
    top: 3%;
    right: -10%;
    width: 60px
}

@media screen and (min-width:768px) {
    .decor__img-9 {
        width: auto
    }
}

.decor__img-10 {
    top: 40%;
    right: 2%
}

.decor__img-11 {
    bottom: 25%;
    right: -10%
}

.decor__img-12 {
    bottom: 8%;
    right: 0
}

.accordion__item-content {
    display: none
}

.accordion__item._active .accordion__item-content {
    display: block
}

.header {
    padding: 20px 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 5
}

@media screen and (min-width:991px) {
    .header {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.header__container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    grid-auto-flow: column;
}

@media screen and (min-width:991px) {
    .header__container {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-grid-columns: minmax(100px, auto) 1fr minmax(190px, auto);
        grid-template-columns: minmax(100px, auto) 1fr minmax(190px, auto)
    }
}

@media screen and (min-width:1024px) {
    .header__container {
        -ms-grid-columns: minmax(190px, auto) 1fr minmax(190px, auto);
        grid-template-columns: minmax(190px, auto) 1fr minmax(190px, auto)
    }
}

.header__lang {
    margin-left: 15px;
    position: absolute;
    right: 15px;
    width: 20px;
    height: 20px
}

.header__lang li {
    display: none
}

.header__lang li.current-lang {
    display: block;
    position: relative;
}

.header__lang .show li {
    display: block
}

.header__lang li {
    position: absolute;
    top: 100%;
    left: 0;
}

@media screen and (min-width: 991px) {
    .header__lang {
        position: relative;
        right: unset
    }
}

.dropbtn {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    z-index: 2;
    opacity: 0;
    background-color: transparent;
    cursor: pointer
}

.dropdown-content {
    position: absolute;
    width: 100%;
    list-style-type: none;
    margin-top: 0;
    padding-left: 0;
}

.show {
    display: block;
}


.header__menu {
    display: none
}

@media screen and (min-width:991px) {
    .header__menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.header__menu-list {
    display: -ms-grid;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    grid-auto-flow: column;
    grid-gap: 15px
}

@media screen and (min-width:1024px) {
    .header__menu-list {
        grid-gap: var(--gap)
    }
}

.lang-item {
    font-size: 14px;
}

.lang-item:not(.current-lang) {
    opacity: 0.5;
    margin-top: 10px;
}

.header__menu-link {
    font-size: 14px;
    font-weight: 500;
    position: relative;
    padding: 12px
}

.header__menu-link::before {
    width: 15px;
    height: 2px;
    background-color: var(--second-color);
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.header__menu-link._active::before,
.header__menu-link:hover::before {
    content: ''
}

.header__button {
    display: none
}

@media screen and (min-width:991px) {
    .header__button {
        display: inline-block
    }
}

.section {
    color: var(--text);
    z-index: 2;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 80px 0;
    overflow: hidden
}

@media screen and (min-width:1024px) {
    .section {
        min-height: 720px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 120px 0
    }
}

.section_light {
    background-color: var(--bg-color)
}

.section_accent {
    background-color: var(--accent);
    color: var(--white-color)
}

@media screen and (min-width:1024px) {
    .section-1 .section__bg {
        width: 80%
    }
}

.section-1 .section__bg::after,
.section-1 .section__bg::before {
    content: '';
    position: absolute
}

.section-1 .section__bg::before {
    background-image: url(../img/svg/infinity.svg);
    background-size: contain;
    background-position: bottom;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
    width: 70%;
    height: 100%;
    max-height: 390px;
    background-repeat: no-repeat;
    mix-blend-mode: soft-light
}

@media screen and (min-width:1024px) {
    .section-1 .section__bg::before {
        left: -200px;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.section-1 .section__bg::after {
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(34.72%, #f4f4f4), color-stop(82.15%, rgba(244, 244, 244, 0)));
    background-image: -o-linear-gradient(top, #f4f4f4 34.72%, rgba(244, 244, 244, 0) 82.15%);
    background-image: linear-gradient(180deg, #f4f4f4 34.72%, rgba(244, 244, 244, 0) 82.15%)
}

@media screen and (min-width:1024px) {
    .section-1 .section__bg::after {
        background-image: -webkit-gradient(linear, right top, left top, color-stop(34.72%, #f4f4f4), color-stop(82.15%, rgba(244, 244, 244, 0)));
        background-image: -o-linear-gradient(right, #f4f4f4 34.72%, rgba(244, 244, 244, 0) 82.15%);
        background-image: linear-gradient(270deg, #f4f4f4 34.72%, rgba(244, 244, 244, 0) 82.15%)
    }
}

.section-2 {
    text-align: center
}

@media screen and (min-width:1024px) {
    .section-2 {
        text-align: left
    }
}

.section-2 .section__description {
    max-width: 660px
}

@media screen and (min-width:1024px) {
    .section-2 .section__description {
        max-width: 460px
    }
}

@media screen and (min-width:1280px) {
    .section-2 .section__description {
        max-width: 660px
    }
}

.section-2 .section__bg {
    right: 0;
    left: unset;
    width: 100%
}

@media screen and (min-width:1024px) {
    .section-2 .section__bg {
        right: -140px
    }
}

@media screen and (min-width:1680px) {
    .section-2 .section__bg {
        right: 0
    }
}

.section-2 .section__bg-img {
    max-width: 370px;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: bottom;
    object-position: bottom;
    margin: 0 auto
}

@media screen and (min-width:1024px) {
    .section-2 .section__bg-img {
        max-width: unset;
        margin-left: auto;
        -o-object-fit: contain;
        object-fit: contain;
        -o-object-position: right;
        object-position: right
    }
}

.section-3 {
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.section-4 {
    padding: 70px 0 0;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.section-4 .section__info {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

@media screen and (min-width:1024px) {
    .section-4 .section__info {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.section-4 .section__picture {
    width: 95%
}

@media screen and (min-width:540px) {
    .section-4 .section__picture {
        width: 30%
    }
}

@media screen and (min-width:1024px) {
    .section-4 .section__picture {
        width: 90%
    }
}

.section-4 .section__description {
    margin-bottom: 20px
}

@media screen and (min-width:1024px) {
    .section-4 .section__description {
        margin-left: 86px;
        margin-bottom: 0
    }
}

@media screen and (min-width:1024px) {
    .section-5 {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.section-5 .section__description {
    max-width: 570px
}

.section-5 .section__bg {
    height: 70%;
    top: unset;
    bottom: 0
}

.section-5 .section__bg-img {
    -o-object-fit: cover;
    object-fit: cover
}

@media screen and (min-width:1024px) {
    .section-5 .section__bg {
        height: 100%
    }
}

.section-5 .section__bg::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(14.72%, #f4f4f4), color-stop(82.15%, rgba(244, 244, 244, 0)));
    background-image: -o-linear-gradient(top, #f4f4f4 14.72%, rgba(244, 244, 244, 0) 82.15%);
    background-image: linear-gradient(180deg, #f4f4f4 14.72%, rgba(244, 244, 244, 0) 82.15%);
    pointer-events: none
}

@media screen and (min-width:1024px) {
    .section-5 .section__bg::after {
        background-image: -webkit-gradient(linear, left top, right top, color-stop(54.72%, #f4f4f4), color-stop(82.15%, rgba(244, 244, 244, 0)));
        background-image: -o-linear-gradient(left, #f4f4f4 54.72%, rgba(244, 244, 244, 0) 82.15%);
        background-image: linear-gradient(90deg, #f4f4f4 54.72%, rgba(244, 244, 244, 0) 82.15%)
    }
}

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

.section-6 .section__bg-img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    -o-object-position: right;
    object-position: right
}

@media screen and (min-width:1024px) {
    .section-6 .section__bg-img {
        -o-object-fit: contain;
        object-fit: contain;
        -o-object-position: left;
        object-position: left
    }
}

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

.section__bg-img {
    width: 100%;
    height: 100%;
    -o-object-position: bottom;
    object-position: bottom;
    -o-object-fit: contain;
    object-fit: contain
}

@media screen and (min-width:768px) {
    .section__bg-img {
        -o-object-fit: cover;
        object-fit: cover
    }
}

@media screen and (min-width:1024px) {
    .section__bg-img {
        width: 70%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: right;
        object-position: right
    }
}

.section__bg_right {
    right: 0;
    left: 0
}

.section__bg_right::before {
    content: none
}

.section__bg_right .section__bg-img {
    margin-left: auto
}

.section__bg_accent {
    mix-blend-mode: color-burn
}

.section_white {
    color: var(--text)
}

.section__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

@media screen and (min-width:1024px) {
    .section__info {
        -webkit-box-pack: unset;
        -ms-flex-pack: unset;
        justify-content: unset
    }
}

@media screen and (min-width:1024px) {
    .section__info_right {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

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

.section__info_center .section__description {
    margin: 0 auto
}

.section__description {
    max-width: 682px;
    width: 100%;
    text-align: center
}

@media screen and (min-width:1024px) {
    .section__description {
        text-align: left
    }
}

.section__title {
    position: relative;
    text-align: center
}

@media screen and (min-width:768px) {
    .section__title {
        text-align: left
    }
}

.section__title-text {
    font-size: 32px;
    line-height: 1.35;
    font-weight: 800;
    margin-bottom: var(--gap)
}

@media screen and (min-width:1024px) {
    .section__title-text {
        font-size: 48px;
        line-height: 65px;
        margin-bottom: 40px
    }
}

.section__title-top {
    margin-bottom: 15px;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 27px;
    color: var(--accent);
    letter-spacing: 2px
}

@media screen and (min-width:1024px) {
    .section__title-top {
        font-size: 20px
    }
}

.section__label {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--accent);
    color: var(--white-color);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 4px 26px 4px 4px;
    border-radius: 28px;
    margin-bottom: 26px
}

.section__label_white {
    background-color: var(--white-color);
    color: var(--accent)
}

.section__label_white .section__label-icon {
    background-color: var(--accent)
}

.section__btn {
    margin-top: var(--gap)
}

.main-screen {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    z-index: 4;
    position: relative;
    background-image: var(--accent-gradient);
    min-height: 680px
}

@media screen and (min-width:768px) {
    .main-screen {
        min-height: 100vh
    }
}

.main-screen::after {
    content: '';
    background-image: url(../img/_src/bg-wave.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

.main-screen__block {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

@media screen and (min-width:768px) {
    .main-screen__block {
        text-align: left;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        min-height: 680px
    }
}

.main-screen__decor {
    z-index: 3
}

@media screen and (min-width:768px) {
    .main-screen__decor {
        height: calc(100% - 170px)
    }
}

.main-screen__banner {
    position: relative;
    max-width: 465px
}

@media screen and (min-width:768px) {
    .main-screen__banner {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 100%;
        max-height: 610px;
        z-index: 2
    }
}

.main-screen__banner-decor {
    height: 100%;
    z-index: 2
}

.main-screen__description {
    position: relative;
    z-index: 4;
    max-width: 400px
}

@media screen and (min-width:768px) {
    .main-screen__description {
        max-width: 60%
    }
}

@media screen and (min-width:1024px) {
    .main-screen__description {
        max-width: 640px
    }
}

.main-screen__title {
    font-weight: 800;
    font-size: 36px;
    margin-bottom: 20px
}

@media screen and (min-width:768px) {
    .main-screen__title {
        font-size: 40px;
        margin-bottom: 24px
    }
}

@media screen and (min-width:1024px) {
    .main-screen__title {
        font-size: 56px
    }
}

.main-screen__text {
    max-width: 600px;
    font-size: 20px;
    font-weight: 800
}

@media screen and (min-width:768px) {
    .main-screen__text {
        font-size: 26px
    }
}

.main-screen__small-text {
    margin-top: 10px;
    font-size: 12px;
}

@media screen and (min-width:768px) {
    .main-screen__small-text {
        margin-top: 15px;
        font-size: 14px;
    }
}

.main-screen__btn {
    margin-top: 20px
}

@media screen and (min-width:768px) {
    .main-screen__btn {
        margin-top: 36px
    }
}

.career-slider {
    max-width: 80%
}

@media screen and (min-width:1024px) {
    .career-slider {
        max-width: unset
    }
}

.career-slider__item {
    padding: 38px;
    border-radius: 20px
}

.career-slider__item:nth-child(odd) {
    background-color: var(--white-color);
    -webkit-box-shadow: var(--main-box-shadow);
    box-shadow: var(--main-box-shadow)
}

.career-slider__icon {
    margin-bottom: 32px
}

.career-slider__title {
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 20px
}

.career-slider__text {
    font-size: 16px;
    font-weight: 500
}

.career .swiper-arrow {
    padding: 0;
    background-image: url(../img/svg/slider/arrow.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    cursor: pointer
}

.career .swiper-arrow+.swiper-arrow {
    margin-left: 20px
}

.career .swiper-arrow:hover {
    -webkit-filter: drop-shadow(0 14px 10px rgba(76, 180, 16, .3));
    filter: drop-shadow(0 14px 10px rgba(76, 180, 16, .3))
}

.career .swiper-arrow.swiper-button-disabled {
    opacity: .5;
    pointer-events: none
}

.career .swiper-arrow--prev {
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.career-nav {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: none
}

@media screen and (min-width:768px) {
    .career-nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.contacts {
    background-color: var(--bg-color)
}

.contacts__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    row-gap: 60px
}

@media screen and (min-width:768px) {
    .contacts__block {
        row-gap: 0;
        -webkit-column-gap: 60px;
        -moz-column-gap: 60px;
        column-gap: 60px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media screen and (min-width:1280px) {
    .contacts__block {
        -webkit-column-gap: 160px;
        -moz-column-gap: 160px;
        column-gap: 160px
    }
}

.contacts__info {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.contacts__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 40px
}

.contacts__list-item {
    padding-left: 77px;
    position: relative;
    color: var(--light-color);
    font-size: 14px;
    font-weight: 500
}

.contacts__list-item::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 20px;
    background-image: url(../img/svg/teacher.svg);
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: center;
    width: 52px;
    height: 52px;
    background-color: #fd814333
}

.contacts__list-link {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: var(--text);
    font-size: 16px;
    font-weight: 700;
    margin-top: 7px
}

.contacts__list-link:not(span):hover {
    color: var(--second-color)
}

.contacts__list-btn {
    margin-top: 5px;
    margin-inline: auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media screen and (min-width:768px) {
    .contacts__list-btn {
        margin-inline: unset
    }
}

.contacts__map {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: 480px;
    width: 100%
}

.contacts__map-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 20px
}

.about-us {
    background-image: var(--accent-gradient);
    padding-bottom: 160px
}

.about-us__block {
    display: -ms-grid;
    display: grid
}

@media screen and (min-width:1024px) {
    .about-us__block {
        -ms-grid-columns: 1fr 325px;
        grid-template-columns: 1fr 325px;
        -webkit-column-gap: 180px;
        -moz-column-gap: 180px;
        column-gap: 180px
    }
}

.about-us__text {
    font-size: 16px;
    font-weight: 600
}

.about-us__text.second {
    font-weight: 700
}

.about-us__text+.about-us__text.about-us__text {
    margin-top: 35px
}

.about-us__info {
    position: relative;
    width: 100%;
    max-width: 85%;
    margin: 70px 0 0 auto;
    -webkit-transform: translateX(40px);
    -ms-transform: translateX(40px);
    transform: translateX(40px)
}

@media screen and (min-width:540px) {
    .about-us__info {
        max-width: 340px
    }
}

@media screen and (min-width:540px) {
    .about-us__info {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        margin-inline: auto
    }
}

@media screen and (min-width:1024px) {
    .about-us__info {
        max-width: unset
    }
}

.about-us__picture {
    height: 100%
}

.about-us__img {
    aspect-ratio: 3/4;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    -o-object-fit: cover;
    object-fit: cover
}

.about-us__count {
    padding: 35px 28px;
    border-radius: 20px;
    background-color: var(--white-color);
    -webkit-box-shadow: var(--main-box-shadow);
    box-shadow: var(--main-box-shadow);
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    position: absolute
}

.about-us__count::before {
    content: '';
    position: absolute;
    width: 81px;
    height: 77px;
    border-radius: 20px
}

.about-us__count_1 {
    top: 40px;
    left: -90px
}

.about-us__count_1::before {
    background-color: var(--accent);
    top: calc(100% + 26px);
    left: 15px;
    -webkit-animation: float 5s ease-in-out infinite;
    animation: float 5s ease-in-out infinite
}

.about-us__count_2 {
    left: -40px;
    bottom: -50px
}

.about-us__count_2::before {
    background-color: var(--second-color);
    left: calc(100% + 36px);
    bottom: 10px;
    -webkit-animation: float 6s ease-in-out infinite;
    animation: float 6s ease-in-out infinite;
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.about-us__count span {
    margin-bottom: 10px;
    display: block;
    font-size: 32px;
    font-weight: 800
}

.services::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 560px;
    background-image: url(../img/_src/bg-wave-2.png);
    background-position: bottom;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: -1
}

.services__block {
    display: -ms-grid;
    display: grid;
    grid-gap: 30px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start
}

@media screen and (min-width:768px) {
    .services__block {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr
    }
}

.services__list {
    display: -ms-grid;
    display: grid;
    grid-gap: 20px
}

.services__list-item {
    border: 1px solid #f5f1f1;
    border-radius: 10px;
    background-color: var(--white-color)
}

.services__list-item._active {
    -webkit-box-shadow: var(--main-box-shadow);
    box-shadow: var(--main-box-shadow)
}

.services__list-item-trigger {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: block;
    padding: 19px 22px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    position: relative
}

.services__list-item-trigger::after,
.services__list-item-trigger::before {
    content: '';
    position: absolute;
    background-color: var(--accent);
    -webkit-transform: translateX(50%) translateY(-50%);
    -ms-transform: translateX(50%) translateY(-50%);
    transform: translateX(50%) translateY(-50%);
    top: 50%;
    right: 26px
}

.services__list-item-trigger::before {
    -webkit-transform: translateX(50%) translateY(-50%);
    -ms-transform: translateX(50%) translateY(-50%);
    transform: translateX(50%) translateY(-50%);
    width: 16px;
    height: 2px
}

.services__list-item-trigger::after {
    width: 2px;
    height: 16px
}

._active .services__list-item-trigger {
    color: var(--second-color)
}

._active .services__list-item-trigger::before {
    background-color: var(--second-color)
}

._active .services__list-item-trigger::after {
    content: none
}

.services__list-item-text {
    font-size: 14px
}

.services__list-item-text+.services__list-item-text {
    margin-top: 15px
}

.services__list-item-content {
    padding: 4px 22px 27px
}

.services__list-item-btn {
    margin-top: 20px
}

.footer {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.footer__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 25px 0;
    text-align: center
}

@media screen and (min-width:768px) {
    .footer__bottom {
        text-align: left;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.footer__copy {
    color: var(--light-color);
    font-weight: 500;
    font-size: 14px;
    margin-top: 26px
}

@media screen and (min-width:768px) {
    .footer__copy {
        margin-top: 0
    }
}

.footer__socials {
    margin-top: 26px
}

@media screen and (min-width:768px) {
    .footer__socials {
        margin-top: 0
    }
}

.footer__link {
    color: var(--white-color);
    -webkit-transition: color .2s ease;
    -o-transition: color .2s ease;
    transition: color .2s ease;
    text-decoration: underline
}

.footer__link:hover {
    color: var(--yellow-color)
}

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

[hidden] {
    display: none
}

::-webkit-input-placeholder {
    color: var(--text)
}

::-moz-placeholder {
    color: var(--text)
}

:-ms-input-placeholder {
    color: var(--text)
}

::-ms-input-placeholder {
    color: var(--text)
}

::placeholder {
    color: var(--text)
}

::-moz-selection {
    background-color: var(--accent);
    color: #fff
}

::selection {
    background-color: var(--accent);
    color: #fff
}

button,
input,
textarea {
    outline: 0;
    color: var(--placeholder-color);
    border: none;
    background-color: var(--bg-color);
    border-radius: 50px;
    padding: 14px 30px;
    font-weight: 500;
    font-size: 14px;
    font-family: var(--font-accent)
}

button:focus:required:invalid,
input:focus:required:invalid,
textarea:focus:required:invalid {
    border-color: var(--invalid-color)
}

button:required:valid,
input:required:valid,
textarea:required:valid {
    border-color: var(--valid-color)
}

input,
textarea {
    font-size: 16px;
    font-weight: 400;
    height: 53px;
    width: 100%
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: var(--placeholder-color)
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: var(--placeholder-color)
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: var(--placeholder-color)
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
    color: var(--placeholder-color)
}

input::placeholder,
textarea::placeholder {
    color: var(--placeholder-color)
}

html {
    height: 100%;
    font-size: 16px;
    font-weight: 500;
    scroll-behavior: smooth
}

body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 16px;
    position: relative;
    line-height: 1.2;
    background-color: var(--white-color);
    font-family: var(--font-accent);
    font-weight: 500;
    overflow-x: hidden;
    width: 100%;
    height: 100%;
    color: var(--text);
    scroll-behavior: smooth
}

body._locked {
    overflow: hidden
}

@media screen and (min-width:768px) {
    body {
        font-size: 18px
    }
}

a {
    text-decoration: none;
    display: inline-block;
    color: var(--text)
}

ul {
    padding-left: 0;
    list-style: none
}

p {
    line-height: 1.23
}

.main {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding-top: 110px;
    overflow-x: hidden
}

@media screen and (min-width:768px) {
    .main {
        padding-top: 0
    }
}

._bold {
    font-weight: 700
}

img,
picture {
    max-width: 100%;
    display: block;
    height: auto
}

.accent {
    color: var(--accent)
}

.text-center {
    text-align: center
}

.second {
    color: var(--second-color)
}

._mobile {
    display: block
}

@media screen and (min-width:1280px) {
    ._mobile {
        display: none
    }
}

._desktop {
    display: none
}

@media screen and (min-width:1280px) {
    ._desktop {
        display: block
    }
}

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

._line::before {
    content: '';
    display: inline-block;
    width: 4px;
    height: auto;
    background-color: var(--second-color);
    border-radius: 30px;
    margin-right: 15px
}

.marquee {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    background-color: var(--accent);
    padding: 10px;
    overflow: hidden
}

.marquee__text {
    color: var(--white-color);
    font-size: 18px;
    font-weight: 800;
    white-space: nowrap;
    -webkit-animation: marquee 10s linear infinite;
    animation: marquee 10s linear infinite
}

@-webkit-keyframes marquee {
    0% {
        -webkit-transform: translatex(0);
        transform: translatex(0)
    }

    100% {
        -webkit-transform: translateX(-60vw);
        transform: translateX(-60vw)
    }
}

@keyframes marquee {
    0% {
        -webkit-transform: translatex(0);
        transform: translatex(0)
    }

    100% {
        -webkit-transform: translateX(-60vw);
        transform: translateX(-60vw)
    }
}

@-webkit-keyframes float {
    0% {
        -webkit-transform: translatey(0);
        transform: translatey(0)
    }

    50% {
        -webkit-transform: translatey(-20px);
        transform: translatey(-20px)
    }

    100% {
        -webkit-transform: translatey(0);
        transform: translatey(0)
    }
}

@keyframes float {
    0% {
        -webkit-transform: translatey(0);
        transform: translatey(0)
    }

    50% {
        -webkit-transform: translatey(-20px);
        transform: translatey(-20px)
    }

    100% {
        -webkit-transform: translatey(0);
        transform: translatey(0)
    }
}

body #bingc-phone-button svg.bingc-phone-button-circle circle.bingc-phone-button-circle-inside {
    fill: var(--accent) !important
}

body #bingc-phone-button svg.bingc-phone-button-circle circle.bingc-phone-button-circle-inside {
    background: var(--accent) !important
}

body #bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form a.bingc-passive-phone-form-button {
    background: var(--accent) !important
}

body #bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form a.bingc-passive-phone-form-button:hover {
    background: #449964 !important
}

body #bingc-phone-button:hover svg.bingc-phone-button-circle circle.bingc-phone-button-circle-inside {
    fill: #449964 !important
}

body #bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form a.bingc-passive-phone-form-button:active {
    background: #449964 !important
}

body #bingc-phone-button:active svg.bingc-phone-button-circle circle.bingc-phone-button-circle-inside {
    fill: #449964 !important
}

body #bingc-active div.bingc-active-overlay div.bingc-active-content div.bingc-active-get-phone-form form.bingc-active-get-phone-form a.bingc-active-phone-form-button {
    background: var(--accent) !important
}

body #bingc-active div.bingc-active-overlay div.bingc-active-content div.bingc-active-get-phone-form form.bingc-active-get-phone-form a.bingc-active-phone-form-button:active {
    background: #449964 !important
}

body #bingc-active div.bingc-active-overlay div.bingc-active-content div.bingc-active-get-phone-form form.bingc-active-get-phone-form a.bingc-active-phone-form-button:hover {
    background: #449964 !important
}

body #bingc-phone-button div.bingc-phone-button-tooltip {
    background: var(--accent) !important
}

body #bingc-phone-button div.bingc-phone-button-tooltip svg.bingc-phone-button-arrow polyline {
    fill: var(--accent) !important
}

body #bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form div.bingc-passive-get-phone-form-date-selection div.bingc-passive-date-selection-select-hour,
body #bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form div.bingc-passive-get-phone-form-date-selection div.bingc-passive-date-selection-select-minutes {
    background: var(--accent) !important
}

body #bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form div.bingc-passive-get-phone-form-date-selection div.bingc-passive-date-selection-select-hour:hover,
body #bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form div.bingc-passive-get-phone-form-date-selection div.bingc-passive-date-selection-select-minutes:hover {
    background: #449964 !important
}

body #bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form div.bingc-passive-get-phone-form-date-selection div.bingc-passive-date-selection-select-day:hover {
    background: var(--accent) !important
}

body #bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form div.bingc-passive-get-phone-form-date-selection div.bingc-passive-date-selection-select-day div.bingc-passive-date-selection-select-day-list-of-days-container ul.bingc-passive-date-selection-select-day-list-of-days li:hover {
    background: var(--accent) !important
}

body #bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form div.bingc-passive-get-phone-form-date-selection div.bingc-passive-date-selection-select-hour div.bingc-passive-date-selection-select-hour-list-of-hours-container ul.bingc-passive-date-selection-select-hour-list-of-hours li:hover,
body #bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form div.bingc-passive-get-phone-form-date-selection div.bingc-passive-date-selection-select-minutes div.bingc-passive-date-selection-select-minutes-list-of-minutes-container ul.bingc-passive-date-selection-select-minutes-list-of-minutes li:hover {
    background: var(--accent) !important
}