@keyframes rotateAnimationPlatform {

    0%,
    100% {
        transform: rotate(0deg)
    }

    50% {
        transform: rotate(90deg)
    }
}

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

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

html,
body {
    height: 100%
}

body {
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

input,
button,
textarea {
    font-size: inherit
}

button {
    cursor: pointer;
    color: inherit;
    background-color: inherit
}

a {
    color: inherit
}

a:link,
a:visited {
    text-decoration: none
}

a:hover {
    text-decoration: none
}

ul li {
    list-style: none
}

img {
    vertical-align: top
}

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

body,
button {
    font-family: "Museo Sans Cyrl";
    color: #2a2a2a
}

.wrapper {
    min-height: 100%;
    display: flex;
    flex-direction: column
}

.wrapper>#content {
    flex: 1 1 auto
}

.wrapper>* {
    min-width: 0
}

body:not(.single-post, .page-template-privacy-policy) .wrapper {
    overflow: hidden
}

[class*=__container] {
    max-width: 1320px;
    margin: 0 auto;
    padding-left: 60px;
    padding-right: 60px
}

@media only screen and (max-width: 992px) {
    [class*=__container] {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media screen and (max-width: 767px) {
    [class*=__container] {
        padding-left: 16px;
        padding-right: 16px
    }
}

section {
    margin-top: 100px;
    position: relative;
}

@media only screen and (max-width: 992px) {
    section {
        margin-top: 64px
    }
}

@media screen and (max-width: 767px) {
    section {
        margin-top: 32px
    }
}

.section-first {
    margin-top: 167px
}

@media screen and (max-width: 767px) {
    .section-first {
        margin-top: 148px
    }
}

.title {
    margin-bottom: 24px
}

@media screen and (max-width: 767px) {
    .title {
        margin-bottom: 16px
    }
}

.pd-top {
    padding-top: 36px
}

@media only screen and (max-width: 992px) {
    .pd-top {
        padding-top: 56px
    }
}

@media screen and (max-width: 767px) {
    .pd-top {
        padding-top: 84px
    }
}

.flex--row {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between
}

.flex--column {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between
}

.flex--between {
    display: flex;
    justify-content: space-between
}

.d-flex {
    display: flex
}

h1,
.h1,
h2,
.h2 {
    font-family: "Dela Gothic One", cursive;
    color: #050607
}

h1,
.h1 {
    font-size: 2.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: .72px;
    text-transform: uppercase
}

@media only screen and (max-width: 992px) {

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

@media only screen and (max-width: 600px) {

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

@media screen and (max-width: 767px) {

    h1,
    .h1 {
        line-height: normal;
        letter-spacing: .36px
    }
}

h2,
.h2 {
    font-size: 1.5em;
    font-style: normal;
    font-weight: 400;
    line-height: 167%;
    letter-spacing: .48px;
    text-transform: uppercase
}

@media only screen and (max-width: 992px) {

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

@media only screen and (max-width: 600px) {

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

h3,
.h3 {
    font-size: 1.875rem;
    color: #050607;
    line-height: 120%;
    font-style: normal;
    font-weight: 600;
    letter-spacing: -0.01em
}

@media only screen and (max-width: 992px) {

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

@media only screen and (max-width: 600px) {

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

h4,
.h4 {
    font-size: 1.5em;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: .2px
}

@media only screen and (max-width: 992px) {

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

@media only screen and (max-width: 600px) {

    h4,
    .h4 {
        font-size: 1em
    }
}

h5,
.h5 {
    font-size: 1.25em;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: .2px;
    color: #050607
}

@media only screen and (max-width: 992px) {

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

@media only screen and (max-width: 600px) {

    h5,
    .h5 {
        font-size: 1.125em
    }
}

h6,
.h6,
.menu a {
    font-size: 1em;
    color: #2a2a2a;
    font-style: normal;
    font-weight: 600;
    line-height: normal
}

@media only screen and (max-width: 992px) {

    h6,
    .h6,
    .menu a {
        font-size: .875em
    }
}

@media only screen and (max-width: 600px) {

    h6,
    .h6,
    .menu a {
        font-size: .875em
    }
}

p,
a,
.seo-block__text li,
.instant-support__seo li {
    font-size: 1.125em;
    font-style: normal;
    font-weight: 400;
    line-height: 178%
}

@media only screen and (max-width: 992px) {

    p,
    a,
    .seo-block__text li,
    .instant-support__seo li {
        font-size: 1.125em
    }
}

@media only screen and (max-width: 600px) {

    p,
    a,
    .seo-block__text li,
    .instant-support__seo li {
        font-size: 1.125em
    }
}

.sub_menu a {
    color: #ebebeb;
    font-size: .875em;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.button {
    padding: 10px 17px;
    background: #009846;
    border: none;
    box-shadow: 4px 4px 44px 0px rgba(7, 85, 36, .4);
    border-radius: 30px;
    color: #fff;
    display: block;
    width: -moz-max-content;
    width: max-content;
    font-size: .875em;
    transition: background .25s;
    height: -moz-max-content;
    height: max-content
}

.button:hover {
    background: #46ad80
}

.button-box {
    display: block;
    width: -moz-max-content;
    width: max-content;
    height: -moz-max-content;
    height: max-content;
    padding: 11px 40px;
    border-radius: 8px;
    background: #009846;
    font-weight: 600;
    color: #fff;
    transition: background .25s
}

.button-box:hover {
    background: #009846
}

.link-btn {
    padding: 12px 12px 12px 16px;
    border-radius: 12px;
    border: 1px solid #e3e3e3;
    font-size: 1em;
    transition: all .25s
}

@media screen and (max-width: 767px) {
    .link-btn {
        padding: 5px 12px 5px 16px
    }
}

.link-btn svg {
    vertical-align: -6px
}

.link-btn svg path {
    transition: stroke .25s
}

.link-btn:hover {
    background: #009846;
    border-color: #009846;
    color: #fff
}

.link-btn:hover svg path {
    stroke: #fff
}

.wpcf7-form.invalid .wpcf7-submit {
    margin-top: 32px
}

.wpcf7-form.invalid label {
    position: relative
}

.wpcf7-form.invalid label::before {
    content: "";
    background-image: url("../images/error-icon.svg");
    background-repeat: no-repeat;
    width: 27px;
    height: 26px;
    position: absolute;
    z-index: 1;
    top: 11px;
    right: 14px
}

.wpcf7-form label {
    display: flex;
    border-radius: 6px;
    border: 1px solid #f9f9f9
}

.wpcf7-form .wpcf7-tel {
    width: 100%;
    padding: 13px 16px;
    font-size: 1em;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: .16px
}

.wpcf7-form .wpcf7-tel::-moz-placeholder {
    color: #5c5c5c
}

.wpcf7-form .wpcf7-tel:-ms-input-placeholder {
    color: #5c5c5c
}

.wpcf7-form .wpcf7-tel::placeholder {
    color: #5c5c5c
}

.wpcf7-form .wpcf7-tel:focus {
    outline: none
}

.wpcf7-form .wpcf7-submit {
    position: relative;
    display: block;
    border-radius: 8px;
    margin-top: 12px;
    cursor: pointer;
    padding: 12px 40px;
    background: #009846;
    width: 100%;
    color: #fff;
    font-size: 1.125em;
    font-style: normal;
    font-weight: 600;
    line-height: 173%;
    letter-spacing: .18px;
    transition: background .25s ease;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.wpcf7-form .wpcf7-submit:disabled {
    z-index: -1
}

@media only screen and (max-width: 992px) {
    .wpcf7-form .wpcf7-submit {
        font-size: .875em;
        line-height: 128%;
        letter-spacing: .14px;
        padding: 13px 40px
    }
}

.wpcf7-form .wpcf7-submit:hover {
    background: #009846
}

.wpcf7-form .wpcf7-spinner,
.wpcf7-form .wpcf7-response-output {
    display: none
}

.wpcf7-form .wpcf7-not-valid-tip {
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
    color: #c53a35;
    position: absolute;
    left: -51px;
    bottom: -25px
}

.wpcf7-form .wpcf7-order-cleaning .wpcf7-submit {
    margin-top: 12px !important
}

.wpcf7-form .wpcf7-order-cleaning .wpcf7-order-submit {
    cursor: pointer
}

.wpcf7-form .wpcf7-order-cleaning .wpcf7-not-valid-tip {
    left: -95px !important;
    bottom: -20px !important
}

.wpcf7-form .wpcf7-order-cleaning .wpcf7-form-control-wrap {
    width: 100%
}

.wpcf7-form .wpcf7-order-cleaning .wpcf7-phone_number {
    width: 100%
}

.wpcf7-form .wpcf7-order-cleaning .wpcf7-phone_country,
.wpcf7-form .wpcf7-order-cleaning .wpcf7-phone input {
    font-family: "Museo Sans Cyrl";
    font-size: 1em;
    line-height: 140%;
    letter-spacing: .01em;
    color: #2a2a2a
}

.wpcf7-form .wpcf7-order-cleaning .wpcf7-phone_code {
    border-radius: 6px 0 0 6px;
    background: #f6f6f6;
    padding: 13px 16px;
    min-width: 56px;
    background-image: url("../images/uz-flag.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
}
.btn{
    position: relative;
    display: block;
    border-radius: 8px;
    margin-top: 12px;
    cursor: pointer;
    padding: 12px 40px;
    background: #009846;
    width: 100%;
    color: #fff;
    font-size: 1.125em;
    font-style: normal;
    font-weight: 600;
    line-height: 173%;
    letter-spacing: .18px;
    transition: background .25s ease;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.wpcf7-form .wpcf7-order-cleaning .wpcf7-phone_country {
    border-left: 1px solid #e3e3e3;
    padding: 13px 0 13px 8px;
    color: #009846;
    background: #f6f6f6
}

.wpcf7-form .wpcf7-order-cleaning .wpcf7-phone input {
    padding: 13px 16px 13px 7px;
    background: #f6f6f6;
    width: 100%;
    border-radius: 0 6px 6px 0
}

.wpcf7-form .wpcf7-order-cleaning label {
    flex-direction: column;
    border: none;
    margin-bottom: 16px
}

.wpcf7-form .wpcf7-order-cleaning label::before {
    bottom: 11px;
    top: unset !important
}

.wpcf7-form .wpcf7-order-cleaning label.no-required .wpcf7-not-valid-tip {
    display: none !important
}

.wpcf7-form .wpcf7-order-cleaning label.no-required::before {
    content: none !important
}

.wpcf7-form .wpcf7-order-cleaning label.select {
    position: relative
}

.wpcf7-form .wpcf7-order-cleaning label.select::after, .form-modal__inputs span::after {
    position: absolute;
    content: "";
    bottom: 13px;
    right: 16px;
    width: 24px;
    height: 24px;
    background-image: url("../images/arrow-down.svg");
    background-repeat: no-repeat
}
.form-modal__inputs span{
    position: relative;
}
.wpcf7-form .wpcf7-order-cleaning p {
    font-size: 1em;
    line-height: 140%;
    margin-bottom: 6px
}

.wpcf7-form .wpcf7-order-cleaning p.required-mark::after {
    content: "*";
    color: #8b928c;
    padding-left: 4px
}

.wpcf7-form .wpcf7-order-cleaning select, .form-modal__inputs select {
    width: 100%;
    background: #f6f6f6;
    border-radius: 6px;
    padding: 13px 16px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: "Museo Sans Cyrl";
    font-size: 1em;
    line-height: 140%;
    letter-spacing: .01em;
    color: #2a2a2a
}

.wpcf7-form .wpcf7-order-cleaning select:focus, .form-modal__inputs select:focus {
    outline: none
}

.wpcf7-form .wpcf7-order-cleaning textarea {
    resize: none;
    width: 100%;
    height: 111px;
    padding: 13px 16px;
    background: #f6f6f6;
    border-radius: 6px;
    font-family: "Museo Sans Cyrl";
    font-size: 1em;
    line-height: 140%;
    letter-spacing: .01em;
    color: #2a2a2a
}

@media screen and (max-width: 767px) {
    .wpcf7-form .wpcf7-order-cleaning textarea {
        height: 152px
    }
}

.wpcf7-form .wpcf7-order-cleaning textarea::-moz-placeholder {
    color: #8b928c
}

.wpcf7-form .wpcf7-order-cleaning textarea:-ms-input-placeholder {
    color: #8b928c
}

.wpcf7-form .wpcf7-order-cleaning textarea::placeholder {
    color: #8b928c
}

.wpcf7-form .wpcf7-order-cleaning textarea:focus {
    outline: none
}

.wpcf7-form .wpcf7-order-cleaning_submit {
    cursor: pointer
}

.slick-dots {
    display: flex;
    list-style: none;
    align-items: center;
    gap: 8px;
    justify-content: center;
    margin-top: 25px
}

@media only screen and (max-width: 1024px) {
    .slick-dots {
        margin-top: 12px
    }
}

@media screen and (max-width: 767px) {
    .slick-dots {
        margin-top: 5px
    }
}

.slick-dots li.slick-active button {
    width: 8px;
    font-size: 0px;
    background: #050607;
    height: 8px;
    border: none;
    border-radius: 100px
}

.slick-dots button {
    width: 8px;
    font-size: 0px;
    background: rgba(5, 6, 7, .1);
    height: 8px;
    border: none;
    border-radius: 100px;
    cursor: pointer
}

.slider-navigation {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 100%;
    padding: 0px 20px;
    position: absolute;
    width: 100%;
    top: 25%
}

@media screen and (max-width: 767px) {
    .slider-navigation.pc {
        display: none
    }
}

.slider-navigation button {
    width: 33px;
    height: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    border: none;
    cursor: pointer;
    background: #fff
}

.slider-navigation button.slick-disabled {
    opacity: .5
}

.popup-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .25);
    -webkit-backdrop-filter: blur(1px);
    backdrop-filter: blur(1px);
    z-index: 9999;
    display: none
}

.popup-modal__body {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    margin: 0 auto;
    max-width: 1020px;
    padding: 56px;
    border-radius: 24px;
    background: #fff;
    z-index: 999;
    box-shadow: 0px 0px 15px 0px rgba(41, 51, 47, .1)
}

@media screen and (max-width: 1024px) {
    .popup-modal__body {
        width: 90%;
        padding: 20px 140px
    }
}

@media screen and (max-width: 767px) {
    .popup-modal__body {
        width: calc(100% - 40px);
        padding: 32px 16px
    }
}

.popup-modal__close {
    position: absolute;
    top: 24px;
    right: 24px;
    cursor: pointer
}

@media screen and (max-width: 767px) {
    .popup-modal__close {
        top: 16px;
        right: 16px
    }
}

.popup-modal__img {
    width: -moz-max-content;
    width: max-content
}

@media screen and (max-width: 767px) {
    .popup-modal__img {
        width: 80px;
        height: 80px
    }
}

.popup-modal__title {
    color: #009846;
    margin-bottom: 24px;
    margin-top: 16px
}

@media screen and (max-width: 767px) {
    .popup-modal__title {
        margin-bottom: 0
    }
}

.popup-modal__subtitle {
    text-align: center;
    margin-top: 112px;
    color: #2a2a2a;
    line-height: 140%;
    letter-spacing: .16px;
    font-weight: 400
}

@media screen and (max-width: 1024px) {
    .popup-modal__subtitle {
        margin-top: 90px
    }
}

@media screen and (max-width: 767px) {
    .popup-modal__subtitle {
        margin-top: 48px;
        font-size: .875em
    }
}

.popup-modal__text {
    color: #050607
}

@media screen and (max-width: 767px) {
    .popup-modal__text {
        margin-top: 16px;
        max-width: 302px;
        font-size: 1.125em
    }
}

.popup-modal__text.limit {
    max-width: 334px
}

.popup-modal__text span {
    color: #009846
}

.popup-modal__links {
    gap: 24px;
    justify-content: center;
    align-items: center;
    margin-top: 24px
}

@media screen and (max-width: 767px) {
    .popup-modal__links {
        gap: 16px;
        margin-top: 16px
    }
}

.popup-modal__link {
    cursor: pointer;
    padding: 24px;
    align-self: stretch;
    border-radius: 12px;
    background: #f7fcf9;
    width: 80px;
    height: 80px;
    transition: background .25s
}

@media screen and (max-width: 767px) {
    .popup-modal__link {
        padding: 10px;
        width: 44px;
        height: 44px
    }

    .popup-modal__link svg {
        width: 24px;
        height: 24px
    }
}

.popup-modal__link:hover {
    background: #009846
}

.sidebar {
    position: sticky;
    top: 120px;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0px 0px 15px 0px rgba(41, 51, 47, .1);
    height: -moz-fit-content;
    height: fit-content
}

.sidebar__head {
    padding: 16px;
    border-bottom: 1px solid #e3e3e3
}

.sidebar ul {
    padding: 16px 16px 24px
}

.sidebar ul li {
    margin-bottom: 8px
}

.sidebar ul li:last-child {
    margin-bottom: 0
}

.sidebar ul li a {
    font-size: .875em;
    color: #8b928c;
    line-height: normal
}

.sidebar ul li a.active {
    color: #2a2a2a
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    transition: background-color .3s ease, transform .4s ease;
    background-color: rgba(252, 252, 252, .9);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.header.mobile {
    background: #fff
}

.header.unpinned {
    transform: translateY(-104px)
}

@media screen and (max-width: 767px) {
    .header.unpinned {
        transform: translateY(-92px)
    }
}

.header__addition {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.wr-number-head{
    width: 100%;
    margin-left: 1rem;
}
.header__addition.mobile {
    flex-direction: row;
    gap: 16px;
    align-items: flex-start;
    padding-top: 2px
}

.header__body {
    box-shadow: 0px 1.944444418px 7.7777776718px 0px rgba(0, 0, 0, .1);
    padding: 12px 0;
    height: 90px;
}

.header__container.first {
    align-items: flex-start
}

@media screen and (max-width: 767px) {
    .header__container.line {
        padding: 0
    }
}

.header__language-icon {
    width: 24px;
    height: 24px
}

.header__submenu {
    box-shadow: 0 5px 6px rgba(0, 0, 0, .04);
    border-bottom: 1px solid #eae9e6
}

.header__tel {
    transition: color .25s
}

.header__tel:hover {
    color: #009846
}

.header__logo {
    width: -moz-max-content;
    width: max-content
}

@media screen and (max-width: 767px) {
    .header__logo {
        margin-bottom: 11px
    }
}

.header__logo svg {
    width: 145px;
    height: auto
}

@media screen and (max-width: 767px) {
    .header__logo svg {
        width: 111px
    }
}

.header__logo svg path {
    transition: fill .25s
}

.header__logo:hover svg path {
    fill: #009846
}

.header__nav .menu a {
    text-transform: uppercase
}

.header__subnav {
    padding: 16px 0;
    width: 100%;
    position: relative
}

@media screen and (max-width: 767px) {
    .header__subnav {
        padding: 13px 0
    }

    .header__subnav:after {
        content: "";
        position: absolute;
        bottom: 0;
        top: 0;
        height: 100%;
        right: 0;
        width: 50px;
        background: linear-gradient(270deg, #fff 0, rgba(255, 255, 255, 0) 100%)
    }

    .header__subnav li:first-child {
        padding-left: 16px
    }
}

.header__nav .menu,
.header__subnav .menu {
    display: flex;
    gap: 24px
}

@media screen and (max-width: 767px) {

    .header__nav .menu,
    .header__subnav .menu {
        gap: 16px;
        overflow-y: hidden;
        overflow-x: auto;
        scrollbar-width: none
    }

    .header__nav .menu::-webkit-scrollbar,
    .header__subnav .menu::-webkit-scrollbar {
        display: none
    }
}

.header__nav .menu li a,
.header__subnav .menu li a {
    transition: color .25s;
    white-space: nowrap
}

.header__nav .menu li a:hover,
.header__subnav .menu li a:hover {
    color: #009846
}

.header__nav .menu li.current-menu-item a,
.header__nav .menu li.current-page-ancestor a,
.header__subnav .menu li.current-menu-item a,
.header__subnav .menu li.current-page-ancestor a {
    color: #009846
}

.header__nav .menu li.current-menu-item a,
.header__subnav .menu li.current-menu-item a {
    pointer-events: none;
    cursor: default
}

.header__under-number {
    font-size: .75em;
    line-height: 120%;
    margin-bottom: 12px;
    pointer-events: none
}

.header__under-empty {
    height: 26px;
    width: 100%
}

.header__progress {
    width: 100%;
    height: 2px;
    position: relative;
    box-shadow: 0 5px 6px rgba(0, 0, 0, .04)
}

.header__progress-bar {
    height: 100%;
    background: #009846;
    position: absolute;
    width: 0;
    transition: width .05s ease 0s
}

.header__panel {
    display: flex;
    gap: 8px
}

.header__city {
    min-width: 80px;
    display: flex;
    justify-content: flex-end;
    position: relative
}

.header__select-sity {
    display: none;
    position: absolute;
    top: 30px;
    z-index: 1;
    min-width: 94px;
    left: 0;
    padding: 16px 24px;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0px 0px 15px 0px rgba(41, 51, 47, .1)
}

.header__select-sity.active {
    display: block
}

.header__select-sity .city-button {
    color: #8b928c;
    transition: color .25s;
    margin-bottom: 12px;
    font-size: 1em
}

.header__select-sity .city-button:last-child {
    margin-bottom: 0
}

.header__select-sity .city-button:hover {
    color: #009846
}

.header__selected-city {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    height: 100%
}

.header__selected-city.active svg {
    transform: rotate(-180deg)
}

.header__language {
    position: relative
}

.header .current-language {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    cursor: pointer;
    gap: 4px
}

.header .current-language .h6 {
    color: #050607;
    text-transform: uppercase
}

.header .drop-block {
    display: none;
    position: absolute;
    top: 30px;
    z-index: 1;
    width: 106px;
    left: -28px;
    padding: 16px 24px;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0px 0px 15px 0px rgba(41, 51, 47, .1)
}

.header .drop-block.active {
    display: block
}

.header .drop-block__link {
    cursor: pointer;
    display: flex;
    align-items: center;
    color: #8b928c;
    gap: 10px;
    text-transform: uppercase;
    margin-bottom: 12px;
    transition: color .25s
}

.header .drop-block__link:last-child {
    margin-bottom: 0
}

.header .drop-block__link:hover {
    color: #009846
}

.header .header-mobile {
    visibility: hidden;
    opacity: 0;
    position: fixed;
    left: 0;
    top: 60px;
    width: 100%;
    background: #fff;
    height: calc(100vh - 60px);
    z-index: -1;
    transform: translateY(-50px);
    transition: all 250ms ease-in
}

@media screen and (min-width: 768px) {
    .header .header-mobile {
        top: 68px;
        height: calc(100vh - 68px)
    }
}

.header .header-mobile.active {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
    z-index: 9999
}

.header .header-mobile__switch {
    gap: 32px;
    margin-top: 8px;
    align-items: center;
    padding-bottom: 16px;
    border-bottom: 1px solid #e3e3e3
}

.header .header-mobile__link {
    font-size: 1em;
    text-transform: uppercase;
    display: flex;
    gap: 12px;
    align-items: center
}

.header .header-mobile__link.active {
    color: #009846
}

.header .header-mobile__subnav {
    padding: 0 16px;
    margin-bottom: 24px
}

.header .header-mobile__subnav .menu {
    display: none;
    color: #050607
}

.header .header-mobile__subnav .menu li {
    margin-bottom: 8px
}

.header .header-mobile__subnav .menu li.current-menu-item a {
    pointer-events: none;
    cursor: default;
    text-decoration: underline
}

.header .header-mobile__subnav .menu li:last-child {
    margin-bottom: 0
}

.header .header-mobile__subnav .menu li a {
    font-size: 1em
}

.header .header-mobile__socials {
    gap: 32px;
    align-items: center;
    border-bottom: 1px solid #e3e3e3;
    padding: 8px 0 16px
}

.header .header-mobile__select-sity {
    display: flex;
    gap: 32px;
    margin-top: 8px
}

.header .header-mobile__select-sity .city-button {
    color: #8b928c;
    font-weight: 600;
    line-height: normal;
    font-size: 1em
}

.header .header-mobile__select-sity .city-button.disabled {
    color: #009846;
    pointer-events: none
}

.header .header-mobile__title {
    font-size: 1.5em;
    color: #009846;
    position: relative;
    margin-bottom: 8px
}

.header .header-mobile__title.active::before {
    transform: rotate(-90deg)
}

.header .header-mobile__title::before {
    content: "";
    position: absolute;
    right: 0;
    top: 12px;
    width: 10px;
    height: 5px;
    background-image: url("../images/arrow-mobile.svg");
    background-repeat: no-repeat;
    transition: transform 250ms ease
}

.header .header-mobile__subtitle {
    color: #050607;
    padding-top: 16px;
    line-height: 155%;
    letter-spacing: .18px
}

.header .header-mobile__subtitle.line {
    border-top: 1px solid #e3e3e3
}

.header .header-mobile__social {
    width: 24px;
    height: 24px
}

.footer {
    background: #2d2d2d;
    padding: 14px 0;
    color: #fff;
}

@media only screen and (max-width: 992px) {
    .footer {
        padding: 41px 0 81px
    }
}

.footer__top {
    padding-top: 5px
}

@media only screen and (max-width: 992px) {
    .footer__top {
        flex-direction: column
    }
}

.footer__select-sity {
    display: flex;
    max-width: 163px;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 8px
}

@media only screen and (max-width: 992px) {
    .footer__select-sity {
        order: 4;
        max-width: 100%
    }
}

.footer__select-sity .city-button {
    font-size: .875em;
    border-radius: 16px;
    border: 1px solid #e3e3e3;
    padding: 5px 13px;
    font-weight: 600;
    line-height: 128%;
    letter-spacing: .14px;
    color: #fff;
    transition: all .3s
}

@media only screen and (max-width: 992px) {
    .footer__select-sity .city-button {
        font-size: 1.125em;
        padding: 4px 18px;
        line-height: 155.556%;
        letter-spacing: .18px;
        font-weight: 400;
        border-radius: 24px
    }
}

.footer__select-sity .city-button.disabled {
    pointer-events: none;
    border-color: #050607;
    background: #050607
}

.footer__select-sity .city-button:hover {
    border-color: #009846;
    color: #009846
}

.footer__content {
    display: flex;
    justify-content: space-between;
    gap: 60px
}

@media only screen and (max-width: 992px) {
    .footer__content {
        flex-direction: column;
        gap: 0
    }
}

@media only screen and (max-width: 992px) {
    .footer__subnav {
        display: none
    }

    .footer__subnav.active {
        display: block
    }
}

.footer__column {
    min-width: 130px
}

.footer__column:first-child {
    margin-right: 46px
}

@media only screen and (max-width: 1024px) {
    .footer__column:first-child {
        margin-right: unset
    }
}

@media only screen and (max-width: 992px) {
    .footer__column:first-child {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        row-gap: 8px;
        margin-bottom: 40px
    }
}

.footer__column .sub_menu {
    margin-top: 27px
}

@media only screen and (max-width: 992px) {
    .footer__column .sub_menu {
        margin-bottom: 27px
    }
}

.footer__column .sub_menu li {
    margin-bottom: 11px
}

@media only screen and (max-width: 992px) {
    .footer__column .sub_menu li {
        margin-bottom: 24px
    }
}

.footer__column .sub_menu li a {
    display: inline-block
}

@media only screen and (max-width: 992px) {
    .footer__column .sub_menu li a {
        font-size: 1.25em
    }
}

.footer__column .sub_menu li a::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #eae9e6;
    transition: all .3s ease-out;
    opacity: 0
}

.footer__column .sub_menu li a:hover::after {
    opacity: 1
}

.footer__column .sub_menu li.current_page_item a {
    pointer-events: none;
    cursor: default
}

.footer__column .sub_menu li.current_page_item a::after {
    opacity: 1
}

.footer__logo {
    width: -moz-max-content;
    width: max-content;
    margin-bottom: 14px;
    transition: opacity .25s
}

@media only screen and (max-width: 992px) {
    .footer__logo {
        margin-bottom: 0;
        order: 1
    }
}

.footer__logo path {
    fill: #fff
}

.footer__logo:hover {
    opacity: .6
}

.footer__announcement {
    margin-top: 24px
}

@media only screen and (max-width: 992px) {
    .footer__announcement {
        margin-top: 3px;
        order: 2
    }
}

.footer__local {
    max-width: 137px;
    line-height: 128%;
    font-size: 1em
}

@media only screen and (max-width: 992px) {
    .footer__local {
        width: 100%;
        order: 3;
        max-width: unset;
        font-size: 1.25em;
        margin-top: 23px
    }
}

.footer__local span {
    text-decoration: underline
}

@media only screen and (max-width: 992px) {
    .footer__phone {
        text-align: center;
        width: 330px
    }
}

@media screen and (max-width: 767px) {
    .footer__phone {
        width: 100%
    }
}

.footer__phone a {
    font-size: 1.5625em;
    color: #fff;
    transition: opacity .25s
}

@media only screen and (max-width: 992px) {
    .footer__phone a {
        border-radius: 40px;
        border: 2px solid #dbf1e3;
        padding: 18px;
        display: block
    }
}

.footer__phone a:hover {
    opacity: .6
}

.footer__under-number {
    font-size: .875em;
    color: #5c5c5c
}

@media only screen and (max-width: 992px) {
    .footer__under-number {
        font-size: 1.125em
    }
}

.footer__under-empty {
    height: 25px;
    width: 100%
}

.footer__schedule {
    margin-top: 23px
}

@media only screen and (max-width: 992px) {
    .footer__schedule {
        margin-top: 12px
    }
}

.footer__schedule p {
    font-size: .875em;
    line-height: 140%;
    text-align: right;
    margin-bottom: 10px
}

@media only screen and (max-width: 992px) {
    .footer__schedule p {
        text-align: center;
        font-size: 1.125em;
        margin-bottom: 14px
    }
}

.footer__center {
    margin: 16px 0;
    align-items: flex-end
}
.back__calling {
    position: relative;
    z-index: 100000;
}
.calling__btn {
    bottom: 50px;
    right: 100px;
    cursor: pointer;
    position: fixed;
}
.calling__btn_wrapper {
    background: #009846;
    position: relative;
    height: 60px;
    width: 60px;
    border-radius: 50%;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.calling__btn_wrapper::before {
    content: "";
    background-color: #009846;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    margin: auto;
    transform: scale(0.5);
    transform-origin: center center;
    animation: pulse-me 3s linear infinite;
}
svg:not(:root) {
    overflow: hidden;
}
.calling__btn__icon, .calling__btn__icon-close {
    fill: white;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.calling__btn__icon-close {
    display: none;
}
.calling__btn_wrapper::after {
    content: "";
    background-color: #009846;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    margin: auto;
    transform: scale(0.5);
    transform-origin: center center;
    animation: pulse-me 3s linear infinite;
    animation-delay: 2s;
}
.hithere {
    animation: hithere 1s ease infinite;
}
.form_wrap {
    display: none;
}
#form_request {
    width: 850px;
    background: #161e4c;
    box-shadow: 7px 11px 28px rgba(13, 16, 35, .6);
    padding: 50px 0;
}
#form_order {
    width: 850px;
    background: #161e4c;
    box-shadow: 7px 11px 28px rgba(13, 16, 35, .6);
    padding: 50px 0;
}
.section_showorder_title {
    width: 100%;
    text-align: center;
    font-family: Formular;
    line-height: 1.2;
    font-size: 45px;
    color: #fff;
}
.section_showorder_content_wrap {
    width: 50%;
    margin: auto;
}
.form_section_order {
    width: 384px;
    margin: 0 auto;
}
.section_showorder_text {
    margin: 0 auto;
    margin-top: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: 25px;
    font-size: 14px;
    text-align: center;
    color: #fff;
}
.box_input {
    margin: 65px 0;
    position: relative;
}
.form_section_order input.info_in {
    outline: none;
    background: none;
    border: none;
    border-bottom: 1px solid #fff;
    padding: 15px 0;
    color: #ffff;
    display: block;
    width: 100%;
    font-size: 14px;
}
.info_show {

    font-style: normal;
    font-weight: 300;
    line-height: 25px;
    font-size: 14px;
    text-align: right;
    color: #ff4949;
    display: none;
    position: absolute;
    right: 0;
}
.section_showorder_btn {
    margin: 0 auto;
    background: #0dc143;
    font-style: normal;
    font-weight: bold;
    line-height: normal;
    font-size: 14px;
    text-align: center;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #161e4c;
    padding: 15px 0;
    cursor: pointer;
    width: 100%;
    border: none;
}
.modal {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgb(0 0 0 / .603);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    overflow-y: auto;
    overflow-x: hidden;
    cursor: pointer;
    z-index: 99999;
}
.modal.open {
    opacity: 1;
    visibility: visible;
}
.modal__content {
    border-radius: 10px;
    padding-top: 30px;
    padding-bottom: 70px;
    padding-left: 50px;
    padding-right: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%) scale(0);
    -ms-transform: translateY(-50%) translateX(-50%) scale(0);
    transform: translateY(-50%) translateX(-50%) scale(0);
    background-color: #fff;
    opacity: 0;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    cursor: default;
}
.form-modal__content {
    padding: 48px;
    width: 30%;
}
.form-modal_green .form-modal__content {
    background-color: #D1E8CB;
}
.modal.open .modal__content {
    -webkit-transform: translateY(-50%) translateX(-50%) scale(1);
    -ms-transform: translateY(-50%) translateX(-50%) scale(1);
    transform: translateY(-50%) translateX(-50%) scale(1);
    opacity: 1;
}
.form-modal__close {
    cursor: pointer;
    width: 32px;
    height: 32px;
    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;
    position: absolute;
    top: 16px;
    right: 16px;
    background-color: #423C39;
    border-radius: 10px;
}
.form-modal__title {
    font-size: 1.5rem;
    line-height: 1;
    margin-bottom: 12px;
}
.form-modal__title p:last-child {
    color: #423C39A6;
}
.form-modal__inputs {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 15px;
}
.form-modal__footer {
    margin-top: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
}

.input {
    height: 48px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 18px;
    padding-right: 18px;
    border-radius: 6px;
    color: rgb(0 0 0 / .85);
    font-size: 14px;
    line-height: 140%;
}
@keyframes pulse-me {
	0% {
		transform: scale(0.5);
		opacity: 0;
	}

	50% {
		opacity: 0.1;
	}

	70% {
		opacity: 0.09;
	}

	100% {
		transform: scale(5);
		opacity: 0;
	}
}
@keyframes hithere {
	30% {
		transform: scale(1.2);
	}

	40%,
	60% {
		transform: rotate(-20deg) scale(1.2);
	}

	50% {
		transform: rotate(20deg) scale(1.2);
	}

	70% {
		transform: rotate(0deg) scale(1.2);
	}

	100% {
		transform: scale(1);
	}
}
@media only screen and (max-width: 992px) {
    .footer__center {
        flex-direction: column;
        text-align: center;
        margin: 31px 0 16px;
        align-items: center
    }
}

.footer__column-title {
    color: #a0a0a0;
    border-bottom: 1px solid #464646;
    padding-bottom: 12px;
    position: relative
}

@media only screen and (max-width: 992px) {
    .footer__column-title {
        font-size: 1.25em;
        padding-bottom: 22px
    }

    .footer__column-title.active::after {
        transform: translateY(-50%) rotate(-90deg)
    }

    .footer__column-title:first-child {
        padding-top: 20px;
        border-top: 1px solid #464646
    }

    .footer__column-title::after {
        content: "";
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 15px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 5px 5px 0 5px;
        border-color: silver transparent transparent transparent;
        transition: all .3s ease-out
    }
}

.footer__write-items {
    margin: 20px 0 48px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 16px
}

@media only screen and (max-width: 992px) {
    .footer__write-items {
        margin: 10px 0 19px;
        flex-wrap: wrap;
        max-width: 225px;
        justify-content: center;
        -moz-column-gap: 27px;
        column-gap: 27px;
        row-gap: 22px
    }
}

.footer__write-items a {
    transition: opacity .25s
}

.footer__write-items a:hover {
    opacity: .6
}

.footer__mail {
    text-decoration: underline !important;
    font-size: 1em;
    font-weight: 300;
    line-height: normal;
    margin-top: 12px
}

@media only screen and (max-width: 992px) {
    .footer__mail {
        margin-top: 10px;
        font-size: 1.125em
    }
}

.footer__bottom {
    padding-top: 13px;
    border-top: 1px solid #464646;
    align-items: center
}

@media only screen and (max-width: 992px) {
    .footer__bottom {
        padding-top: 25px;
        border: none;
        flex-direction: column;
        gap: 40px
    }
}

.footer__payment {
    width: -moz-max-content;
    width: max-content;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px
}

@media only screen and (max-width: 992px) {
    .footer__payment {
        gap: 8px
    }
}

.footer__payment svg {
    max-height: 50px
}

@media only screen and (max-width: 992px) {
    .footer__payment svg {
        width: 60px
    }
}

.footer__navigation {
    display: flex;
    gap: 38px
}

@media only screen and (max-width: 992px) {
    .footer__navigation {
        flex-wrap: wrap;
        row-gap: 22px;
        -moz-column-gap: 36px;
        column-gap: 36px
    }

    .footer__navigation a,
    .footer__navigation p {
        flex: 0 1 calc(50% - 18px);
        font-size: 1em !important
    }
}

.footer__navigation a::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #a0a0a0;
    transition: all .3s ease-out;
    opacity: 0
}

.footer__navigation a:hover::after {
    opacity: 1
}

.footer__social {
    display: flex;
    gap: 15px;
    margin-top: 22px
}

@media only screen and (max-width: 992px) {
    .footer__social {
        margin-top: 17px;
        gap: 21px
    }
}

.footer__social a:hover svg rect {
    transition: fill .3s ease-out;
    fill: #009846
}

.footer__social a:hover svg path {
    transition: fill .3s ease-out;
    fill: #fff
}

.footer__social a.youtube:hover svg path {
    fill: #fff
}

.footer__social a.youtube:hover svg path:nth-child(3) {
    fill: #009846
}

.footer__about-company p {
    font-weight: 300;
    line-height: normal;
    text-align: right
}

.small-ft a,
.small-ft p {
    font-size: .875em;
    color: #a0a0a0;
    line-height: normal
}

@media only screen and (max-width: 992px) {

    .small-ft a,
    .small-ft p {
        font-size: 1.125em
    }
}

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

@media only screen and (max-width: 992px) {
    .right-ft {
        align-items: center;
        margin-top: 44px;
        gap: 21px;
        width: 100%
    }

    .right-ft.mobile {
        margin-top: 14px;
        gap: 0
    }
}

.footer-mobile__display {
    height: 100%;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .15);
    -webkit-backdrop-filter: blur(1.5px);
    backdrop-filter: blur(1.5px);
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s, visibility .5s
}

.footer-mobile__display.active {
    opacity: 1;
    visibility: visible
}

.footer-mobile__subitem {
    display: none
}

.footer-mobile__subitem.active {
    display: block
}

.footer-mobile__platform {
    position: fixed;
    bottom: -6px;
    left: 0;
    width: 100%;
    height: auto;
    display: block;
    z-index: 10
}

.footer-mobile__platform .tablinks {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    width: 119px
}

.footer-mobile__platform .slide-line {
    display: block;
    padding: 0;
    margin: 0;
    position: absolute;
    left: 0;
    top: 8px;
    z-index: 0;
    width: 110px;
    height: 4px;
    border-radius: 56px 56px 0px 0px;
    background: #009846;
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s, visibility .5s
}

@media screen and (max-width: 1024px) {
    .footer-mobile__platform .slide-line {
        top: 5px;
        height: 3px
    }
}

.footer-mobile__platform .slide-line.active {
    opacity: 1;
    visibility: visible
}

.footer-mobile__body {
    margin-top: 6px;
    padding: 12px 32px 13px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    border-radius: 32px 32px 0px 0px;
    background: rgba(255, 255, 255, .8);
    -webkit-backdrop-filter: blur(7.5px);
    backdrop-filter: blur(7.5px);
    box-shadow: 0px -4px 15px 0px rgba(131, 131, 131, .25)
}

@media screen and (max-width: 767px) {
    .footer-mobile__body {
        justify-content: space-between
    }
}

.footer-mobile__box {
    position: relative
}

.footer-mobile__tab {
    font-size: .875em;
    color: #050607;
    transition: color .25s
}

.footer-mobile__tell {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1
}

.footer-mobile__tell:hover svg {
    animation: rotateAnimationPlatform 1s ease-in-out infinite
}

.footer-mobile__tell:hover svg rect {
    fill: #009846
}

.footer-mobile__item {
    margin-bottom: 0
}

.footer-mobile__item svg {
    width: 24px;
    height: 24px
}

.footer-mobile__item svg path {
    transition: fill .25s
}

.footer-mobile__item.active .footer-mobile__decoration {
    opacity: 1;
    visibility: visible
}

.footer-mobile__item.active a {
    color: #009846
}

.footer-mobile__item.active svg path {
    fill: #009846
}

.footer-mobile__decoration {
    width: 100%;
    height: 3px;
    background: #009846;
    margin-top: 7px;
    border-radius: 56px 56px 0px 0px;
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s, visibility .5s
}

.footer-mobile__line {
    display: flex;
    width: 100%;
    padding: 12px 16px;
    align-items: center;
    gap: 12px;
    border-radius: 16px;
    background: #fff;
    margin-bottom: 4px;
    transition: all .25s;
    color: #050607
}

.footer-mobile__line:hover {
    background: #009846;
    color: #fff
}

@media screen and (min-width: 768px) {

    .footer-mobile__chats,
    .footer-mobile__tells {
        max-width: 400px;
        margin: auto
    }
}

.footer-mobile__tells {
    position: relative;
    z-index: 1;
    padding: 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0px 0px 15px 0px rgba(41, 51, 47, .1)
}

@media screen and (min-width: 768px) {
    .footer-mobile__tells {
        max-width: 380px;
        margin: auto
    }
}

.page-404 {
    height: calc(100vh - 100px);
    margin-bottom: -24px
}

@media screen and (max-width: 767px) {
    .page-404 {
        height: calc(100vh - 95px);
        margin-top: 95px
    }
}

.page-404__container {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    text-align: center
}

.page-404__img {
    margin-bottom: 20px
}

@media screen and (max-width: 767px) {
    .page-404__text {
        font-size: 1em
    }
}

.page-404__title {
    margin-bottom: 10px
}

.page-404__button {
    text-align: center;
    margin-top: 70px;
    background: #050607;
    max-width: 400px;
    width: 100%
}

.page-404__button:hover {
    background-color: #2a2a2a
}

.banner {
    height: 50vh;
    margin-top: 90px;
    position: relative
}

.banner::after {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 0;
    background: #000000bd
}

@media only screen and (max-width: 992px) {
    .banner {
        height: calc(60vh - 167px);
        margin-top: 144px
    }
}

@media screen and (max-width: 767px) {
    .banner {
        background-size: auto 210px !important;
        background-position-y: top !important;
        height: auto;
        margin-bottom: 0;
        margin-top: 134px
    }

    .banner::after {
        height: 250px;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 35.04%, #1f1c18 68.23%)
    }
}

.banner__advertisement {
    background: #f9de59;
    text-align: center;
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .2);
    padding: 12px 22px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1
}

@media screen and (max-width: 767px) {
    .banner__advertisement {
        padding: 6px 10px;
        font-size: 12px;
        top: 4px
    }
}

.banner__container {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    height: 100%;
    gap: 131px
}

@media only screen and (max-width: 1440px) {
    .banner__container {
        gap: 56px
    }
}

@media only screen and (max-width: 1024px) {
    .banner__container {
        gap: 24px
    }
}

.banner__container p {
    position: relative;
    color: #fff;
    line-height: 133%;
    letter-spacing: .24px;
    font-size: 1.5em
}

@media only screen and (max-width: 992px) {
    .banner__container p {
        font-size: 1em;
        line-height: 140%
    }
}

@media screen and (max-width: 767px) {
    .banner__container {
        flex-direction: column;
        gap: 8px;
        height: auto
    }

    .banner__container p::before {
        position: absolute;
        content: "";
        top: 5px;
        left: -20px;
        width: calc(100% + 40px);
        height: 105px;
        z-index: -1;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) -4.1%, #1f1c18 5.46%)
    }
}

.banner__title {
    color: #fff;
    margin-bottom: 24px
}

@media only screen and (max-width: 992px) {
    .banner__title {
        margin-bottom: 8px
    }
}

.banner__content {
    z-index: 1;
    max-width: 689px;
    margin-bottom: 56px
}

@media screen and (max-width: 767px) {
    .banner__content {
        margin-top: 130px;
        margin-bottom: 0
    }
}

.banner__form {
    z-index: 1;
    max-width: 380px;
    padding: 24px;
    background: #fff;
    border-radius: 16px;
    margin-bottom: 19px;
    box-shadow: 0px 0px 15px 0px rgba(41, 51, 47, .1)
}

@media only screen and (max-width: 992px) {
    .banner__form {
        max-width: 343px;
        margin-bottom: 16px;
        padding: 16px
    }
}

@media screen and (max-width: 767px) {
    .banner__form {
        max-width: 100%
    }
}

.banner__submit-div {
    cursor: pointer
}

.banner__text-form {
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: .16px;
    margin-bottom: 16px
}

.banner__code {
    color: #009846;
    padding-right: 16px;
    border-right: 1px solid #f9f9f9;
    padding: 13px 16px 13px 8px;
    font-size: 1em;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: .16px
}

.our-services__text p {
    margin-bottom: 12px
}

.our-services__text p:last-child {
    margin-bottom: 0
}

.our-services__service {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: flex-start;
    margin-top: 50px
}

@media only screen and (max-width: 1024px) {
    .our-services__service {
        gap: 15px
    }
}

@media screen and (max-width: 767px) {
    .our-services__service {
        margin-top: 12px;
        gap: 8px
    }
}

.our-services__item {
    flex: 0 1 calc(33.33% - 23px);
    border: 3.5px solid #009846;
    border-radius: 21px;
    padding: 20px;
    min-height: 277px;
    display: flex;
    flex-direction: column;
    transition: transform .5s ease;
    position: relative
}
.section_before_after {
    padding-top: 70px;
    background: #e8f5f0;
    padding-bottom: 70px;
}
.ba-slider {
    margin: 3rem auto 0;
    position: relative;
    overflow: hidden;
}
.ba-slider img {
    width: 100%;
    display: block;
    max-width: none;
}
.text-center{
    text-align: center;
}
.ba-slider .handle {
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 2px;
    margin-left: -2px;
    background: #161e4c;
    cursor: ew-resize;
}
.ba-slider .resize {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 50%;
    overflow: hidden;
}
.ba-slider .handle:after {
    position: absolute;
    top: 50%;
    width: 64px;
    height: 64px;
    margin: -32px 0 0 -32px;
    content: '\21d4';
    color: #fff;
    font-weight: 700;
    font-size: 36px;
    text-align: center;
    line-height: 64px;
    background: #ffb800;
    border: 1px solid #e6a600;
    border-radius: 50%;
    transition: all .3s ease;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .3), inset 0 2px 0 rgba(255, 255, 255, .5), inset 0 60px 50px -30px #ffd466;
}
.section_before_after .ba-slider .handle:after {
    position: absolute;
    top: 50%;
    width: 45px;
    height: 45px;
    margin: -32px 0 0 -20px;
    content: '';
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAASCAYAAACw50UTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADeSURBVHgBxZSBDYIwEEUP4gC4ASMwgm4gG7iBMoEjOIJuwAi4gW4gI9QJzl8oWiyJ1xbjSz5H2rt/NLQl+gfMvBLmbcgHFOygRpjbQHtJrk4uuMfHnKdWmn4k5ggi0wlqU++aW8YZhaHrGrtBaoy7CSinOHLqV5C9zMGJ4o0HCuioXxbockD0207f2cJX6S9f0m94dE90ObOL71a0qe2EDLrOZH4f/dAkSRRCCbUURwutjd97n2Ogm4AUhaGMcTsMjE6omSgpjJGxY24aXBAq8qNC3U2cLb1KWXg1z84TJrG8KpIFo+MAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: center;
    background-color: #161e4c;
    box-shadow: none;
    border: none;
}
@media only screen and (max-width: 1024px) {
    .our-services__item {
        flex: 0 1 calc(33.3% - 10px)
    }
}

@media screen and (max-width: 767px) {
    .our-services__item {
        flex: 0 1 calc(50% - 4px);
        padding: 12px;
        min-height: auto
    }
}

.our-services__item:hover {
    transform: translateY(-0.5rem)
}

.our-services__item img {
    width: 100px;
    height: 100px;
    margin-bottom: 8px;
    border-radius: 50%;
    border: 4px solid #009846;
}

@media screen and (max-width: 767px) {
    .our-services__item img {
        width: 48px;
        height: 48px
    }
}

.our-services__item-price {
    margin-top: auto;
    color: #009846;
    line-height: 1.2;
    font-size: 1.3rem;
}
.our-services__item-title{
    margin-bottom: 1.5rem;
    font-size: 1.5rem;
}
@media screen and (max-width: 767px) {
    .our-services__item-price {
        line-height: 156%
    }
}

.our-services__item-top {
    box-shadow: 10px 10px 5px 0 rgba(0, 0, 0, .2);
    position: absolute;
    right: 10px;
    padding: 12px 25px;
    border-radius: 10px;
    background: #f9de59
}

@media screen and (max-width: 767px) {
    .our-services__item-top {
        padding: 9px 12px;
        font-size: .75em
    }
}

.basic-cleaning__body {
    padding: 56px;
    border-radius: 20px;
    background: #f9f9f9
}

@media only screen and (max-width: 992px) {
    .basic-cleaning__body {
        padding: 24px
    }
}

@media screen and (max-width: 767px) {
    .basic-cleaning__body {
        padding: 16px
    }
}

.basic-cleaning__text {
    max-width: 840px
}

@media screen and (max-width: 767px) {
    .basic-cleaning__text {
        line-height: 155%
    }
}

.basic-cleaning__box {
    position: relative
}

.basic-cleaning__menu {
    margin-top: 32px;
    gap: 48px;
    overflow: unset;
    max-width: 592px
}

@media only screen and (max-width: 992px) {
    .basic-cleaning__menu {
        margin-top: 24px;
        gap: 15px;
        max-width: unset;
        justify-content: space-between
    }
}

.basic-cleaning__menu .slide-line {
    display: block;
    padding: 0;
    margin: 0;
    position: absolute;
    left: 0;
    top: 8px;
    z-index: 0;
    width: 110px;
    height: 4px;
    border-radius: 50px 50px 0px 0px;
    background: #009846
}

.basic-cleaning__btn {
    font-family: "Dela Gothic One", cursive;
    text-transform: uppercase
}

@media screen and (max-width: 767px) {
    .basic-cleaning__btn {
        font-size: .75em
    }
}

.basic-cleaning__btn.active {
    color: #009846
}

.basic-cleaning__row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    min-width: 592px;
    gap: 16px;
    width: 100%;
    height: 100%;
    margin-top: 28px
}

@media only screen and (max-width: 992px) {
    .basic-cleaning__row {
        gap: 8px;
        min-width: unset;
        height: auto
    }
}

@media screen and (max-width: 767px) {
    .basic-cleaning__row {
        margin-top: 23px
    }
}

.basic-cleaning__column {
    justify-content: space-between;
    gap: 16px
}

@media only screen and (max-width: 1024px) {
    .basic-cleaning__column {
        flex-direction: column
    }
}

.basic-cleaning__image {
    width: 100%;
    max-height: 449px
}

@media only screen and (max-width: 992px) {
    .basic-cleaning__image {
        max-height: unset
    }
}

.basic-cleaning__image img {
    width: 100%;
    height: 449px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 12px
}

.basic-cleaning .column {
    cursor: pointer;
    padding: 15px 12px 15px 8px;
    height: -moz-max-content;
    height: max-content;
    transition: all .25s;
    position: relative;
    background: #fff;
    border-radius: 10px
}

@media only screen and (max-width: 992px) {
    .basic-cleaning .column {
        height: -moz-max-content;
        height: max-content;
        padding: 8px 22px 12px 8px
    }
}

.basic-cleaning .column:hover {
    background-color: rgba(33, 160, 104, .1)
}

.basic-cleaning .column.active {
    background: #009846
}

.basic-cleaning .column.active .title-span {
    color: #fff
}

.basic-cleaning .column.active .img img {
    filter: grayscale(100%) brightness(1000%);
    background-blend-mode: overlay
}

.basic-cleaning .column.active .absoulte-position svg path {
    stroke: #fff
}

.basic-cleaning .column__body {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 8px;
    position: relative
}

.basic-cleaning .column__body img {
    width: auto;
    height: 32px
}

.basic-cleaning .column__body-close {
    position: absolute;
    right: -12px;
    top: 0
}

.basic-cleaning .column__body-close svg {
    cursor: pointer
}

.basic-cleaning .column__head {
    padding: 10px 24px;
    border-radius: 10px;
    background: #fff;
    margin-bottom: 16px
}

@media screen and (max-width: 767px) {
    .basic-cleaning .column__head {
        padding: 10px 20px 10px 16px
    }
}

.basic-cleaning .column__head p {
    font-size: 1em;
    line-height: 140%;
    letter-spacing: .16px;
    color: #050607
}

.basic-cleaning .column__title {
    color: #009846
}

.basic-cleaning .column .title-span {
    transition: color .25s;
    font-size: 1.11111em
}

@media screen and (max-width: 767px) {
    .basic-cleaning .column .title-span {
        font-size: 1em
    }
}

.basic-cleaning .column .img img {
    transition: all .25s;
    width: 45px;
    height: 45px
}

@media screen and (max-width: 767px) {
    .basic-cleaning .column .img img {
        width: 40px;
        height: 40px
    }
}

.basic-cleaning .name {
    display: flex;
    align-items: center;
    gap: 10px
}

@media screen and (max-width: 767px) {
    .basic-cleaning .name {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px
    }
}

.basic-cleaning .absoulte-position {
    top: 8px;
    right: 8px;
    position: absolute
}

.basic-cleaning .absoulte-position svg path {
    transition: stroke .25s
}

.basic-cleaning .gallery img {
    height: auto;
    width: 100%;
    max-height: 285px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 12px
}

@media only screen and (max-width: 992px) {
    .basic-cleaning .gallery img {
        max-height: 385px
    }
}

.additional-services {
    margin-bottom: -100px
}

.additional-services__head {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 112px;
    position: relative
}

.additional-services__categories {
    display: flex;
    gap: 48px;
    margin-bottom: 28px
}

@media screen and (max-width: 767px) {
    .additional-services__categories {
        justify-content: space-between;
        margin-bottom: 23px
    }
}

.additional-services__categories a {
    font-family: "Dela Gothic One", cursive;
    text-transform: uppercase;
    transition: color .5s ease
}

@media screen and (max-width: 767px) {
    .additional-services__categories a {
        font-size: .75em
    }
}

.additional-services__categories a.active {
    color: #009846
}

.additional-services__categories li.slide-line {
    display: block;
    padding: 0;
    margin: 0;
    position: absolute;
    left: 0;
    top: 8px;
    z-index: 0;
    width: 110px;
    height: 4px;
    border-radius: 50px 50px 0px 0px;
    background: #009846
}

@media screen and (max-width: 767px) {
    .additional-services__categories li.slide-line {
        height: 3px;
        top: 6px
    }
}

.additional-services__text {
    margin-bottom: 32px
}

@media screen and (max-width: 767px) {
    .additional-services__text {
        margin-bottom: 16px
    }
}

.additional-services__box {
    position: relative
}

.additional-services__image {
    width: 100%;
    max-width: 215px;
    height: auto
}

@media only screen and (max-width: 1024px) {
    .additional-services__image {
        width: 140px;
        height: 140px;
        position: absolute;
        right: -5px;
        top: -50px
    }
}

@media screen and (max-width: 767px) {
    .additional-services__image {
        top: -24px;
        width: 60px;
        height: 60px
    }
}

.additional-services__items {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    row-gap: 12px;
    -moz-column-gap: 16px;
    column-gap: 16px
}

.additional-services__items img {
    width: 45px;
    height: auto
}

@media only screen and (max-width: 1024px) {
    .additional-services__items {
        grid-template-columns: 1fr 1fr
    }

    .additional-services__items img {
        width: 40px
    }
}

@media screen and (max-width: 767px) {
    .additional-services__items {
        gap: 8px
    }
}

.additional-services__item {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    padding: 12px 25px 12px 8px;
    border-radius: 12px;
    background: #f7fbf7
}

@media only screen and (max-width: 1024px) {
    .additional-services__item {
        flex-direction: column;
        align-items: flex-start;
        padding: 8px 25px 12px 8px;
        gap: 2px
    }
}

.additional-services__item:hover {
    cursor: help
}

.additional-services__item:hover .additional-services__open p,
.additional-services__item:hover .additional-services__open svg {
    display: block
}

@media only screen and (min-width: 1025px) {
    .additional-services__item:nth-child(4n) .additional-services__up p {
        left: -426px
    }

    .additional-services__item:nth-child(4n) .additional-services__up svg {
        left: -10px
    }
}

@media only screen and (max-width: 1024px) {
    .additional-services__item:nth-child(2n) .additional-services__up p {
        left: -226px
    }

    .additional-services__item:nth-child(2n) .additional-services__up svg {
        left: -8px
    }
}

.additional-services__content {
    display: flex;
    flex-direction: column;
    gap: 4px
}

@media screen and (max-width: 767px) {
    .additional-services__content {
        gap: 0
    }
}

.additional-services__price {
    color: #009846
}

.additional-services__open {
    position: absolute;
    top: 8px;
    right: 8px
}

.additional-services__open:hover {
    display: block
}

.additional-services__up {
    position: relative
}

.additional-services__up p {
    width: 450px;
    position: absolute;
    top: 20px;
    left: -205px;
    padding: 16px;
    border-radius: 12px;
    display: none;
    z-index: 1;
    background: #2a2a2a;
    color: #f9f9f9
}

@media only screen and (max-width: 1024px) {
    .additional-services__up p {
        width: 250px;
        top: 20px;
        left: -117px;
        font-size: 1em;
        line-height: normal
    }
}

.additional-services__up svg {
    display: none;
    position: absolute;
    width: 24px;
    height: 10px;
    top: 11px;
    left: -4px
}

.additional-services__empty {
    height: 150px;
    width: 100%
}

.about-us__row {
    display: flex;
    flex-direction: row;
    gap: 24px
}

@media only screen and (max-width: 1024px) {
    .about-us__row {
        flex-direction: column;
        gap: 16px
    }
}

.about-us__row.bottom {
    margin-top: 32px
}

.about-us__achievement {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: -moz-max-content;
    width: max-content;
    max-width: 50%;
    gap: 16px
}

@media only screen and (max-width: 1024px) {
    .about-us__achievement {
        max-width: 100%
    }
}

.about-us__advertisement-title {
    font-size: 1.25em;
    line-height: normal
}

@media screen and (max-width: 767px) {
    .about-us__advertisement-title {
        font-size: 1.125em;
        letter-spacing: .36px
    }
}

.about-us__achievement-item {
    width: 100%;
    max-width: 330px;
    display: flex;
    height: auto;
    padding: 16px 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    border-radius: 12px;
    background: #f7fcf9
}

@media only screen and (max-width: 1024px) {
    .about-us__achievement-item {
        max-width: calc(50% - 8px)
    }
}

@media only screen and (max-width: 992px) {
    .about-us__achievement-item {
        max-width: 330px
    }
}

.about-us__achievement-title {
    font-weight: 600
}

.about-us__achievement-head {
    display: flex;
    gap: 8px;
    align-items: center;
    height: 40px
}

.about-us__achievement-icon {
    width: 40px;
    height: 40px
}

.about-us__achievement-text {
    font-size: 1em;
    line-height: 140%
}

.about-us__gallery {
    display: grid;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    height: -moz-max-content;
    height: max-content
}


.about-us__image {

    width: 100%;
    border-radius: 12px;
    -o-object-fit: cover;
    object-fit: cover
}

@media only screen and (max-width: 1024px) {
    .about-us__image {
        height: auto;
        width: 100%
    }
}

.about-us__img img {
    height: 220px;
    width: 244px;
    border-radius: 12px;
    -o-object-fit: cover;
    object-fit: cover
}

@media only screen and (max-width: 1024px) {
    .about-us__img img {
        height: auto;
        width: 100%;
        padding-right: 12px
    }
}

@media screen and (max-width: 767px) {
    .about-us__img img {
        padding-right: 0
    }
}

.about-us__advertisement {
    position: relative;
    display: flex;
    padding: 32px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    flex: 1 0 0;
    align-self: stretch;
    border-radius: 12px;
    background: #f7fcf9;
    max-width: 684px;
    width: 100%
}

@media only screen and (max-width: 1024px) {
    .about-us__advertisement {
        margin-top: 32px;
        padding: 24px;
        gap: 16px;
        max-width: unset
    }
}

@media screen and (max-width: 767px) {
    .about-us__advertisement {
        padding: 16px
    }
}

.about-us__icon {
    position: absolute;
    top: -32px;
    right: 15px;
    height: 150px;
    width: 150px
}

@media screen and (max-width: 767px) {
    .about-us__icon {
        top: -26px;
        right: 0;
        height: 85px;
        width: 85px
    }
}

.about-us__slider {
    position: relative;
    max-width: 500px;
    width: 100%
}

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

.about-us .slider-navigation {
    top: 35%;
    padding: 0 17px 0 11px
}

@media screen and (max-width: 767px) {
    .about-us .slider-navigation {
        top: 42%
    }
}

.about-us .slick-dots {
    margin-top: 12px
}

@media screen and (max-width: 767px) {
    .about-us .slick-dots {
        margin-top: 5px
    }
}

.about-us__achievement-mobile {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 8px;
    grid-auto-rows: auto
}

.about-us__achievement-mobile__item {
    min-height: 128px;
    transition: all .3s ease;
    perspective: 1000px
}

.about-us__achievement-mobile__card {
    position: relative;
    height: 100%;
    transition: transform .5s;
    transform-style: preserve-3d;
    padding: 12px;
    border-radius: 12px
}

.about-us__achievement-mobile__front {
    background: #f7fcf9;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 128px;
    border-radius: 12px;
    backface-visibility: hidden;
    display: flex;
    padding: 12px 25px 12px 12px;
    box-sizing: border-box;
    color: inherit;
    transition: all .3s ease;
    border-radius: 12px;
    justify-content: flex-start;
    align-items: flex-start
}

.about-us__achievement-mobile__front svg {
    position: absolute;
    top: 0;
    right: -13px
}

.about-us__achievement-mobile__header {
    position: relative;
    width: 100%
}

.about-us__achievement-mobile__icon {
    margin-bottom: 8px;
    width: 40px;
    height: 40px
}

.about-us__achievement-mobile__back {
    transform: rotateY(180deg);
    background: #009846;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 128px;
    border-radius: 12px;
    backface-visibility: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px;
    box-sizing: border-box;
    color: inherit;
    transition: all .3s ease;
    border-radius: 12px
}

.about-us__achievement-mobile__text {
    color: #f7fcf9;
    font-size: 1em;
    line-height: 140%
}

.about-us__achievement-mobile__title {
    font-weight: 600;
    line-height: 156%;
    letter-spacing: .18px;
    color: #050607
}

@media screen and (max-width: 767px) {
    .about-us__desc {
        font-size: 1em;
        line-height: 140%;
        letter-spacing: .16px
    }

    .about-us__desc br {
        display: none
    }
}

.modern-team__row {
    background: #f9f9f9;
    padding: 48px 56px;
    border-radius: 12px
}

@media only screen and (max-width: 1024px) {
    .modern-team__row {
        padding: 24px
    }
}

@media screen and (max-width: 767px) {
    .modern-team__row {
        padding: 16px
    }
}

.modern-team__text {
    max-width: 730px;
    width: 100%
}

.modern-team__slider {
    position: relative;
    margin-top: 32px
}

@media screen and (max-width: 767px) {
    .modern-team__slider {
        margin-top: 16px
    }
}

.member {
    padding: 0px 8px
}

.member__name {
    margin-top: 12px;
    margin: 12px 0 4px;
    color: #050607
}

@media screen and (max-width: 767px) {
    .member__name {
        margin: 8px 0 0
    }
}

.member__comment {
    font-size: 1em;
    line-height: 140%;
    min-height: 44.8px
}

.member__with {
    margin-top: 12px;
    color: #009846;
    font-weight: 600;
    line-height: 155%
}

@media screen and (max-width: 767px) {
    .member__with {
        margin-top: 8px
    }
}

.member img {
    display: block;
    width: 100%;
    height: 256px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 12px
}

.instant-support__container {
    display: flex;
    gap: 30px
}

@media screen and (max-width: 767px) {
    .instant-support__container {
        flex-direction: column;
        gap: 32px
    }
}

.instant-support__support {
    border-radius: 18px;
    border: 1px solid #f9f9f9;
    background: #fff;
    padding: 32px;
    box-shadow: 0px 0px 15px 0px rgba(41, 51, 47, .1);
    max-width: 380px;
    width: 100%;
    height: -moz-max-content;
    height: max-content
}

@media only screen and (max-width: 1024px) {
    .instant-support__support {
        padding: 24px
    }
}

@media screen and (max-width: 767px) {
    .instant-support__support {
        padding: 16px
    }
}

.instant-support__title,
.instant-support__seo-title {
    margin-bottom: 16px
}

.instant-support__subtext {
    font-weight: 600;
    margin-top: 32px
}

@media screen and (max-width: 767px) {
    .instant-support__subtext {
        margin-top: 24px
    }
}

.instant-support__social {
    display: flex;
    gap: 26px;
    margin-top: 16px
}

@media screen and (max-width: 767px) {
    .instant-support__social {
        margin-top: 8px;
        gap: 18px;
        justify-content: space-between
    }
}

.instant-support__social a {
    display: block;
    line-height: unset;
    text-align: center
}

.instant-support__social a:hover span {
    border-color: #009846
}

.instant-support__social a:hover p {
    color: #009846
}

.instant-support__social a span {
    display: block;
    border-radius: 16px;
    padding: 17px 19px;
    border: 1px solid #f9f9f9;
    line-height: unset;
    transition: border-color .25s;
    margin-bottom: 8px
}

.instant-support__social a p {
    font-weight: 600;
    font-size: 1em;
    transition: color .2s;
    color: #050607
}

.instant-support__seo {
    max-height: 440px;
    overflow-y: scroll;
    padding-right: 82px;
    width: 100%
}

@media only screen and (max-width: 1024px) {
    .instant-support__seo {
        padding-right: 10px
    }
}

@media screen and (max-width: 767px) {
    .instant-support__seo {
        max-height: 492px
    }
}

.instant-support__seo::-webkit-scrollbar {
    width: 5px
}

.instant-support__seo::-webkit-scrollbar-thumb {
    background: #119990;
    border-radius: 2px
}

.instant-support__seo::-webkit-scrollbar-thumb:hover {
    background: #119990;
    border-radius: 2px
}

.instant-support__seo-text p {
    color: rgba(42, 42, 42, .8);
    margin-bottom: 16px
}

.instant-support__seo-text h3,
.instant-support__seo-text .h3 {
    margin-bottom: 16px
}

@media screen and (max-width: 767px) {

    .instant-support__seo-text p,
    .instant-support__seo-text li,
    .instant-support__seo-text a {
        font-size: 1em
    }
}

.instant-support__seo-text ul {
    margin-bottom: 16px
}

.instant-support__seo-text ul li {
    position: relative;
    padding-left: 25px
}

.instant-support__seo-text ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .23);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #009846
}

.seo-block__row {
    border-radius: 18px;
    border: 1px solid #f9f9f9;
    background: #fff;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, .04);
    padding: 32px 40px
}

@media only screen and (max-width: 1024px) {
    .seo-block__row {
        padding: 24px
    }
}

@media screen and (max-width: 767px) {
    .seo-block__row {
        padding: 16px
    }
}

.seo-block__text table {
    margin-bottom: 16px
}

@media screen and (max-width: 767px) {
    .seo-block__text table {
        width: 100% !important
    }
}

.seo-block__text td {
    padding: 8px;
    border: 1px solid #eee
}

.seo-block__text td p {
    margin-bottom: 0
}

.seo-block__text p {
    margin-bottom: 16px
}

@media screen and (max-width: 767px) {
    .seo-block__text p {
        line-height: 155%
    }
}

.seo-block__text ul,
.seo-block__text ol {
    list-style-type: none;
    margin-bottom: 16px
}

.seo-block__text ul li,
.seo-block__text ol li {
    position: relative;
    padding-left: 25px
}

.seo-block__text ul li::before,
.seo-block__text ol li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .23);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #009846
}

.our-works__row {
    display: flex;
    gap: 30px
}

@media only screen and (max-width: 1024px) {
    .our-works__row {
        flex-direction: column;
        gap: 16px
    }
}

.our-works__title {
    margin-bottom: 32px
}

@media screen and (max-width: 767px) {
    .our-works__title {
        margin-bottom: 16px
    }
}

.our-works__content {
    position: relative;
    max-width: 100%
}

@media only screen and (max-width: 1024px) {
    .our-works__content {
        max-width: 100%
    }
}

.our-works__content .slider-navigation {
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 0px 10px
}

.our-works__photo {
    display: flex;
    gap: 16px;
    position: relative
}

@media only screen and (max-width: 1024px) {
    .our-works__photo {
        gap: 8px
    }
}

.our-works__photo img {
    border-radius: 12px;
    width: 49%;
    height: auto
}

@media only screen and (max-width: 1024px) {
    .our-works__photo img {
        width: calc(50% - 4px)
    }
}

.our-works__photo span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: -moz-max-content;
    width: max-content;
    border-radius: 30px;
    padding: 8px 16px;
    background: #fff
}

.social-responsibility__row {
    border-radius: 12px;
    background: #f7fcf9;
    padding: 48px 56px;
    position: relative
}

@media only screen and (max-width: 1024px) {
    .social-responsibility__row {
        padding: 24px
    }
}

@media screen and (max-width: 767px) {
    .social-responsibility__row {
        padding: 16px
    }
}

.social-responsibility__title {
    margin-bottom: 32px
}

@media screen and (max-width: 767px) {
    .social-responsibility__title {
        margin-bottom: 16px
    }
}

.social-responsibility__content {
    display: flex;
    gap: 24px
}

@media only screen and (max-width: 992px) {
    .social-responsibility__content {
        flex-direction: column;
        gap: 16px
    }
}

.social-responsibility .slide__content {
    display: flex;
    padding: 32px;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    border-radius: 20px;
    background: #fff
}

@media screen and (max-width: 767px) {
    .social-responsibility .slide__content {
        padding: 16px
    }
}

.social-responsibility .slide__row {
    display: flex;
    gap: 16px
}

@media only screen and (max-width: 1024px) {
    .social-responsibility .slide__row {
        margin-bottom: 16px
    }
}

@media only screen and (max-width: 992px) {
    .social-responsibility .slide__row {
        flex-direction: column
    }
}

.social-responsibility .slide__title {
    color: #009846;
    margin-bottom: 16px
}

@media screen and (max-width: 767px) {
    .social-responsibility .slide__title {
        margin-bottom: 0
    }
}

.social-responsibility .slide__info {
    display: flex;
    max-width: 160px;
    height: -moz-fit-content;
    height: fit-content;
    width: 100%;
    padding: 8px 16px 16px 16px;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 12px;
    background: rgba(33, 160, 104, .1);
    color: #009846
}

@media only screen and (max-width: 992px) {
    .social-responsibility .slide__info {
        max-width: unset;
        flex-direction: row;
        padding: 12px 24px;
        justify-content: space-between;
        align-items: center;
        gap: 16px
    }
}

.social-responsibility .slide__info svg {
    width: auto;
    height: 56px
}

@media screen and (max-width: 767px) {
    .social-responsibility .slide__info svg {
        height: 60px
    }
}

.social-responsibility .slide__info-title {
    font-weight: 700;
    font-size: 2em;
    line-height: 100%;
    margin: 16px 0 8px
}

@media screen and (max-width: 767px) {
    .social-responsibility .slide__info-title {
        font-size: 1.5em;
        margin: 0 0 4px
    }
}

.social-responsibility .slide__info-text {
    line-height: 133%
}

@media screen and (max-width: 767px) {
    .social-responsibility .slide__info-text {
        font-size: 1em
    }
}

.social-responsibility .slide__subtext {
    font-weight: 600;
    color: #050607;
    margin-top: 16px
}

@media screen and (max-width: 767px) {

    .social-responsibility .slide__text,
    .social-responsibility .slide__subtext {
        font-size: 1em;
        line-height: 140%
    }
}

.social-responsibility .slide__gallery-items {
    display: grid;
    grid-column-gap: 8px;
    grid-row-gap: 8px
}

.social-responsibility .slide__gallery-items.gallery-1 {
    grid-template-columns: repeat(1, 1fr)
}

.social-responsibility .slide__gallery-items.gallery-1 .gallery-item {
    max-width: 400px;
    min-width: 400px
}

.social-responsibility .slide__gallery-items.gallery-2 {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(1, 1fr)
}

.social-responsibility .slide__gallery-items.gallery-2 .gallery-item {
    width: 196px;
    height: 292px;
    max-height: 292px
}

.social-responsibility .slide__gallery-items.gallery-3 {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr)
}

.social-responsibility .slide__gallery-items.gallery-3 .gallery-item-2 {
    grid-column: 2/span 1;
    grid-row: 1/span 2
}

.social-responsibility .slide__gallery-items.gallery-3 .slide__gallery-item {
    max-width: 196px
}

@media only screen and (max-width: 992px) {
    .social-responsibility .slide__gallery-items.gallery-3 .slide__gallery-item {
        max-width: unset
    }
}

.social-responsibility .slide__gallery-item {
    width: -moz-max-content;
    width: max-content;
    height: auto;
    max-height: 292px;
    grid-row: auto;
    grid-column: auto;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 12px
}

@media only screen and (max-width: 992px) {
    .social-responsibility .slide__gallery-item {
        width: 100%;
        max-height: unset;
        height: 100%
    }
}

.social-responsibility .slide__gallery-subtitle {
    margin-top: 8px;
    text-align: center
}

@media screen and (max-width: 767px) {
    .social-responsibility .slide__gallery-subtitle {
        text-align: left
    }
}

.social-responsibility__navigation {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 100%;
    padding: 0px 8px;
    position: absolute;
    width: 100%;
    bottom: 46%;
    left: 0
}

@media only screen and (max-width: 1024px) {
    .social-responsibility__navigation.pc {
        display: none
    }
}

.social-responsibility__navigation .prev-slide {
    transform: rotate(-180deg)
}

.social-responsibility__navigation .slick-disabled svg path:first-child {
    fill: #2a2a2a
}

.social-responsibility__navigation .slick-disabled svg path:last-child {
    fill: #fff
}

.social-responsibility .slick-dots {
    margin-top: 32px;
    gap: 16px
}

@media only screen and (max-width: 992px) {
    .social-responsibility .slick-dots {
        gap: 12px;
        margin-top: 7px
    }
}

.social-responsibility .slick-dots li button {
    width: 16px;
    height: 16px;
    border-radius: 18px;
    background: rgba(5, 6, 7, .1)
}

@media screen and (max-width: 767px) {
    .social-responsibility .slick-dots li button {
        width: 12px;
        height: 12px
    }
}

.social-responsibility .slick-dots li.slick-active button {
    background: #009846
}

.trust-cleaning__row {
    border-radius: 12px;
    background: #fff;
    padding: 48px 56px;
    box-shadow: 0px 0px 15px 0px rgba(41, 51, 47, .1)
}

@media only screen and (max-width: 1024px) {
    .trust-cleaning__row {
        padding: 24px
    }
}

@media screen and (max-width: 767px) {
    .trust-cleaning__row {
        padding: 16px
    }
}

.trust-cleaning__text {
    margin-top: 16px;
    display: flex;
    gap: 8px
}

.trust-cleaning__text p {
    font-size: 1.5em;
    line-height: 133%
}

@media screen and (max-width: 767px) {
    .trust-cleaning__text p {
        font-size: 1em
    }
}

.trust-cleaning__text p strong {
    color: #009846;
    font-weight: 600
}

.trust-cleaning__text svg {
    margin-top: 2px
}

@media only screen and (max-width: 992px) {
    .trust-cleaning__text svg {
        display: none
    }
}

.trust-cleaning__companies {
    display: flex;
    flex-wrap: wrap;
    margin-top: 24px;
    -moz-column-gap: 41px;
    column-gap: 41px
}

@media only screen and (max-width: 1280px) {
    .trust-cleaning__companies {
        -moz-column-gap: 34px;
        column-gap: 34px
    }
}

@media only screen and (max-width: 1024px) {
    .trust-cleaning__companies {
        -moz-column-gap: 0;
        column-gap: 0
    }
}

.trust-cleaning__company {
    padding: 16px;
    position: relative
}

@media only screen and (max-width: 1024px) {
    .trust-cleaning__company {
        padding: 20px;
        flex: 0 1 20%
    }
}

@media screen and (max-width: 767px) {
    .trust-cleaning__company {
        padding: 7px
    }
}

@media only screen and (min-width: 1025px) {
    .trust-cleaning__company:nth-child(-n+14)::after {
        content: "";
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        right: 0;
        bottom: 0;
        width: 98%;
        height: 1px;
        background: #e3e3e3
    }
}

@media only screen and (max-width: 1024px) {
    .trust-cleaning__company:nth-child(-n+15)::after {
        content: "";
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        right: 0;
        bottom: 0;
        width: 88%;
        height: 1px;
        background: #e3e3e3
    }
}

.trust-cleaning__company::before {
    content: "";
    position: absolute;
    right: -20px;
    top: 50%;
    width: 1px;
    height: 71%;
    transform: translateY(-50%);
    background: #e3e3e3
}

@media only screen and (max-width: 1024px) {
    .trust-cleaning__company::before {
        right: -1px;
        height: 74%
    }
}

@media only screen and (min-width: 1025px) {
    .trust-cleaning__company:nth-child(7n)::before {
        content: none
    }
}

@media only screen and (max-width: 1024px) {
    .trust-cleaning__company:nth-child(5n)::before {
        content: none
    }
}

.trust-cleaning__company svg {
    width: 88px;
    height: 88px;
    transition: transform .3s ease-out
}

@media only screen and (max-width: 1024px) {
    .trust-cleaning__company svg {
        width: 100%;
        height: auto
    }
}

.trust-cleaning__company svg path {
    transition: fill .3s ease-out
}

.trust-cleaning__company svg rect {
    transition: stroke .3s ease-out
}

.trust-cleaning__company:hover svg {
    transform: scale(1.2)
}

@media only screen and (max-width: 1024px) {
    .trust-cleaning__company:hover svg {
        transform: scale(1.05)
    }
}

.trust-cleaning__company:hover svg path {
    fill: #009846
}

.trust-cleaning__company:hover svg rect {
    stroke: #009846
}

.reviews__row {
    padding: 48px 56px;
    border-radius: 12px;
    background: rgba(33, 160, 104, .1)
}

@media only screen and (max-width: 1024px) {
    .reviews__row {
        padding: 24px
    }
}

@media screen and (max-width: 767px) {
    .reviews__row {
        padding: 16px
    }
}

.reviews__ratings {
    margin-top: 32px;
    display: flex;
    flex-wrap: wrap;
    gap: 40px
}

@media only screen and (max-width: 992px) {
    .reviews__ratings {
        row-gap: 24px
    }
}

@media screen and (max-width: 767px) {
    .reviews__ratings {
        margin-top: 16px;
        flex-direction: column;
        gap: 16px
    }
}

.reviews__item {
    width: calc(33.3% - 27px)
}

@media only screen and (max-width: 992px) {
    .reviews__item {
        width: calc(50% - 20px)
    }
}

@media screen and (max-width: 767px) {
    .reviews__item {
        width: 100%
    }
}

.reviews__name,
.reviews__rating {
    font-size: 1.125em
}

.reviews__head {
    display: flex;
    justify-content: space-between
}

.reviews__main {
    display: flex;
    gap: 8px;
    align-items: center
}

.reviews__bottom {
    position: relative;
    transition: color .25s
}

.reviews__bottom::before {
    position: absolute;
    content: "";
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #f7fbf7;
    transition: background .25s
}

.reviews__bottom:hover {
    color: #009846
}

.reviews__bottom:hover::before {
    background: #009846
}

.reviews__line {
    margin: 8px 0;
    height: 3px;
    background: #8b928c;
    width: 100%;
    position: relative
}

.reviews__line:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: calc(var(--rating)/5*100%);
    height: 100%;
    background: #009846
}

.reviews__script {
    margin-top: 32px
}

@media only screen and (max-width: 992px) {
    .reviews__script {
        margin-top: 20px
    }
}

.reviews__script .cuoJHc {
    min-height: 257.4px
}

.answers-questions__faq {
    margin-top: 32px
}

@media screen and (max-width: 767px) {
    .answers-questions__faq {
        margin-top: 16px
    }
}

.answers-questions__faq-title {
    color: #050607;
    transition: color .25s;
    width: 100%
}

.answers-questions__faq-title,
.answers-questions__body p {
    line-height: 155%
}

.answers-questions__item {
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 16px;
    margin-bottom: 16px;
    cursor: pointer
}

@media screen and (max-width: 767px) {
    .answers-questions__item {
        padding-bottom: 12px;
        margin-bottom: 12px
    }
}

.answers-questions__item:last-child {
    margin-bottom: 0
}

.answers-questions__item:hover .answers-questions__faq-title {
    color: #009846
}

.answers-questions__item.active svg {
    transform: rotate(-45deg)
}

.answers-questions__item.active .answers-questions__faq-title {
    color: #009846
}

.answers-questions__head {
    gap: 24px
}

.answers-questions__head svg {
    transition: transform .25s
}

.answers-questions__body {
    max-height: 0;
    overflow: hidden;
    transition: max-height .25s ease-out
}

.answers-questions__body p {
    padding-top: 16px
}

@media screen and (max-width: 767px) {
    .answers-questions__body p {
        padding-top: 12px
    }
}

.cost-cleaning__container {
    display: flex;
    gap: 30px;
    justify-content: flex-start
}

@media only screen and (max-width: 1024px) {
    .cost-cleaning__container {
        align-items: center
    }
}

@media screen and (max-width: 767px) {
    .cost-cleaning__container {
        align-items: unset;
        flex-direction: column-reverse
    }
}

.cost-cleaning__content {
    max-width: 600px;
    width: 100%
}

.cost-cleaning__services {
    border: 1px solid #009846;
    border-radius: 0 0 10px 10px
}

@media screen and (max-width: 767px) {
    .cost-cleaning__title {
        max-width: calc(100% - 108px)
    }
}

.cost-cleaning__head {
    display: flex;
    justify-content: space-between;
    padding: 10px 32px 10px 15px;
    background: #009846;
    border-radius: 10px 10px 0 0;
    color: #fff
}

@media screen and (max-width: 767px) {
    .cost-cleaning__head {
        padding: 10px 15px
    }
}

.cost-cleaning__image {
    position: relative
}

.cost-cleaning__image img {
    width: 500px;
    height: auto
}

@media only screen and (max-width: 1024px) {
    .cost-cleaning__image img {
        width: 225px
    }
}

@media screen and (max-width: 767px) {
    .cost-cleaning__image img {
        width: 100px;
        position: absolute;
        top: 0;
        right: 0
    }
}

.cost-cleaning__item {
    display: flex;
    border-top: 1px solid rgba(33, 160, 104, .08)
}

.cost-cleaning__price {
    flex: 0 1 35%;
    color: #009846;
    background: rgba(33, 160, 104, .05);
    padding: 4px 32px 4px 15px;
    text-align: right
}

@media screen and (max-width: 767px) {
    .cost-cleaning__price {
        padding: 4px 15px;
        font-size: 1em
    }
}

.cost-cleaning__type {
    flex: 0 1 65%;
    padding: 4px 15px;
    transition: all .25s ease
}

@media screen and (max-width: 767px) {
    .cost-cleaning__type {
        font-size: 1em
    }
}

.cost-cleaning__type:hover {
    text-decoration: underline;
    color: #050607
}

.blog-chystota__row {
    margin-bottom: 24px;
    align-items: center
}

@media screen and (max-width: 767px) {
    .blog-chystota__row {
        margin-bottom: 16px
    }
}

.blog-chystota__title svg {
    vertical-align: bottom;
    margin-left: 8px
}

@media screen and (max-width: 767px) {
    .blog-chystota__title svg {
        display: none
    }
}

.blog-chystota__posts {
    display: grid;
    grid-template-columns: 485px 1fr;
    grid-column-gap: 30px;
    grid-template-rows: repeat(3, 150px);
    grid-row-gap: 16px
}

@media only screen and (max-width: 1024px) {
    .blog-chystota__posts {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(3, auto)
    }
}

@media screen and (max-width: 767px) {
    .blog-chystota__posts {
        grid-template-columns: 1fr;
        grid-row-gap: 8px;
        grid-template-rows: repeat(3, auto)
    }
}

@media screen and (max-width: 767px) {
    .blog-chystota .archive {
        padding: 12px
    }

    .blog-chystota .archive__content {
        padding: 0;
        gap: 12px
    }

    .blog-chystota .archive .archive__bottom a,
    .blog-chystota .archive .archive__bottom p,
    .blog-chystota .archive .archive__bottom span {
        font-size: 1.125em
    }

    .blog-chystota .archive .archive__dot.first {
        display: none
    }

    .blog-chystota .archive:not(:nth-child(1)) .archive__image {
        display: none
    }

    .blog-chystota .archive .archive__line {
        order: 4;
        flex-basis: 100%
    }
}

.blog-chystota .archive:nth-child(1) {
    max-width: 483px;
    width: 100%;
    gap: 24px;
    flex-direction: column;
    grid-area: 1/1/4/2
}

@media only screen and (max-width: 1024px) {
    .blog-chystota .archive:nth-child(1) {
        max-width: unset
    }
}

@media screen and (max-width: 767px) {
    .blog-chystota .archive:nth-child(1) {
        gap: 8px
    }
}

.blog-chystota .archive:nth-child(1) .archive__image {
    height: 255px;
    max-width: unset
}

@media screen and (max-width: 767px) {
    .blog-chystota .archive:nth-child(1) .archive__image {
        height: auto
    }
}

.blog-chystota .archive:nth-child(1) .archive__desc {
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2
}

@media screen and (max-width: 767px) {
    .blog-chystota .archive:nth-child(1) .archive__desc {
        display: none
    }
}

.blog-chystota .archive:nth-child(1) .archive__content {
    gap: 12px;
    padding: 0
}

@media screen and (max-width: 767px) {
    .blog-chystota .archive:nth-child(1) .archive__content {
        gap: 8px
    }
}

.blog-chystota .archive:nth-child(1) .archive__bottom {
    flex-wrap: wrap;
    margin-top: 12px
}

@media screen and (max-width: 767px) {
    .blog-chystota .archive:nth-child(1) .archive__bottom {
        margin-top: 0
    }
}

.cleaning-stages__row {
    padding: 48px 56px;
    border-radius: 12px;
    background: rgba(33, 160, 104, .1)
}

@media only screen and (max-width: 1024px) {
    .cleaning-stages__row {
        padding: 24px
    }
}

@media screen and (max-width: 767px) {
    .cleaning-stages__row {
        padding: 16px
    }
}

.cleaning-stages__content {
    gap: 30px
}

@media only screen and (max-width: 1024px) {
    .cleaning-stages__content {
        flex-direction: column;
        gap: 16px
    }
}

@media only screen and (max-width: 992px) {
    .cleaning-stages__title {
        margin-bottom: 24px
    }
}

.cleaning-stages__list {
    flex: 0 1 50%
}

.cleaning-stages__step {
    margin-bottom: 16px;
    line-height: normal
}

@media only screen and (max-width: 992px) {
    .cleaning-stages__step {
        margin-bottom: 8px
    }
}

.cleaning-stages__text {
    margin-bottom: 32px
}

@media only screen and (max-width: 992px) {
    .cleaning-stages__text {
        margin-bottom: 16px
    }
}

@media screen and (max-width: 767px) {
    .cleaning-stages__text {
        font-size: 1em;
        line-height: 158%
    }
}

.cleaning-stages__text:last-child {
    margin-bottom: 0
}

.cleaning-stages__video {
    flex: 0 1 50%;
    margin-top: auto
}

.cleaning-stages__video video {
    width: 100%;
    height: auto;
    border-radius: 12px
}

.windows-balconies__title {
    margin-bottom: 32px
}

@media only screen and (max-width: 992px) {
    .windows-balconies__title {
        padding: 20px
    }
}

@media screen and (max-width: 767px) {
    .windows-balconies__title {
        margin-bottom: 16px
    }
}

.windows-balconies__content {
    gap: 30px;
    justify-content: space-between
}

@media only screen and (max-width: 1024px) {
    .windows-balconies__content {
        flex-direction: column-reverse;
        gap: 16px
    }
}

.windows-balconies__image {
    flex: 0 1 50%
}

.windows-balconies__image img {
    width: 100%;
    max-width: 585px;
    max-height: 628px;
    border-radius: 12px;
    -o-object-fit: cover;
    object-fit: cover
}

@media only screen and (max-width: 1024px) {
    .windows-balconies__image img {
        -o-object-position: 0 27%;
        object-position: 0 27%;
        max-width: unset
    }
}

@media only screen and (max-width: 992px) {
    .windows-balconies__image img {
        max-height: 340px
    }
}

@media screen and (max-width: 767px) {
    .windows-balconies__image img {
        max-height: 220px
    }
}

.windows-balconies__body {
    flex: 0 1 50%
}

.windows-balconies__numblist,
.windows-balconies__list {
    position: relative;
    display: flex;
    padding: 24px 32px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
    border-radius: 12px;
    background: #f7fcf9;
    margin-bottom: 24px
}

@media only screen and (max-width: 1024px) {

    .windows-balconies__numblist,
    .windows-balconies__list {
        padding: 16px;
        text-align: center;
        display: block
    }
}

.windows-balconies__list {
    margin-bottom: 32px
}

@media only screen and (max-width: 992px) {
    .windows-balconies__list {
        margin-bottom: 16px
    }
}

.windows-balconies__list::before {
    content: "";
    width: 150px;
    height: 150px;
    position: absolute;
    top: 0;
    right: 32px;
    background-image: url("../images/windows-balconies.svg");
    background-repeat: no-repeat
}

@media only screen and (max-width: 1024px) {
    .windows-balconies__list::before {
        content: none
    }
}

.windows-balconies__list .slick-dots li button {
    font-size: 0
}

.windows-balconies__list .slick-dots li button::before {
    content: "";
    background-image: url("../images/ok-grey.svg");
    width: 20px;
    height: 17px;
    position: absolute;
    top: -2.5px;
    left: -3px
}

.windows-balconies__list .slick-dots li.slick-active button::before {
    content: "";
    background-image: url("../images/ok-white.svg")
}

.windows-balconies__numblist .slick-dots li button {
    font-family: "Museo Sans Cyrl";
    font-size: .875em;
    font-weight: 600;
    line-height: 128%;
    letter-spacing: .14px;
    color: #8b928c
}

.windows-balconies__subtitle {
    color: #009846;
    line-height: 133%;
    letter-spacing: .24px
}

@media only screen and (max-width: 992px) {
    .windows-balconies__subtitle {
        font-size: 1.125em;
        line-height: 178%;
        margin-bottom: 4px
    }
}

.windows-balconies__item {
    position: relative;
    margin-bottom: 12px;
    padding-left: 34px;
    font-style: normal;
    font-weight: 400;
    line-height: 178%;
    font-size: 1.125em
}

@media only screen and (max-width: 992px) {
    .windows-balconies__item {
        border-radius: 12px;
        background: #fff;
        padding: 10px 8px;
        text-align: center;
        font-size: 1em
    }
}

.windows-balconies__item:last-child {
    margin-bottom: 0
}

.windows-balconies__item.num .decor {
    font-weight: 600;
    line-height: 128%;
    letter-spacing: .14px;
    font-size: .78em;
    display: block;
    width: 24px;
    height: 24px;
    padding: 2.5px 0 0 7.3px;
    border-radius: 50px;
    border: 1px solid #009846;
    color: #009846
}

.windows-balconies__item span {
    position: absolute;
    margin-left: -33px;
    top: 4px
}

.windows-balconies__btn {
    min-width: 278px;
    text-align: center;
    padding: 14px 40px
}

@media only screen and (max-width: 1024px) {
    .windows-balconies__btn {
        width: 100%
    }
}

@media screen and (max-width: 767px) {
    .windows-balconies__btn {
        font-size: .875em;
        line-height: 128%;
        letter-spacing: .14px;
        padding: 13px 40px
    }
}

.windows-balconies__slider-navigation {
    position: absolute;
    bottom: 16px;
    width: calc(100% - 30px);
    left: 0;
    margin: 0 auto;
    right: 0;
    display: flex;
    justify-content: space-between
}

.windows-balconies__slider-navigation .slick-disabled {
    opacity: 0;
    visibility: hidden
}

.windows-balconies__arrow-prev,
.windows-balconies__items-prev {
    transform: rotate(180deg)
}

.windows-balconies .slick-dots {
    display: flex;
    gap: 14px;
    justify-content: center;
    width: -moz-max-content;
    width: max-content;
    margin: 0 auto;
    z-index: 10;
    position: relative
}

.windows-balconies .slick-dots li.slick-active button {
    background: #009846;
    border-color: #009846;
    color: #fff
}

.windows-balconies .slick-dots li:last-child button::after {
    content: none
}

.windows-balconies .slick-dots li button {
    position: relative;
    border-radius: 50px;
    border: 1px solid #8b928c;
    background: transparent;
    height: 20px;
    width: 20px
}

.windows-balconies .slick-dots li button::after {
    content: "";
    background-image: url("../images/line.svg");
    width: 18px;
    height: 2px;
    position: absolute;
    top: 8px;
    right: -19px;
    z-index: 1
}

.price-of-window__row {
    border-radius: 12px;
    background: #f8f8f8;
    padding: 48px 56px
}

@media only screen and (max-width: 1024px) {
    .price-of-window__row {
        padding: 24px
    }
}

@media screen and (max-width: 767px) {
    .price-of-window__row {
        padding: 16px
    }
}

.price-of-window__title {
    margin-bottom: 32px
}

@media screen and (max-width: 767px) {
    .price-of-window__title {
        margin-bottom: 16px
    }
}

.price-of-window__items {
    gap: 183px
}

@media only screen and (max-width: 1024px) {
    .price-of-window__items {
        gap: 16px
    }
}

@media only screen and (max-width: 992px) {
    .price-of-window__items {
        flex-direction: column
    }
}

.price-of-window__item {
    padding: 24px;
    border-radius: 12px;
    background: #fff
}

@media only screen and (max-width: 992px) {
    .price-of-window__item {
        padding: 20px
    }
}

@media screen and (max-width: 767px) {
    .price-of-window__item {
        padding: 12px
    }
}

.price-of-window__item:first-child {
    margin-bottom: 16px
}

.price-of-window__box {
    max-width: 500px;
    width: 100%;
    display: block;
    position: relative
}

@media only screen and (max-width: 1024px) {
    .price-of-window__box {
        max-width: 450px
    }
}

@media only screen and (max-width: 992px) {
    .price-of-window__box {
        max-width: unset
    }
}

.price-of-window__box .slider-navigation {
    top: unset;
    bottom: 48%
}

.price-of-window__text {
    margin-bottom: 24px
}

@media screen and (max-width: 767px) {
    .price-of-window__text {
        margin-bottom: 8px;
        font-size: 1em;
        line-height: 140%
    }
}

.price-of-window__gallery img {
    border-radius: 12px
}

.price-of-window .item__subtext,
.price-of-window .item__price,
.price-of-window .item__title {
    color: #009846
}

@media screen and (max-width: 767px) {
    .price-of-window .item__title {
        margin-bottom: 4px
    }
}

@media screen and (max-width: 767px) {
    .price-of-window .item__text {
        line-height: 155%;
        letter-spacing: .18px
    }
}

.price-of-window .item__prices {
    gap: 8px;
    margin: 12px 0
}

.price-of-window .item__body {
    padding: 12px;
    border-radius: 12px;
    background: #f7fcf9;
    width: 100%
}

.price-of-window .item__price {
    font-size: 1.25em;
    color: #009846;
    line-height: normal;
    letter-spacing: .4px;
    margin-bottom: 4px
}

@media screen and (max-width: 767px) {
    .price-of-window .item__price {
        font-size: 1.125em
    }
}

@media screen and (max-width: 767px) {
    .price-of-window .item__subtitle {
        line-height: 155%
    }
}

.price-of-window .item__subtext {
    font-size: .875em;
    font-weight: 600;
    line-height: 128%;
    letter-spacing: .14px
}

@media screen and (max-width: 767px) {
    .price-of-window .item__subtext {
        font-size: .75em;
        letter-spacing: .12px
    }
}

.services-cleaning__row {
    gap: 50px
}

@media only screen and (max-width: 992px) {
    .services-cleaning__row {
        flex-direction: column;
        gap: 16px
    }
}

.services-cleaning__header {
    flex: 0 1 55%
}

.services-cleaning__text {
    font-size: 1.5em
}

@media only screen and (max-width: 992px) {
    .services-cleaning__text {
        font-size: 1em;
        line-height: 158%
    }
}

.services-cleaning__advertisement,
.services-cleaning__header {
    flex: 0 1 50%
}

.services-cleaning__adtext {
    margin-top: 30px;
    font-size: .875em;
    background: #f9de59;
    border-radius: 12px;
    color: #050607;
    padding: 12px;
    max-width: 360px;
    width: 100%;
    text-align: center
}

@media only screen and (max-width: 992px) {
    .services-cleaning__adtext {
        max-width: unset;
        margin-top: 24px
    }
}

.services-cleaning__services {
    gap: 30px;
    margin-top: 50px
}

@media only screen and (max-width: 992px) {
    .services-cleaning__services {
        flex-wrap: wrap;
        gap: 8px;
        margin-top: 16px
    }
}

.services-cleaning__item {
    flex: 0 1 25%;
    background: #eae9e6;
    padding: 30px 15px;
    min-height: 310px;
    border-radius: 16px;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media only screen and (max-width: 992px) {
    .services-cleaning__item {
        flex: 0 1 calc(50% - 4px)
    }
}

@media screen and (max-width: 767px) {
    .services-cleaning__item {
        min-height: 174px;
        padding: 10px
    }
}

.services-cleaning__item .item__title {
    text-transform: uppercase
}

@media screen and (max-width: 767px) {
    .services-cleaning__item .item__title {
        font-size: 16px
    }
}

.services-cleaning__item .item__price {
    margin-bottom: 88px;
    width: -moz-max-content;
    width: max-content;
    padding: 5px 8px;
    border-radius: 6px;
    background: #f8f8f8;
    color: #5c5c5c
}

@media screen and (max-width: 767px) {
    .services-cleaning__item .item__price {
        margin-bottom: 58px;
        font-size: .75em
    }
}

.services-cleaning__item img {
    position: absolute;
    transition: all .2s;
    bottom: -10px;
    right: 0;
    width: 201px;
    height: auto
}

@media screen and (max-width: 767px) {
    .services-cleaning__item img {
        bottom: -15px;
        width: 150px
    }
}

.services-cleaning__item:nth-child(1),
.services-cleaning__item:nth-child(3) {
    color: #fff
}

.services-cleaning__item:nth-child(1) .h5,
.services-cleaning__item:nth-child(3) .h5 {
    color: #fff
}

.services-cleaning__item:nth-child(1) {
    background: #009846
}

.services-cleaning__item:nth-child(1) .item__price {
    background: #29ab72
}

.services-cleaning__item:nth-child(3) {
    background: #86adc2
}

.services-cleaning__item:nth-child(3) .item__price {
    background: #8fb6cb
}

.services-cleaning__item:hover img {
    bottom: -30px;
    right: -15px
}

@media only screen and (min-width: 1025px) {
    .cost-of-cleaning__row {
        padding: 48px 56px;
        background: #f7fcf9;
        border-radius: 16px
    }
}

.cost-of-cleaning__title {
    margin-bottom: 32px
}

@media only screen and (max-width: 1024px) {
    .cost-of-cleaning__title {
        margin-bottom: 16px
    }
}

.cost-of-cleaning__items {
    display: flex;
    gap: 16px
}

@media only screen and (max-width: 1024px) {
    .cost-of-cleaning__items {
        flex-wrap: wrap;
        -moz-column-gap: 8px;
        column-gap: 8px;
        row-gap: 16px
    }
}

.cost-of-cleaning__item {
    width: 100%;
    border-radius: 12px;
    background: #fff;
    padding: 24px;
    max-width: 260px
}

@media only screen and (max-width: 1024px) {
    .cost-of-cleaning__item {
        width: calc(50% - 4px);
        background: #f7fcf9;
        max-width: unset
    }
}

@media only screen and (max-width: 992px) {
    .cost-of-cleaning__item {
        padding: 8px
    }
}

.cost-of-cleaning__body {
    display: flex;
    gap: 12px
}

@media screen and (max-width: 767px) {
    .cost-of-cleaning__body {
        gap: 4px
    }
}

.cost-of-cleaning__subtitle {
    margin-bottom: 6px
}

@media screen and (max-width: 767px) {
    .cost-of-cleaning__subtitle {
        margin-bottom: 4px
    }
}

.cost-of-cleaning__counter {
    font-size: 5.625em;
    color: #050607;
    font-style: normal;
    font-weight: 600;
    letter-spacing: .9px;
    line-height: 96%
}

@media screen and (max-width: 767px) {
    .cost-of-cleaning__counter {
        font-size: 4.75em
    }
}

.cost-of-cleaning__size,
.cost-of-cleaning__time {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    color: #050607
}

@media screen and (max-width: 767px) {

    .cost-of-cleaning__size,
    .cost-of-cleaning__time {
        gap: 5px;
        font-size: .875em
    }
}

.cost-of-cleaning__size {
    margin-bottom: 8px
}

@media screen and (max-width: 767px) {
    .cost-of-cleaning__size {
        margin-bottom: 4px
    }
}

.cost-of-cleaning__bottom {
    margin-top: 10px
}

@media screen and (max-width: 767px) {
    .cost-of-cleaning__bottom {
        margin-top: 5px
    }
}

.cost-of-cleaning__cost {
    color: #009846;
    font-size: 2em;
    font-weight: 700;
    letter-spacing: .32px
}

@media screen and (max-width: 767px) {
    .cost-of-cleaning__cost {
        font-size: 1.5em;
        line-height: 133%;
        letter-spacing: .24px;
        margin: 0 4px
    }
}

.save-up__body {
    max-width: 590px
}

.save-up__row {
    position: relative;
    gap: 12%;
    padding: 40px 56px;
    border-radius: 12px;
    background: rgba(33, 160, 104, .1)
}

@media only screen and (max-width: 1024px) {
    .save-up__row {
        padding: 24px
    }
}

@media screen and (max-width: 767px) {
    .save-up__row {
        padding: 18px 16px
    }
}

.save-up__title {
    margin-bottom: 24px
}

@media screen and (max-width: 767px) {
    .save-up__title {
        margin-bottom: 12px
    }
}

.save-up__title span {
    color: #009846
}

.save-up__subtitle {
    font-weight: 600;
    color: #009846;
    max-width: 560px;
    margin-bottom: 16px
}

@media only screen and (max-width: 992px) {
    .save-up__subtitle {
        font-size: 1em;
        line-height: 140%;
        margin-bottom: 12px
    }
}

@media only screen and (max-width: 992px) {
    .save-up__text {
        font-size: 1em;
        line-height: 140%
    }
}

.save-up__btn {
    text-align: center;
    margin-top: 32px;
    font-size: 1.125em;
    line-height: 178%;
    cursor: pointer
}

@media screen and (max-width: 767px) {
    .save-up__btn {
        margin-top: 16px;
        width: 100%;
        font-size: .875em;
        padding: 10px 40px
    }
}

@media only screen and (max-width: 1024px) {
    .save-up img {
        width: 200px;
        height: 200px
    }
}

@media screen and (max-width: 767px) {
    .save-up img {
        position: absolute;
        top: 18px;
        right: 16px;
        width: 60px;
        height: 60px
    }
}

.order-cleaning__row {
    align-items: center;
    padding: 24px;
    border-radius: 20px;
    background: rgba(33, 160, 104, .1);
    gap: 32px
}

.order-cleaning__row img {
    border-radius: 12px;
    width: 50%;
}

@media only screen and (max-width: 1024px) {
    .order-cleaning__row img {
        width: 50%;
        height: auto
    }
}

@media screen and (max-width: 767px) {
    .order-cleaning__row {
        padding: 16px;
        flex-direction: column;
        gap: 16px
    }

    .order-cleaning__row img {
        width: 100%
    }
}

.order-cleaning__body {
    padding-right: 40px
}

@media only screen and (max-width: 1024px) {
    .order-cleaning__body {
        padding-right: 0
    }
}

.order-cleaning__title {
    color: #009846;
    margin-bottom: 32px
}

@media only screen and (max-width: 1024px) {
    .order-cleaning__title {
        margin-bottom: 16px
    }
}

.order-cleaning .wpcf7-form.invalid .wpcf7-tel::-moz-placeholder {
    color: #c53a35
}

.order-cleaning .wpcf7-form.invalid .wpcf7-tel:-ms-input-placeholder {
    color: #c53a35
}

.order-cleaning .wpcf7-form.invalid .wpcf7-tel::placeholder {
    color: #c53a35
}

.order-cleaning .wpcf7-form .wpcf7-submit {
    margin-top: 0
}

.order-cleaning-simple__row {
    position: relative;
    padding: 56px 64px;
    border-radius: 20px;
    background: rgba(33, 160, 104, .1)
}

@media only screen and (max-width: 1024px) {
    .order-cleaning-simple__row {
        padding: 20px
    }
}

.order-cleaning-simple__row img {
    position: absolute;
    right: 134px;
    top: -66px
}

.order-cleaning-simple__body {
    width: 100%
}

.order-cleaning-simple__title {
    margin-bottom: 44px;
    color: #009846;
    max-width: 642px
}

@media only screen and (max-width: 1024px) {
    .order-cleaning-simple__title {
        margin-bottom: 16px
    }
}

.order-cleaning-simple .wpcf7-order-submit {
    margin: 0 auto;
    width: -moz-max-content;
    width: max-content;
    min-width: 178px
}

@media screen and (max-width: 767px) {
    .order-cleaning-simple .wpcf7-order-submit {
        width: 100%
    }
}

.order-cleaning-simple .wpcf7-order-cleaning {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 16px
}

@media screen and (max-width: 767px) {
    .order-cleaning-simple .wpcf7-order-cleaning {
        gap: 0
    }
}

.order-cleaning-simple .wpcf7-order-cleaning label {
    width: calc(50% - 8px)
}

@media screen and (max-width: 767px) {
    .order-cleaning-simple .wpcf7-order-cleaning label {
        width: 100%
    }
}

.order-cleaning-simple .wpcf7-order-cleaning label textarea {
    height: 141px
}

.order-cleaning-simple .wpcf7-order-cleaning .wpcf7-order-body {
    width: calc(50% - 8px)
}

@media screen and (max-width: 767px) {
    .order-cleaning-simple .wpcf7-order-cleaning .wpcf7-order-body {
        width: 100%
    }
}

.order-cleaning-simple .wpcf7-order-cleaning .wpcf7-order-body label {
    width: 100%
}

.order-cleaning-simple .wpcf7-order-btn {
    width: 100%
}

.order-cleaning-simple .wpcf7-form.invalid .wpcf7-tel::-moz-placeholder {
    color: #c53a35
}

.order-cleaning-simple .wpcf7-form.invalid .wpcf7-tel:-ms-input-placeholder {
    color: #c53a35
}

.order-cleaning-simple .wpcf7-form.invalid .wpcf7-tel::placeholder {
    color: #c53a35
}

.order-cleaning-simple .wpcf7-form .wpcf7-submit {
    margin-top: 0
}

.archive {
    display: flex;
    height: 100%;
    gap: 16px;
    padding: 16px;
    flex-direction: row;
    border-radius: 20px;
    background: #f9f9f9;
    transition: background .4s ease-out
}

.archive:hover {
    background: rgba(33, 160, 104, .1)
}

.archive:hover img {
    transform: scale(1.06)
}

.archive__image {
    border-radius: 12px;
    overflow: hidden;
    height: 118px;
    max-width: 220px;
    width: 100%
}

.archive__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: transform .4s ease-out
}

.archive__content {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 3px;
    padding: 6px 0
}

.archive__bottom {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap
}

.archive__bottom a,
.archive__bottom p,
.archive__bottom span {
    white-space: nowrap;
    font-size: 1em;
    line-height: 140%;
    letter-spacing: .16px
}

.archive__category,
.archive__category-base {
    display: block;
    width: -moz-max-content;
    width: max-content;
    padding: 6px 16px;
    border-radius: 50px;
    background: #e3e3e3;
    color: #050607;
    transition: all .25s
}

.archive__category:hover,
.archive__category-base:hover {
    background: #009846;
    color: #fff
}

.breadcrumb__body a {
    color: #009846;
    transition: color .25s
}

.breadcrumb__body a:hover {
    color: #818181
}

.breadcrumb__body .separator {
    background-image: url("../images/separator.svg");
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: 8px;
    width: 20px;
    height: 20px;
    display: inline-block
}

.single-banner {
    padding: 24px 0 56px 0;
    background: rgba(33, 160, 104, .1);
    margin-top: 100px
}

@media screen and (max-width: 767px) {
    .single-banner {
        padding: 16px 0
    }
}

.single-banner__switcher {
    border-radius: 40px;
    background: #fff;
    padding: 2px;
    gap: 2px
}

.single-banner__switcher li {
    border-radius: 400px;
    transition: all .25s;
    cursor: pointer
}

.single-banner__switcher li a {
    transition: color .25s
}

.single-banner__switcher li.active {
    background: #009846 !important
}

.single-banner__switcher li.active a {
    color: #fff
}

.single-banner__switcher li:hover {
    background: #46ad80
}

.single-banner__switcher li:hover a {
    color: #fff
}

.single-banner__switcher li a {
    padding: 0px 14px;
    font-weight: 600;
    line-height: 156%;
    letter-spacing: .18px;
    color: #050607;
    text-transform: uppercase
}

.single-banner__back {
    display: flex;
    gap: 4px;
    align-items: center;
    justify-content: space-between;
    padding: 11px 16px 11px 8px;
    border-radius: 12px;
    border: 1px solid #e3e3e3;
    color: #050607;
    transition: all .25s
}

@media only screen and (max-width: 992px) {
    .single-banner__back {
        padding: 7px 16px 7px 8px;
        line-height: 155%
    }
}

.single-banner__back svg path {
    transition: stroke .25s
}

.single-banner__back:hover {
    background: #009846;
    color: #fff
}

.single-banner__back:hover svg path {
    stroke: #fff
}

.single-banner__language {
    gap: 24px;
    align-items: center
}

.single-banner__content {
    gap: 30px;
    margin-top: 24px;
    justify-content: space-between
}

@media only screen and (max-width: 1024px) {
    .single-banner__content {
        flex-direction: column-reverse;
        margin-top: 12px;
        gap: 12px
    }
}

.single-banner__title {
    font-size: 1.5em;
    line-height: 167%;
    letter-spacing: .48px
}

@media only screen and (max-width: 992px) {
    .single-banner__title {
        font-size: 1.125em;
        line-height: normal;
        letter-spacing: .36px
    }
}

.single-banner__author {
    gap: 12px;
    align-items: center;
    margin-top: 32px
}

@media only screen and (max-width: 992px) {
    .single-banner__author {
        margin-top: 12px
    }
}

.single-banner__author svg {
    width: 56px;
    height: 56px
}

.single-banner__author-name,
.single-banner__author-position {
    font-size: 1em;
    line-height: 140%
}

@media screen and (max-width: 767px) {

    .single-banner__author-name,
    .single-banner__author-position {
        font-size: 1.125em;
        letter-spacing: .18px
    }
}

.single-banner__author-name {
    color: #050607;
    margin-bottom: 4px
}

@media only screen and (max-width: 992px) {
    .single-banner__author-name {
        margin-bottom: 0
    }
}

.single-banner__author-position {
    color: #626262
}

@media only screen and (max-width: 992px) {
    .single-banner__dot {
        display: none
    }
}

.single-banner__data {
    gap: 12px;
    margin-top: 16px;
    align-items: flex-start
}

@media only screen and (max-width: 992px) {
    .single-banner__data {
        flex-direction: column;
        gap: 4px
    }
}

.single-banner__data p {
    font-size: 1em;
    color: #626262
}

@media screen and (max-width: 767px) {
    .single-banner__data p {
        font-size: 1.125em;
        line-height: 155%
    }
}

.single-banner__data p span {
    color: #050607;
    margin-left: 6px
}

.single-banner__share {
    margin-top: 46px
}

@media only screen and (max-width: 992px) {
    .single-banner__share {
        margin-top: 24px
    }
}

@media screen and (max-width: 767px) {
    .single-banner__share {
        margin-top: 16px
    }
}

.single-banner__share-title {
    color: #050607
}

@media screen and (max-width: 767px) {
    .single-banner__share-title {
        font-size: 1.125em
    }
}

.single-banner__wrapper {
    gap: 16px;
    margin-top: 12px
}

@media screen and (max-width: 767px) {
    .single-banner__wrapper {
        margin-top: 8px
    }
}

.single-banner__item rect {
    transition: fill .25s ease-in-out
}

.single-banner__item:hover rect {
    fill: #229ed9
}

.single-banner__image img {
    border-radius: 20px;
    max-width: 585px;
    height: 350px;
    -o-object-fit: cover;
    object-fit: cover
}

@media only screen and (max-width: 1024px) {
    .single-banner__image img {
        max-width: 100%;
        height: auto;
        width: 100%
    }
}

.single-content {
    margin-top: 32px
}

.single-content h2 {
    font-size: 1.25em;
    line-height: normal;
    letter-spacing: .4px;
    margin-bottom: 16px;
    opacity: .8
}

@media screen and (max-width: 767px) {
    .single-content h2 {
        font-size: 1.125em
    }
}

.single-content h3 {
    font-size: 1.125em;
    line-height: 178%;
    letter-spacing: .18px;
    margin-bottom: 8px;
    opacity: .8
}

.single-content img {
    border-radius: 12px;
    width: 100%;
    height: auto
}

.single-content__container {
    display: grid;
    grid-template-columns: 1fr 380px;
    gap: 30px
}

@media screen and (max-width: 767px) {
    .single-content__container {
        display: block
    }
}

.single-content__category {
    gap: 16px;
    margin-bottom: 16px
}

@media screen and (max-width: 767px) {
    .single-content__category {
        gap: 8px;
        margin-bottom: 24px
    }
}

.single-content__section {
    margin-bottom: 32px
}

@media screen and (max-width: 767px) {
    .single-content__section {
        margin-bottom: 24px
    }
}

.single-content__item {
    border-radius: 50px;
    padding: 6px 16px;
    background: #009846;
    color: #fff;
    line-height: 140%
}

@media screen and (max-width: 767px) {
    .single-content__item {
        font-size: 1.125em;
        line-height: 155%
    }
}

.single-content .dft-content p,
.single-content .dft-text-picture__wrapper-additional p {
    opacity: .8;
    margin-bottom: 16px
}

@media screen and (max-width: 767px) {

    .single-content .dft-content p,
    .single-content .dft-text-picture__wrapper-additional p {
        line-height: 155%
    }
}

.single-content .dft-content p:last-child,
.single-content .dft-text-picture__wrapper-additional p:last-child {
    margin-bottom: 0
}

.single-content .dft-content p:has(img),
.single-content .dft-text-picture__wrapper-additional p:has(img) {
    opacity: 1
}

.single-content .dft-text-picture {
    display: flex;
    gap: 16px
}

.single-content .dft-text-picture .slick-dots {
    margin-top: 16px
}

.single-content .dft-text-picture.right {
    flex-direction: row-reverse
}

@media screen and (max-width: 767px) {
    .single-content .dft-text-picture.right {
        flex-direction: column-reverse
    }
}

.single-content .dft-text-picture.left {
    justify-content: flex-start
}

@media screen and (max-width: 767px) {
    .single-content .dft-text-picture.left {
        flex-direction: column-reverse
    }
}

.single-content .dft-text-picture__image {
    position: relative;
    height: -moz-max-content;
    height: max-content;
    max-width: 277px
}

@media screen and (max-width: 767px) {
    .single-content .dft-text-picture__image {
        max-width: 100%
    }
}

.single-content .dft-text-picture__gallery {
    max-width: 277px;
    width: 100%;
    position: relative
}

@media screen and (max-width: 767px) {
    .single-content .dft-text-picture__gallery {
        max-width: 100%
    }

    .single-content .dft-text-picture__gallery .slick-dots {
        margin-top: 5px
    }
}

.single-content .dft-text-picture__navigation {
    padding: 0px 4px;
    top: 39%
}

.single-content .dft-text-picture__navigation img {
    width: 17px
}

.single-content .dft-text-picture__wrapper-additional {
    margin-top: -8px
}

.single-content .dft-text-picture__content li,
.single-content .dft-text-picture__content ol,
.single-content .dft-content li,
.single-content .dft-content ol {
    font-size: 18px;
    position: relative;
    font-style: normal;
    font-weight: 400;
    line-height: 133%
}

.single-content .dft-text-picture__content ul li,
.single-content .dft-content ul li {
    padding-left: 25px;
    margin-bottom: 12px
}

@media screen and (max-width: 767px) {

    .single-content .dft-text-picture__content ul li,
    .single-content .dft-content ul li {
        margin-bottom: 8px
    }
}

.single-content .dft-text-picture__content ul li::before,
.single-content .dft-content ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 7px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .23);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #009846
}

.single-content .dft-text-picture__content ol,
.single-content .dft-content ol {
    list-style: none;
    counter-reset: my-awesome-counter
}

.single-content .dft-text-picture__content ol li,
.single-content .dft-content ol li {
    padding-left: 30px;
    counter-increment: my-awesome-counter;
    margin-bottom: 24px
}

@media screen and (max-width: 767px) {

    .single-content .dft-text-picture__content ol li,
    .single-content .dft-content ol li {
        margin-bottom: 16px
    }
}

.single-content .dft-text-picture__content ol li::before,
.single-content .dft-content ol li::before {
    content: counter(my-awesome-counter);
    position: absolute;
    left: 0;
    top: 10px;
    color: #009846;
    font-size: 40px;
    width: 0;
    height: 0;
    font-weight: 600
}

.single-content .dft-quote {
    background: #f7fcf9;
    border-radius: 20px;
    padding: 39px 32px 23px
}

@media screen and (max-width: 767px) {
    .single-content .dft-quote {
        padding: 24px 16px
    }
}

.single-content .dft-quote__icon {
    width: 100%;
    height: 15px;
    position: relative
}

.single-content .dft-quote__icon::before {
    content: "";
    background-image: url("../images/quote.svg");
    background-repeat: no-repeat;
    position: absolute;
    top: -10px;
    left: 0;
    width: 19px;
    height: 17px;
    transform: rotate(180deg)
}

.single-content .dft-quote__icon:nth-child(3)::before {
    content: "";
    background-image: url("../images/quote.svg");
    background-repeat: no-repeat;
    position: absolute;
    top: -9px;
    left: auto;
    right: 0;
    width: 19px;
    height: 17px;
    transform: none
}

.single-content .dft-quote__icon::after {
    content: "";
    background-color: #e9efeb;
    position: absolute;
    top: 0;
    left: 27px;
    width: calc(100% - 27px);
    height: 1px
}

.single-content .dft-quote__icon:nth-child(3)::after {
    left: 0;
    right: 27px
}

.single-content .dft-quote__title {
    padding: 8px 0 23px;
    font-size: 1.375em;
    font-style: normal;
    font-weight: 600;
    line-height: 145%;
    letter-spacing: .22px;
    color: #050607
}

@media screen and (max-width: 767px) {
    .single-content .dft-quote__title {
        padding: 8px 0 16px;
        font-size: 1.125em
    }
}

.single-content .dft-quote__author {
    opacity: .8;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: .16px
}

@media screen and (max-width: 767px) {
    .single-content .dft-quote__author {
        font-size: 1.125em
    }
}

.single-content .dft-certificate__text {
    color: #050607;
    padding: 16px;
    border-radius: 12px;
    background: rgba(33, 160, 104, .05);
    font-weight: 600
}

@media screen and (max-width: 767px) {
    .single-content .dft-certificate__text {
        line-height: 155%;
        letter-spacing: .18px
    }
}

.single-content .dft-advice__text {
    position: relative;
    background: #f9f9f9;
    border-radius: 8px;
    padding: 16px 16px 16px 72px;
    letter-spacing: .18px
}

@media screen and (max-width: 767px) {
    .single-content .dft-advice__text {
        padding: 16px 16px 16px 48px;
        line-height: 155%
    }
}

.single-content .dft-advice__text span {
    font-weight: 600
}

.single-content .dft-advice__text::before {
    content: "";
    position: absolute;
    left: 40px;
    top: 15px;
    width: 24px;
    height: 24px;
    background-image: url("../images/lamp.svg");
    background-repeat: no-repeat
}

@media screen and (max-width: 767px) {
    .single-content .dft-advice__text::before {
        left: 16px
    }
}

.single-content .banner-sales-mini {
    background: rgba(33, 160, 104, .1);
    flex-direction: column;
    border-radius: 20px;
    padding: 40px 56px;
    width: 100%
}

@media screen and (max-width: 767px) {
    .single-content .banner-sales-mini {
        padding: 16px
    }
}

.single-content .banner-sales-mini__title {
    color: #009846
}

.single-content .banner-sales-mini__body {
    gap: 20px
}

@media screen and (max-width: 767px) {
    .single-content .banner-sales-mini__body {
        flex-direction: column-reverse;
        align-items: center
    }
}

.single-content .banner-sales-mini__text p {
    margin-bottom: 24px
}

@media screen and (max-width: 767px) {
    .single-content .banner-sales-mini__text p {
        margin-bottom: 16px
    }
}

.single-content .banner-sales-mini__textbox-btn {
    text-align: center
}

@media screen and (max-width: 767px) {
    .single-content .banner-sales-mini__textbox-btn {
        width: 100%;
        font-size: .875em;
        line-height: 158%
    }
}

.single-content .banner-sales-mini__image {
    width: 175px;
    height: 100%;
    border-radius: 12px
}

.single-content .full-width-image img,
.single-content .full-width-image-signature img {
    max-width: 790px;
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 12px
}

.single-content .mark {
    background: #a6d9c3;
    border-radius: 10px 3px 10px 3px;
    margin-left: 1px;
    margin-right: 5px;
    padding: 0 5px
}

.single-content .highlight_text,
.single-content .dft-content a,
.single-content .dft-text-picture__wrapper-additional a {
    opacity: 1;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: .01em;
    text-decoration: underline;
    -webkit-text-decoration-color: #009846;
    text-decoration-color: #009846;
    text-decoration-thickness: 2px;
    display: inline-block
}

.single-content .dft-text-picture__caption {
    font-weight: 400;
    line-height: 140%;
    letter-spacing: .01em;
    text-align: center;
    margin: 12px 0 0
}

.blog-banner {
    margin-top: 100px;
    margin-bottom: -52px;
    padding-top: 70px
}

@media only screen and (max-width: 992px) {
    .blog-banner {
        margin-bottom: -32px
    }
}

@media screen and (max-width: 767px) {
    .blog-banner {
        padding-top: 53px;
        margin-bottom: 0
    }
}

.blog-banner__title {
    color: #009846
}

.blog-banner__title svg {
    vertical-align: bottom;
    margin-left: 16px
}

@media screen and (max-width: 767px) {
    .blog-banner__title svg {
        width: 25px;
        height: 36px;
        vertical-align: -8px
    }
}

.blog-banner__advertisement {
    position: relative;
    margin-top: 32px;
    border-radius: 20px;
    background: rgba(33, 160, 104, .1);
    padding: 40px 56px;
    gap: 162px
}

@media only screen and (max-width: 1024px) {
    .blog-banner__advertisement {
        padding: 24px;
        gap: 16px
    }
}

@media screen and (max-width: 767px) {
    .blog-banner__advertisement {
        padding: 16px
    }
}

.blog-banner__content {
    max-width: 590px;
    width: 100%
}

.blog-banner__subtitle {
    margin-bottom: 24px
}

@media screen and (max-width: 767px) {
    .blog-banner__subtitle {
        max-width: calc(100% - 84px);
        margin-bottom: 12px
    }
}

.blog-banner__subtitle span {
    color: #009846
}

.blog-banner__discount {
    color: #009846;
    margin-bottom: 24px
}

@media only screen and (max-width: 992px) {
    .blog-banner__discount {
        margin-bottom: 8px
    }
}

@media screen and (max-width: 767px) {
    .blog-banner__discount {
        font-size: 1em;
        line-height: 140%
    }
}

@media screen and (max-width: 767px) {
    .blog-banner__text {
        font-size: 1em;
        line-height: 140%
    }
}

.blog-banner__btn {
    margin-top: 32px
}

@media only screen and (max-width: 992px) {
    .blog-banner__btn {
        margin-top: 16px
    }
}

@media screen and (max-width: 767px) {
    .blog-banner__btn {
        text-align: center;
        width: 100%;
        font-size: .875em;
        padding: 13px 40px;
        line-height: 128%
    }
}

@media screen and (max-width: 767px) {
    .blog-banner__image {
        position: absolute;
        right: 16px;
        top: 16px
    }
}

.blog-banner__image img {
    height: 240px;
    width: auto
}

@media screen and (max-width: 767px) {
    .blog-banner__image img {
        height: 60px
    }
}

.blog-social__row {
    border-radius: 20px;
    background: #f7fcf9;
    padding: 40px;
    text-align: center
}

@media only screen and (max-width: 1024px) {
    .blog-social__row {
        padding: 24px
    }
}

@media screen and (max-width: 767px) {
    .blog-social__row {
        padding: 16px
    }
}

.blog-social__title {
    font-size: 1.25em;
    line-height: normal;
    letter-spacing: .4px
}

@media screen and (max-width: 767px) {
    .blog-social__title {
        font-size: 1.125em;
        text-align: left
    }
}

.blog-social__items {
    justify-content: center;
    gap: 30px;
    margin-top: 32px;
    justify-content: space-around
}

@media screen and (max-width: 767px) {
    .blog-social__items {
        margin-top: 16px;
        gap: 8px
    }
}

.blog-social__item {
    min-width: 164px;
    padding: 24px 40px;
    background: #fff;
    border-radius: 20px;
    transition: all .3s ease-in-out
}

@media only screen and (max-width: 992px) {
    .blog-social__item {
        padding: 20px 20px;
        min-width: 140px
    }
}

@media screen and (max-width: 767px) {
    .blog-social__item {
        padding: 10px 7px;
        min-width: 73px;
        height: -moz-max-content;
        height: max-content;
        border-radius: 12px
    }
}

.blog-social__item svg {
    width: 32px;
    height: 32px
}

@media screen and (max-width: 767px) {
    .blog-social__item svg {
        width: 24px;
        height: 24px
    }
}

.blog-social__item p {
    font-size: 1em;
    margin-top: 6px
}

@media screen and (max-width: 767px) {
    .blog-social__item p {
        font-size: 12px;
        margin-top: -5px;
        line-height: 133%
    }
}

.blog-social__item:hover {
    transform: translate(0px, -10px);
    color: #009846
}

.blog-youtube__content {
    gap: 30px;
    padding-top: 24px
}

@media only screen and (max-width: 992px) {
    .blog-youtube__content {
        gap: 16px;
        padding-top: 16px;
        overflow-x: scroll;
        overflow-y: hidden;
        scrollbar-width: none;
        scrollbar-color: transparent transparent
    }

    .blog-youtube__content::-webkit-scrollbar {
        width: 0
    }
}

@media only screen and (max-width: 1024px) {
    .blog-youtube__link.mobile {
        display: block;
        width: -moz-max-content;
        width: max-content;
        margin: 0 auto;
        margin-top: 16px
    }
}

.blog-youtube__item {
    flex: 0 1 33.3%;
    padding: 16px;
    position: relative;
    background: #f9f9f9;
    border-radius: 20px;
    max-width: calc(33.3% - 20px);
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media only screen and (max-width: 992px) {
    .blog-youtube__item {
        padding: 12px;
        max-width: 290px;
        flex: 0 1 100%
    }
}

.blog-youtube__item:hover img {
    transform: scale(1.1)
}

.blog-youtube__item ul,
.blog-youtube__item p {
    margin-top: 12px
}

@media screen and (max-width: 767px) {

    .blog-youtube__item ul,
    .blog-youtube__item p {
        font-size: 1.25em;
        margin-top: 8px
    }
}

.blog-youtube__item li {
    font-size: 1.125em;
    font-style: normal;
    font-weight: 400;
    line-height: 178%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media screen and (max-width: 767px) {
    .blog-youtube__item li {
        font-size: .9em;
        opacity: .8;
        line-height: 155%
    }
}

.blog-youtube__time {
    z-index: 1;
    position: absolute;
    top: -5px;
    right: 23px;
    width: 48px;
    height: 56px;
    color: #fff;
    text-align: center;
    font-weight: 600;
    background-image: url("../images/bookmark.svg");
    background-repeat: no-repeat
}

.blog-youtube__image {
    overflow: hidden;
    border-radius: 12px;
    display: block
}

.blog-youtube__image img {
    width: 100%;
    height: 210px;
    -o-object-fit: cover;
    object-fit: cover;
    transition: transform .3s ease-in-out
}

@media screen and (max-width: 767px) {
    .blog-youtube__image img {
        height: 160px
    }
}

.blog-youtube__title {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-top: 16px
}

@media screen and (max-width: 767px) {
    .blog-youtube__title {
        margin-top: 8px;
        font-size: 1.25em;
        gap: 16px
    }

    .blog-youtube__title svg {
        width: 108px;
        height: auto
    }
}

.blog-youtube__url {
    align-items: center;
    gap: 16px;
    margin-top: 23px;
    color: #050607;
    font-weight: 600;
    max-width: -moz-max-content;
    max-width: max-content
}

@media screen and (max-width: 767px) {
    .blog-youtube__url {
        font-size: 1.25em;
        margin-top: 13px
    }

    .blog-youtube__url svg {
        width: 40px;
        height: 40px
    }
}

.blog-youtube__url svg {
    transition: all .3s ease-in-out;
    border-radius: 50%
}

.blog-youtube__url svg path {
    transition: stroke .3s ease-in-out
}

.blog-youtube__url:hover svg {
    transform: rotate(-45deg);
    background: #009846
}

.blog-youtube__url:hover svg path {
    stroke: #fff
}

.blog-posts__title {
    margin-bottom: 16px;
    color: #050607
}

@media screen and (max-width: 767px) {
    .blog-posts__title {
        font-size: 1.125em;
        margin-bottom: 0
    }
}

.blog-posts__title.mobile-bnt {
    border-radius: 12px;
    border: 1px solid #e3e3e3;
    padding: 9px 16px 9px 12px;
    align-items: center;
    gap: 8px;
    transition: all .25s
}

.blog-posts__title.mobile-bnt svg path {
    transition: stroke .25s
}

.blog-posts__title.mobile-bnt:hover {
    border-color: #009846;
    background: #009846;
    color: #fff
}

.blog-posts__title.mobile-bnt:hover svg path {
    stroke: #fff
}

.blog-posts__categories {
    margin-top: 16px;
    gap: 24px
}

.blog-posts__category {
    border-radius: 50px;
    padding: 6px 16px;
    background: #e3e3e3;
    color: #050607;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: .16px;
    cursor: pointer;
    transition: all .25s
}

.blog-posts__category:hover {
    background: #009846;
    color: #fff
}

.blog-posts__category.active {
    background: #050607;
    color: #fff
}

.blog-posts__wrap {
    margin-top: 48px;
    flex-wrap: wrap;
    row-gap: 32px;
    -moz-column-gap: 16px;
    column-gap: 16px
}

@media only screen and (max-width: 992px) {
    .blog-posts__wrap {
        margin-top: 32px;
        row-gap: 24px
    }
}

.blog-posts__wrap .archive {
    background: unset;
    height: auto
}

.blog-posts__wrap .archive__content {
    gap: 24px
}

@media only screen and (max-width: 992px) {
    .blog-posts__wrap .archive__content {
        gap: 8px
    }
}

.blog-posts__wrap .archive__bottom {
    gap: 3px
}

.blog-posts .archive {
    flex: 0 1 calc(33.3% - 11px);
    flex-direction: column
}

@media only screen and (max-width: 992px) {
    .blog-posts .archive {
        flex: 0 1 100%;
        padding: 0;
        gap: 0
    }
}

.blog-posts .archive__image {
    max-width: unset;
    height: 255px
}

.blog-posts .archive__content {
    padding: 8px 0 0
}

.blog-posts .pagination-wrap {
    width: 100%;
    margin-top: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px
}

@media only screen and (max-width: 1024px) {
    .blog-posts .pagination-wrap {
        margin-top: -8px
    }
}

.blog-posts .pagination-wrap .page-numbers {
    padding: 8px;
    width: 40px;
    height: 40px;
    display: block;
    text-align: center;
    line-height: 140%
}

@media only screen and (max-width: 992px) {
    .blog-posts .pagination-wrap .page-numbers {
        width: 32px;
        height: 32px;
        line-height: 100%
    }
}

.blog-posts .pagination-wrap .page-numbers.current {
    background: #009846 !important;
    color: #fff;
    border-radius: 100px;
    font-size: 1.125em;
    font-style: normal;
    font-weight: 400
}

.blog-mobile {
    background: rgba(0, 0, 0, .15);
    -webkit-backdrop-filter: blur(1.5px);
    backdrop-filter: blur(1.5px);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 16px;
    display: none
}

.blog-mobile__categories {
    position: relative;
    width: 100%;
    padding: 24px 24px 32px 24px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0px 0px 15px 0px rgba(41, 51, 47, .1);
    overflow: scroll;
    max-height: 90%
}

.blog-mobile__category {
    font-size: 1.125em;
    font-weight: 400;
    line-height: 155%;
    letter-spacing: .18px;
    margin-bottom: 8px;
    border-radius: unset;
    background: none;
    padding: unset
}

.blog-mobile__category.active {
    color: #009846;
    background: none
}

.blog-mobile__category:last-child {
    margin-bottom: 0
}

.blog-mobile__close {
    position: absolute;
    top: 12px;
    right: 16px
}

.blog-mobile__title {
    font-size: 1.25em;
    color: #050607;
    margin-bottom: 24px
}

@media only screen and (max-width: 992px) {
    .secondary-map {
        margin-top: 92px
    }
}

.secondary-map iframe {
    width: 100%;
    height: calc(100vh - 100px);
    box-shadow: 4px 4px 25px rgba(0, 0, 0, .15)
}

@media only screen and (max-width: 992px) {
    .secondary-map iframe {
        height: calc(100vh - 92px)
    }
}

.secondary-map__row {
    position: relative
}

.secondary-map__content {
    position: absolute;
    right: 0;
    bottom: 25vh;
    background: #fff;
    box-shadow: 4px 4px 25px rgba(0, 0, 0, .15);
    border-radius: 20px;
    max-width: 480px;
    width: 100%
}

@media only screen and (max-width: 992px) {
    .secondary-map__content {
        right: 50%;
        transform: translateX(50%)
    }
}

.secondary-map__header {
    padding: 20px;
    border-bottom: 1px solid #dbdbdb
}

.secondary-map__item {
    margin-top: 16px
}

.secondary-map__item:first-child {
    margin-top: 0
}

.secondary-map__body {
    padding: 20px
}

.secondary-map__body a {
    display: block;
    width: -moz-max-content;
    width: max-content;
    transition: opacity .25s
}

.secondary-map__body a:hover {
    opacity: .6
}

.secondary-map__body p,
.secondary-map__body a {
    font-size: 14px;
    line-height: 128%
}

.secondary-map__body p.grey,
.secondary-map__body a.grey {
    color: #a0a0a0
}

.secondary-map__body p:not(.grey),
.secondary-map__body a:not(.grey) {
    margin-top: 4px
}

.secondary-reviews .capcOd {
    min-height: 257.4px
}

.content-navigation__container {
    display: grid;
    grid-template-columns: 1fr 380px;
    gap: 30px
}

.prices__header {
    border-radius: 16px 16px 0 0;
    padding: 25px 40px;
    background: #009846
}

@media screen and (max-width: 767px) {
    .prices__header {
        padding: 20px;
        text-align: center;
        border-radius: 10px 10px 0 0
    }
}

.prices__title,
.prices__btn {
    color: #fff
}

@media screen and (max-width: 767px) {
    .prices__title {
        font-size: 1.125em
    }
}

.prices__items {
    gap: 30px;
    margin-top: 32px
}

@media only screen and (max-width: 992px) {
    .prices__items {
        flex-wrap: wrap;
        -moz-column-gap: 8px;
        column-gap: 8px;
        row-gap: 16px;
        margin-top: 16px
    }
}

.prices__item {
    text-align: center;
    flex: 0 1 25%;
    font-size: 1em;
    height: auto;
    display: block
}

@media only screen and (max-width: 992px) {
    .prices__item {
        flex: 0 1 calc(50% - 4px)
    }
}

.prices__item:hover img {
    transform: scale(1.06)
}

.prices__item:hover .prices__btn {
    background: #46ad80
}

.prices__image {
    height: 175px;
    width: 100%;
    overflow: hidden
}

@media screen and (max-width: 767px) {
    .prices__image {
        height: 100px
    }
}

.prices__image img {
    width: 100%;
    height: 175px;
    -o-object-fit: cover;
    object-fit: cover;
    transition: transform .4s ease-out
}

@media screen and (max-width: 767px) {
    .prices__image img {
        height: 100px
    }
}

.prices__image.svg {
    display: flex;
    justify-content: center;
    align-items: center
}

.prices__image.svg img {
    height: 85px;
    width: auto
}

@media screen and (max-width: 767px) {
    .prices__image.svg img {
        height: 64px
    }
}

.prices__price,
.prices__subtitle {
    font-size: 1em;
    line-height: normal
}

.prices__price {
    margin-top: 16px
}

.prices__body {
    background: #f5f5f5;
    padding: 25px 10px;
    min-height: 123px
}

@media screen and (max-width: 767px) {
    .prices__body {
        padding: 16px 10px;
        min-height: 106px
    }
}

.prices__btn {
    background: #009846;
    border-radius: 0 0 16px 16px;
    padding: 9px;
    transition: background .25s
}

@media screen and (max-width: 767px) {
    .prices__btn {
        border-radius: 0 0 10px 10px;
        font-size: 1em
    }
}

.banner.secondary {
    margin-top: 100px;
    height: calc(100vh - 100px)
}

@media only screen and (max-width: 992px) {
    .banner.secondary {
        height: calc(60vh - 100px)
    }
}

@media screen and (max-width: 767px) {
    .banner.secondary {
        background-size: 100% 210px !important;
        background-position-y: top !important;
        height: auto;
        margin-bottom: 0
    }
}

.privacy-policy .single-content__body h2 {
    margin: 38px 0 24px
}

.privacy-policy .single-content__body p,
.privacy-policy .single-content__body a {
    font-size: 1em;
    opacity: .8
}

.privacy-policy .single-content__body a {
    color: #009846;
    opacity: 1
}

.footer__payment svg {
  max-width: 120px;
}

.footer__write-items a:nth-of-type(1) svg {
  max-width: 93px;
}

.footer__write-items a:nth-of-type(4) svg {
  margin-top: -10px;
}

.footer__write-items a:nth-of-type(5) svg {
  max-width: 93px;
}

.footer__payment svg:first-child {
  max-height: 28px;
}

@media screen and (max-width: 767px) {
  .cost-cleaning__type {
    /*     flex: 0 1 71%; */
    padding: 4px 10px;
    font-size: 15px;
  }

  .cost-cleaning__price {
    font-size: 15px;
    /*     flex: 0 1 29%; */
    padding: 4px 10px;
  }
}

/* cky-consent */
.cky-consent-container.cky-banner-bottom .cky-notice-des span {
  color: #009846;
}

.cky-consent-container.cky-banner-bottom .cky-notice-des {
  display: flex;
}

.cky-consent-container.cky-banner-bottom .cky-notice-des p {
  font-family: 'Museo Sans Cyrl';
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: 0.16px;
  display: inline-block;
  width: fit-content;

}

.cky-consent-container.cky-banner-bottom .cky-btn.cky-btn-accept {
  border-radius: 8px;
  padding: 11px 40px;
  font-family: 'Museo Sans Cyrl';
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 18px;
  letter-spacing: 0.14px;
  width: 150px;
}

.cky-consent-bar .cky-banner-btn-close img {
  height: 24px;
  width: 24px;
  margin: 0;
  filter: brightness(0.5);
  position: absolute;
  top: 12px;
  right: 12px;
}

.cky-consent-container.cky-banner-bottom .cky-consent-bar {
  padding: 32px 56px;
  max-width: 1200px;
  margin: 0 auto 16px;
  border-radius: 16px;
  position: relative;
}

.cky-consent-container.cky-banner-bottom .cky-notice-des:before {
  content: "";
  margin-bottom: -8px;
  display: inline-block;
  width: 48px;
  height: 48px;
  background-image: url("../wp-content/themes/chystota/dist/img/cookies.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-right: 16px;
}

.cky-custom-brand-logo-wrapper,
.cky-notice .cky-title,
.cky-notice-des,
.cky-notice-btn-wrapper {
  margin-left: 0;
  margin-right: 15px;
}

@media (max-width: 767px) {
  .cky-consent-container.cky-banner-bottom .cky-notice-des {
    flex-direction: column;
  }

  .cky-consent-container.cky-banner-bottom .cky-consent-bar {
    padding: 16px;
    margin: 0 auto 0;
  }

  .cky-consent-bar .cky-banner-btn-close img {
    height: 18px;
    width: 18px;
  }

  .cky-custom-brand-logo-wrapper,
  .cky-notice .cky-title,
  .cky-notice-des,
  .cky-notice-btn-wrapper {
    padding: 0;
  }

  .cky-consent-container.cky-banner-bottom .cky-btn.cky-btn-accept {
    width: 100%;
  }

  .cky-consent-container.cky-banner-bottom .cky-notice-des:before {
    margin-bottom: -4px;
  }
}
.header__logo img{
    width: 250px;
}
.toggle_bx .item {
    text-align: center;
    line-height: 24px;
    float: left;
    width: 28px;
    height: 24px;
    transition: .3s;
}
.toggle_bx .item.selected {
    background: #fff;
    border-radius: 40px;
    line-height: 28px;
    height: 28px;
    box-shadow: 0 3px 6px rgb(0 0 0 / 10%);
    margin: -2px 0;
}
.toggle_bx {
    background: rgba(0,0,0,.16);
    border-radius: 20px;
    position: relative;
    transition: .3s;
}
.languages_bx {
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 600;
    float: right;
    margin: 18px 0 0 50px;
}
.cky-overlay {
  background: #000000;
  opacity: 0.4;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999999;
}

.cky-hide {
  display: none;
}

.cky-btn-revisit-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #0056a7;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  position: fixed;
  z-index: 999999;
  cursor: pointer;
}

.cky-revisit-bottom-left {
  bottom: 15px;
  left: 15px;
}

.cky-revisit-bottom-right {
  bottom: 15px;
  right: 15px;
}

.cky-btn-revisit-wrapper .cky-btn-revisit {
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  cursor: pointer;
  position: relative;
  margin: 0;
  padding: 0;
}

.cky-btn-revisit-wrapper .cky-btn-revisit img {
  max-width: fit-content;
  margin: 0;
  height: 30px;
  width: 30px;
}

.cky-revisit-bottom-left:hover::before {
  content: attr(data-tooltip);
  position: absolute;
  background: #4e4b66;
  color: #ffffff;
  left: calc(100% + 7px);
  font-size: 12px;
  line-height: 16px;
  width: max-content;
  padding: 4px 8px;
  border-radius: 4px;
}

.cky-revisit-bottom-left:hover::after {
  position: absolute;
  content: "";
  border: 5px solid transparent;
  left: calc(100% + 2px);
  border-left-width: 0;
  border-right-color: #4e4b66;
}

.cky-revisit-bottom-right:hover::before {
  content: attr(data-tooltip);
  position: absolute;
  background: #4e4b66;
  color: #ffffff;
  right: calc(100% + 7px);
  font-size: 12px;
  line-height: 16px;
  width: max-content;
  padding: 4px 8px;
  border-radius: 4px;
}

.cky-revisit-bottom-right:hover::after {
  position: absolute;
  content: "";
  border: 5px solid transparent;
  right: calc(100% + 2px);
  border-right-width: 0;
  border-left-color: #4e4b66;
}

.cky-revisit-hide {
  display: none;
}

.cky-consent-container {
  position: fixed;
  width: 100%;
  box-sizing: border-box;
  z-index: 9999999;
}

.cky-consent-container .cky-consent-bar {
  background: #ffffff;
  border: 1px solid;
  padding: 16.5px 24px;
  box-shadow: 0 -1px 10px 0 #acabab4d;
}

.cky-banner-bottom {
  bottom: 0;
  left: 0;
}

.cky-banner-top {
  top: 0;
  left: 0;
}

.cky-custom-brand-logo-wrapper .cky-custom-brand-logo {
  width: 100px;
  height: auto;
  margin: 0 0 12px 0;
}

.cky-notice .cky-title {
  color: #212121;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  margin: 0 0 12px 0;
}

.cky-notice-group {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.cky-notice-des *,
.cky-preference-content-wrapper *,
.cky-accordion-header-des *,
.cky-gpc-wrapper .cky-gpc-desc * {
  font-size: 14px;
}

.cky-notice-des {
  color: #212121;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.cky-notice-des img {
  height: 25px;
  width: 25px;
}

.cky-consent-bar .cky-notice-des p,
.cky-gpc-wrapper .cky-gpc-desc p,
.cky-preference-body-wrapper .cky-preference-content-wrapper p,
.cky-accordion-header-wrapper .cky-accordion-header-des p,
.cky-cookie-des-table li div:last-child p {
  color: inherit;
  margin-top: 0;
  overflow-wrap: break-word;
}

.cky-notice-des P:last-child,
.cky-preference-content-wrapper p:last-child,
.cky-cookie-des-table li div:last-child p:last-child,
.cky-gpc-wrapper .cky-gpc-desc p:last-child {
  margin-bottom: 0;
}

.cky-notice-des a.cky-policy,
.cky-notice-des button.cky-policy {
  font-size: 14px;
  color: #1863dc;
  white-space: nowrap;
  cursor: pointer;
  background: transparent;
  border: 1px solid;
  text-decoration: underline;
}

.cky-notice-des button.cky-policy {
  padding: 0;
}

.cky-notice-des a.cky-policy:focus-visible,
.cky-notice-des button.cky-policy:focus-visible,
.cky-preference-content-wrapper .cky-show-desc-btn:focus-visible,
.cky-accordion-header .cky-accordion-btn:focus-visible,
.cky-preference-header .cky-btn-close:focus-visible,
.cky-switch input[type="checkbox"]:focus-visible,
.cky-footer-wrapper a:focus-visible,
.cky-btn:focus-visible {
  outline: 2px solid #1863dc;
  outline-offset: 2px;
}

.cky-btn:focus:not(:focus-visible),
.cky-accordion-header .cky-accordion-btn:focus:not(:focus-visible),
.cky-preference-content-wrapper .cky-show-desc-btn:focus:not(:focus-visible),
.cky-btn-revisit-wrapper .cky-btn-revisit:focus:not(:focus-visible),
.cky-preference-header .cky-btn-close:focus:not(:focus-visible),
.cky-consent-bar .cky-banner-btn-close:focus:not(:focus-visible) {
  outline: 0;
}

button.cky-show-desc-btn:not(:hover):not(:active) {
  color: #1863dc;
  background: transparent;
}

button.cky-accordion-btn:not(:hover):not(:active),
button.cky-banner-btn-close:not(:hover):not(:active),
button.cky-btn-close:not(:hover):not(:active),
button.cky-btn-revisit:not(:hover):not(:active) {
  background: transparent;
}

.cky-consent-bar button:hover,
.cky-modal.cky-modal-open button:hover,
.cky-consent-bar button:focus,
.cky-modal.cky-modal-open button:focus {
  text-decoration: none;
}

.cky-notice-btn-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 15px;
}

.cky-notice-btn-wrapper .cky-btn {
  text-shadow: none;
  box-shadow: none;
}

.cky-btn {
  font-size: 14px;
  font-family: inherit;
  line-height: 24px;
  padding: 8px 27px;
  font-weight: 500;
  margin: 0 8px 0 0;
  border-radius: 2px;
  white-space: nowrap;
  cursor: pointer;
  text-align: center;
  text-transform: none;
  min-height: 0;
}

.cky-btn:hover {
  opacity: 0.8;
}

.cky-btn-customize {
  color: #1863dc;
  background: transparent;
  border: 2px solid #1863dc;
}

.cky-btn-reject {
  color: #1863dc;
  background: transparent;
  border: 2px solid #1863dc;
}

.cky-btn-accept {
  background: #1863dc;
  color: #ffffff;
  border: 2px solid #1863dc;
}

.cky-btn:last-child {
  margin-right: 0;
}

@media (max-width: 768px) {
  .cky-notice-group {
    display: block;
  }

  .cky-notice-btn-wrapper {
    margin-left: 0;
  }

  .cky-notice-btn-wrapper .cky-btn {
    flex: auto;
    max-width: 100%;
    margin-top: 10px;
    white-space: unset;
  }
}

@media (max-width: 576px) {
  .cky-notice-btn-wrapper {
    flex-direction: column;
  }

  .cky-custom-brand-logo-wrapper,
  .cky-notice .cky-title,
  .cky-notice-des,
  .cky-notice-btn-wrapper {
    padding: 0 28px;
  }

  .cky-consent-container .cky-consent-bar {
    padding: 16.5px 0;
  }

  .cky-notice-des {
    max-height: 40vh;
    overflow-y: scroll;
  }

  .cky-notice-btn-wrapper .cky-btn {
    width: 100%;
    padding: 8px;
    margin-right: 0;
  }

  .cky-notice-btn-wrapper .cky-btn-accept {
    order: 1;
  }

  .cky-notice-btn-wrapper .cky-btn-reject {
    order: 3;
  }

  .cky-notice-btn-wrapper .cky-btn-customize {
    order: 2;
  }
}

@media (max-width: 425px) {

  .cky-custom-brand-logo-wrapper,
  .cky-notice .cky-title,
  .cky-notice-des,
  .cky-notice-btn-wrapper {
    padding: 0 24px;
  }

  .cky-notice-btn-wrapper {
    flex-direction: column;
  }

  .cky-btn {
    width: 100%;
    margin: 10px 0 0 0;
  }

  .cky-notice-btn-wrapper .cky-btn-customize {
    order: 2;
  }

  .cky-notice-btn-wrapper .cky-btn-reject {
    order: 3;
  }

  .cky-notice-btn-wrapper .cky-btn-accept {
    order: 1;
    margin-top: 16px;
  }
}

@media (max-width: 352px) {
  .cky-notice .cky-title {
    font-size: 16px;
  }

  .cky-notice-des * {
    font-size: 12px;
  }

  .cky-notice-des,
  .cky-btn {
    font-size: 12px;
  }
}

.cky-modal.cky-modal-open {
  display: flex;
  visibility: visible;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  transition: all 1s ease;
}

.cky-modal {
  box-shadow: 0 32px 68px rgba(0, 0, 0, 0.3);
  margin: 0 auto;
  position: fixed;
  max-width: 100%;
  background: #ffffff;
  top: 50%;
  box-sizing: border-box;
  border-radius: 6px;
  z-index: 999999999;
  color: #212121;
  -webkit-transform: translate(-50%, 100%);
  -moz-transform: translate(-50%, 100%);
  -ms-transform: translate(-50%, 100%);
  -o-transform: translate(-50%, 100%);
  transform: translate(-50%, 100%);
  visibility: hidden;
  transition: all 0s ease;
}

.cky-preference-center {
  max-height: 79vh;
  overflow: hidden;
  width: 845px;
  overflow: hidden;
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  border-radius: 6px;
}

.cky-preference-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 22px 24px;
  border-bottom: 1px solid;
}

.cky-preference-header .cky-preference-title {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

.cky-preference-header .cky-btn-close {
  margin: 0;
  cursor: pointer;
  vertical-align: middle;
  padding: 0;
  background: none;
  border: none;
  width: auto;
  height: auto;
  min-height: 0;
  line-height: 0;
  text-shadow: none;
  box-shadow: none;
}

.cky-preference-header .cky-btn-close img {
  margin: 0;
  height: 10px;
  width: 10px;
}

.cky-preference-body-wrapper {
  padding: 0 24px;
  flex: 1;
  overflow: auto;
  box-sizing: border-box;
}

.cky-preference-content-wrapper,
.cky-gpc-wrapper .cky-gpc-desc {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  padding: 12px 0;
}

.cky-preference-content-wrapper {
  border-bottom: 1px solid;
}

.cky-preference-content-wrapper img {
  height: 25px;
  width: 25px;
}

.cky-preference-content-wrapper .cky-show-desc-btn {
  font-size: 14px;
  font-family: inherit;
  color: #1863dc;
  text-decoration: none;
  line-height: 24px;
  padding: 0;
  margin: 0;
  white-space: nowrap;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  text-transform: none;
  min-height: 0;
  text-shadow: none;
  box-shadow: none;
}

.cky-accordion-wrapper {
  margin-bottom: 10px;
}

.cky-accordion {
  border-bottom: 1px solid;
}

.cky-accordion:last-child {
  border-bottom: none;
}

.cky-accordion .cky-accordion-item {
  display: flex;
  margin-top: 10px;
}

.cky-accordion .cky-accordion-body {
  display: none;
}

.cky-accordion.cky-accordion-active .cky-accordion-body {
  display: block;
  padding: 0 22px;
  margin-bottom: 16px;
}

.cky-accordion-header-wrapper {
  cursor: pointer;
  width: 100%;
}

.cky-accordion-item .cky-accordion-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.cky-accordion-header .cky-accordion-btn {
  font-size: 16px;
  font-family: inherit;
  color: #212121;
  line-height: 24px;
  background: none;
  border: none;
  font-weight: 700;
  padding: 0;
  margin: 0;
  cursor: pointer;
  text-transform: none;
  min-height: 0;
  text-shadow: none;
  box-shadow: none;
}

.cky-accordion-header .cky-always-active {
  color: #008000;
  font-weight: 600;
  line-height: 24px;
  font-size: 14px;
}

.cky-accordion-header-des {
  font-size: 14px;
  line-height: 24px;
  margin: 10px 0 16px 0;
}

.cky-accordion-chevron {
  margin-right: 22px;
  position: relative;
  cursor: pointer;
}

.cky-accordion-chevron-hide {
  display: none;
}

.cky-accordion .cky-accordion-chevron i::before {
  content: "";
  position: absolute;
  border-right: 1.4px solid;
  border-bottom: 1.4px solid;
  border-color: inherit;
  height: 6px;
  width: 6px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  transition: all 0.2s ease-in-out;
  top: 8px;
}

.cky-accordion.cky-accordion-active .cky-accordion-chevron i::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.cky-audit-table {
  background: #f4f4f4;
  border-radius: 6px;
}

.cky-audit-table .cky-empty-cookies-text {
  color: inherit;
  font-size: 12px;
  line-height: 24px;
  margin: 0;
  padding: 10px;
}

.cky-audit-table .cky-cookie-des-table {
  font-size: 12px;
  line-height: 24px;
  font-weight: normal;
  padding: 15px 10px;
  border-bottom: 1px solid;
  border-bottom-color: inherit;
  margin: 0;
}

.cky-audit-table .cky-cookie-des-table:last-child {
  border-bottom: none;
}

.cky-audit-table .cky-cookie-des-table li {
  list-style-type: none;
  display: flex;
  padding: 3px 0;
}

.cky-audit-table .cky-cookie-des-table li:first-child {
  padding-top: 0;
}

.cky-cookie-des-table li div:first-child {
  width: 100px;
  font-weight: 600;
  word-break: break-word;
  word-wrap: break-word;
}

.cky-cookie-des-table li div:last-child {
  flex: 1;
  word-break: break-word;
  word-wrap: break-word;
  margin-left: 8px;
}

.cky-footer-shadow {
  display: block;
  width: 100%;
  height: 40px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  position: absolute;
  bottom: calc(100% - 1px);
}

.cky-footer-wrapper {
  position: relative;
}

.cky-prefrence-btn-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  padding: 22px 24px;
  border-top: 1px solid;
}

.cky-prefrence-btn-wrapper .cky-btn {
  flex: auto;
  max-width: 100%;
  text-shadow: none;
  box-shadow: none;
}

.cky-btn-preferences {
  color: #1863dc;
  background: transparent;
  border: 2px solid #1863dc;
}

.cky-preference-header,
.cky-preference-body-wrapper,
.cky-preference-content-wrapper,
.cky-accordion-wrapper,
.cky-accordion,
.cky-accordion-wrapper,
.cky-footer-wrapper,
.cky-prefrence-btn-wrapper {
  border-color: inherit;
}

@media (max-width: 845px) {
  .cky-modal {
    max-width: calc(100% - 16px);
  }
}

@media (max-width: 576px) {
  .cky-modal {
    max-width: 100%;
  }

  .cky-preference-center {
    max-height: 100vh;
  }

  .cky-prefrence-btn-wrapper {
    flex-direction: column;
  }

  .cky-accordion.cky-accordion-active .cky-accordion-body {
    padding-right: 0;
  }

  .cky-prefrence-btn-wrapper .cky-btn {
    width: 100%;
    margin: 10px 0 0 0;
  }

  .cky-prefrence-btn-wrapper .cky-btn-reject {
    order: 3;
  }

  .cky-prefrence-btn-wrapper .cky-btn-accept {
    order: 1;
    margin-top: 0;
  }

  .cky-prefrence-btn-wrapper .cky-btn-preferences {
    order: 2;
  }
}

@media (max-width: 425px) {
  .cky-accordion-chevron {
    margin-right: 15px;
  }

  .cky-notice-btn-wrapper {
    margin-top: 0;
  }

  .cky-accordion.cky-accordion-active .cky-accordion-body {
    padding: 0 15px;
  }
}

@media (max-width: 352px) {
  .cky-preference-header .cky-preference-title {
    font-size: 16px;
  }

  .cky-preference-header {
    padding: 16px 24px;
  }

  .cky-preference-content-wrapper *,
  .cky-accordion-header-des * {
    font-size: 12px;
  }

  .cky-preference-content-wrapper,
  .cky-preference-content-wrapper .cky-show-more,
  .cky-accordion-header .cky-always-active,
  .cky-accordion-header-des,
  .cky-preference-content-wrapper .cky-show-desc-btn,
  .cky-notice-des a.cky-policy {
    font-size: 12px;
  }

  .cky-accordion-header .cky-accordion-btn {
    font-size: 14px;
  }
}

.cky-switch {
  display: flex;
}

.cky-switch input[type="checkbox"] {
  position: relative;
  width: 44px;
  height: 24px;
  margin: 0;
  background: #d0d5d2;
  -webkit-appearance: none;
  border-radius: 50px;
  cursor: pointer;
  outline: 0;
  border: none;
  top: 0;
}

.cky-switch input[type="checkbox"]:checked {
  background: #1863dc;
}

.cky-switch input[type="checkbox"]:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 2px;
  bottom: 2px;
  border-radius: 50%;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  margin: 0;
}

.cky-switch input[type="checkbox"]:after {
  display: none;
}

.cky-switch input[type="checkbox"]:checked:before {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
}

@media (max-width: 425px) {
  .cky-switch input[type="checkbox"] {
    width: 38px;
    height: 21px;
  }

  .cky-switch input[type="checkbox"]:before {
    height: 17px;
    width: 17px;
  }

  .cky-switch input[type="checkbox"]:checked:before {
    -webkit-transform: translateX(17px);
    -ms-transform: translateX(17px);
    transform: translateX(17px);
  }
}

.cky-consent-bar .cky-banner-btn-close {
  position: absolute;
  right: 9px;
  top: 5px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  margin: 0;
  min-height: 0;
  line-height: 0;
  height: auto;
  width: auto;
  text-shadow: none;
  box-shadow: none;
}

.cky-consent-bar .cky-banner-btn-close img {
  height: 9px;
  width: 9px;
  margin: 0;
}

.cky-notice-btn-wrapper .cky-btn-do-not-sell {
  font-size: 14px;
  line-height: 24px;
  padding: 6px 0;
  margin: 0;
  font-weight: 500;
  background: none;
  border-radius: 2px;
  border: none;
  cursor: pointer;
  text-align: left;
  color: #1863dc;
  background: transparent;
  border-color: transparent;
  box-shadow: none;
  text-shadow: none;
}

.cky-consent-bar .cky-banner-btn-close:focus-visible,
.cky-notice-btn-wrapper .cky-btn-do-not-sell:focus-visible,
.cky-opt-out-btn-wrapper .cky-btn:focus-visible,
.cky-opt-out-checkbox-wrapper input[type="checkbox"].cky-opt-out-checkbox:focus-visible {
  outline: 2px solid #1863dc;
  outline-offset: 2px;
}

@media (max-width: 768px) {
  .cky-notice-btn-wrapper {
    margin-left: 0;
    margin-top: 10px;
    justify-content: left;
  }

  .cky-notice-btn-wrapper .cky-btn-do-not-sell {
    padding: 0;
  }
}

@media (max-width: 352px) {

  .cky-notice-btn-wrapper .cky-btn-do-not-sell,
  .cky-notice-des a.cky-policy {
    font-size: 12px;
  }
}

.cky-opt-out-wrapper {
  padding: 12px 0;
}

.cky-opt-out-wrapper .cky-opt-out-checkbox-wrapper {
  display: flex;
  align-items: center;
}

.cky-opt-out-checkbox-wrapper .cky-opt-out-checkbox-label {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  margin: 0 0 0 12px;
  cursor: pointer;
}

.cky-opt-out-checkbox-wrapper input[type="checkbox"].cky-opt-out-checkbox {
  background-color: #ffffff;
  border: 1px solid black;
  width: 20px;
  height: 18.5px;
  margin: 0;
  -webkit-appearance: none;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
  cursor: pointer;
}

.cky-opt-out-checkbox-wrapper input[type="checkbox"].cky-opt-out-checkbox:checked {
  background-color: #1863dc;
  border: none;
}

.cky-opt-out-checkbox-wrapper input[type="checkbox"].cky-opt-out-checkbox:checked::after {
  left: 6px;
  bottom: 4px;
  width: 7px;
  height: 13px;
  border: solid #ffffff;
  border-width: 0 3px 3px 0;
  border-radius: 2px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
  position: absolute;
  box-sizing: border-box;
}

.cky-opt-out-checkbox-wrapper.cky-disabled .cky-opt-out-checkbox-label,
.cky-opt-out-checkbox-wrapper.cky-disabled input[type="checkbox"].cky-opt-out-checkbox {
  cursor: no-drop;
}

.cky-gpc-wrapper {
  margin: 0 0 0 32px;
}

.cky-footer-wrapper .cky-opt-out-btn-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  padding: 22px 24px;
}

.cky-opt-out-btn-wrapper .cky-btn {
  flex: auto;
  max-width: 100%;
  text-shadow: none;
  box-shadow: none;
}

.cky-opt-out-btn-wrapper .cky-btn-cancel {
  border: 1px solid #dedfe0;
  background: transparent;
  color: #858585;
}

.cky-opt-out-btn-wrapper .cky-btn-confirm {
  background: #1863dc;
  color: #ffffff;
  border: 1px solid #1863dc;
}

@media (max-width: 352px) {
  .cky-opt-out-checkbox-wrapper .cky-opt-out-checkbox-label {
    font-size: 14px;
  }

  .cky-gpc-wrapper .cky-gpc-desc,
  .cky-gpc-wrapper .cky-gpc-desc * {
    font-size: 12px;
  }

  .cky-opt-out-checkbox-wrapper input[type="checkbox"].cky-opt-out-checkbox {
    width: 16px;
    height: 16px;
  }

  .cky-opt-out-checkbox-wrapper input[type="checkbox"].cky-opt-out-checkbox:checked::after {
    left: 5px;
    bottom: 4px;
    width: 3px;
    height: 9px;
  }

  .cky-gpc-wrapper {
    margin: 0 0 0 28px;
  }
}

.video-placeholder-youtube {
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #b2b0b059;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
}

.video-placeholder-text-youtube {
  text-align: center;
  align-items: center;
  padding: 10px 16px;
  background-color: #000000cc;
  color: #ffffff;
  border: 1px solid;
  border-radius: 2px;
  cursor: pointer;
}

.video-placeholder-normal {
  background-image: url("/wp-content/plugins/cookie-law-info/lite/frontend/images/placeholder.svg");
  background-size: 80px;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #b2b0b059;
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  max-width: 100%;
}

.video-placeholder-text-normal {
  align-items: center;
  padding: 10px 16px;
  text-align: center;
  border: 1px solid;
  border-radius: 2px;
  cursor: pointer;
}

.cky-rtl {
  direction: rtl;
  text-align: right;
}

.cky-rtl .cky-banner-btn-close {
  left: 9px;
  right: auto;
}

.cky-rtl .cky-notice-btn-wrapper .cky-btn:last-child {
  margin-right: 8px;
}

.cky-rtl .cky-notice-btn-wrapper .cky-btn:first-child {
  margin-right: 0;
}

.cky-rtl .cky-notice-btn-wrapper {
  margin-left: 0;
  margin-right: 15px;
}

.cky-rtl .cky-prefrence-btn-wrapper .cky-btn {
  margin-right: 8px;
}

.cky-rtl .cky-prefrence-btn-wrapper .cky-btn:first-child {
  margin-right: 0;
}

.cky-rtl .cky-accordion .cky-accordion-chevron i::before {
  border: none;
  border-left: 1.4px solid;
  border-top: 1.4px solid;
  left: 12px;
}

.cky-rtl .cky-accordion.cky-accordion-active .cky-accordion-chevron i::before {
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

@media (max-width: 768px) {
  .cky-rtl .cky-notice-btn-wrapper {
    margin-right: 0;
  }
}

@media (max-width: 576px) {
  .cky-rtl .cky-notice-btn-wrapper .cky-btn:last-child {
    margin-right: 0;
  }

  .cky-rtl .cky-prefrence-btn-wrapper .cky-btn {
    margin-right: 0;
  }

  .cky-rtl .cky-accordion.cky-accordion-active .cky-accordion-body {
    padding: 0 22px 0 0;
  }
}

@media (max-width: 425px) {
  .cky-rtl .cky-accordion.cky-accordion-active .cky-accordion-body {
    padding: 0 15px 0 0;
  }
}

.cky-rtl .cky-opt-out-btn-wrapper .cky-btn {
  margin-right: 12px;
}

.cky-rtl .cky-opt-out-btn-wrapper .cky-btn:first-child {
  margin-right: 0;
}

.cky-rtl .cky-opt-out-checkbox-wrapper .cky-opt-out-checkbox-label {
  margin: 0 12px 0 0;
}