@charset "UTF-8";


@font-face {
    font-family : Mariupol;
    src         : url(../fonts/Mariupol-Bold.woff2);
    src         : local("Mariupol-Bold"), url(../fonts/Mariupol-Bold.woff2) format("woff2"), url(../fonts/Mariupol-Bold.ttf) format("truetype");
    font-weight : 700;
    font-style  : normal
}

@font-face {
    font-family : Mariupol;
    src         : url(../fonts/Mariupol-Medium.woff2);
    src         : local("Mariupol-Medium"), url(../fonts/Mariupol-Medium.woff2) format("woff2"), url(../fonts/Mariupol-Medium.ttf) format("truetype");
    font-weight : 500;
    font-style  : normal
}

@font-face {
    font-family : Mariupol;
    src         : url(../fonts/Mariupol-Regular.woff2);
    src         : local("Mariupol-Regular"), url(../fonts/Mariupol-Regular.woff2) format("woff2"), url(../fonts/Mariupol-Regular.ttf) format("truetype");
    font-weight : 400;
    font-style  : normal
}

@font-face {
    font-family : MariupolSymbols;
    src         : url(../fonts/MariupolSymbols.woff2);
    src         : local("Mariupol-Bold"), url(../fonts/MariupolSymbols.woff2) format("woff2"), url(../fonts/MariupolSymbols.ttf) format("truetype");
    font-weight : 400;
    font-style  : normal
}

@font-face {
    font-family  : "iconfont";
    font-display : swap;
    src          : url(../fonts/iconfont.woff2) format("woff2");
}

/*@font-face {*/
/*    font-family : BarnaulGrotesk;*/
/*    src         : url(../fonts/BarnaulGrotesk-Ital.eot);*/
/*    src         : local("BarnaulGrotesk Ital"), local("BarnaulGrotesk-Ital"), url(../fonts/BarnaulGrotesk-Ital.eot?#iefix) format("embedded-opentype"), url(../fonts/BarnaulGrotesk-Ital.woff) format("woff"), url(../fonts/BarnaulGrotesk-Ital.ttf) format("truetype");*/
/*    font-weight : 400;*/
/*    font-style  : italic*/
/*}*/

/*@font-face {*/
/*    font-family : BarnaulGrotesk;*/
/*    src         : url(../fonts/BarnaulGrotesk-Reg.eot);*/
/*    src         : local("BarnaulGrotesk Reg"), local("BarnaulGrotesk-Reg"), url(../fonts/BarnaulGrotesk-Reg.eot?#iefix) format("embedded-opentype"), url(../fonts/BarnaulGrotesk-Reg.woff) format("woff"), url(../fonts/BarnaulGrotesk-Reg.ttf) format("truetype");*/
/*    font-weight : 400;*/
/*    font-style  : normal*/
/*}*/

/*@font-face {*/
/*    font-family : BarnaulGrotesk;*/
/*    src         : url(../fonts/BarnaulGroteskExtraBold-Reg.eot);*/
/*    src         : local("BarnaulGrotesk ExtraBold Reg"), local("BarnaulGroteskExtraBold-Reg"), url(../fonts/BarnaulGroteskExtraBold-Reg.eot?#iefix) format("embedded-opentype"), url(../fonts/BarnaulGroteskExtraBold-Reg.woff) format("woff"), url(../fonts/BarnaulGroteskExtraBold-Reg.ttf) format("truetype");*/
/*    font-weight : 800;*/
/*    font-style  : normal*/
/*}*/

/*@font-face {*/
/*    font-family : BarnaulGrotesk;*/
/*    src         : url(../fonts/BarnaulGroteskBold-Ital.eot);*/
/*    src         : local("BarnaulGrotesk Bold Ital"), local("BarnaulGroteskBold-Ital"), url(../fonts/BarnaulGroteskBold-Ital.eot?#iefix) format("embedded-opentype"), url(../fonts/BarnaulGroteskBold-Ital.woff) format("woff"), url(../fonts/BarnaulGroteskBold-Ital.ttf) format("truetype");*/
/*    font-weight : 700;*/
/*    font-style  : italic*/
/*}*/

/*@font-face {*/
/*    font-family : BarnaulGrotesk;*/
/*    src         : url(../fonts/BarnaulGroteskMedium-Ital.eot);*/
/*    src         : local("BarnaulGrotesk Medium Ital"), local("BarnaulGroteskMedium-Ital"), url(../fonts/BarnaulGroteskMedium-Ital.eot?#iefix) format("embedded-opentype"), url(../fonts/BarnaulGroteskMedium-Ital.woff) format("woff"), url(../fonts/BarnaulGroteskMedium-Ital.ttf) format("truetype");*/
/*    font-weight : 500;*/
/*    font-style  : italic*/
/*}*/

/*@font-face {*/
/*    font-family : BarnaulGrotesk;*/
/*    src         : url(../fonts/BarnaulGroteskMedium-Reg.eot);*/
/*    src         : local("BarnaulGrotesk Medium Reg"), local("BarnaulGroteskMedium-Reg"), url(../fonts/BarnaulGroteskMedium-Reg.eot?#iefix) format("embedded-opentype"), url(../fonts/BarnaulGroteskMedium-Reg.woff) format("woff"), url(../fonts/BarnaulGroteskMedium-Reg.ttf) format("truetype");*/
/*    font-weight : 500;*/
/*    font-style  : normal*/
/*}*/

/*@font-face {*/
/*    font-family : BarnaulGrotesk;*/
/*    src         : url(../fonts/BarnaulGroteskExtraBold-Ital.eot);*/
/*    src         : local("BarnaulGrotesk ExtraBold Ital"), local("BarnaulGroteskExtraBold-Ital"), url(../fonts/BarnaulGroteskExtraBold-Ital.eot?#iefix) format("embedded-opentype"), url(../fonts/BarnaulGroteskExtraBold-Ital.woff) format("woff"), url(../fonts/BarnaulGroteskExtraBold-Ital.ttf) format("truetype");*/
/*    font-weight : 800;*/
/*    font-style  : italic*/
/*}*/

/*@font-face {*/
/*    font-family : BarnaulGrotesk;*/
/*    src         : url(BarnaulGroteskBold-Reg.eot);*/
/*    src         : local("BarnaulGrotesk Bold Reg"), local("BarnaulGroteskBold-Reg"), url(../fonts/BarnaulGroteskBold-Reg.eot?#iefix) format("embedded-opentype"), url(../fonts/BarnaulGroteskBold-Reg.woff) format("woff"), url(../fonts/BarnaulGroteskBold-Reg.ttf) format("truetype");*/
/*    font-weight : 700;*/
/*    font-style  : normal*/
/*}*/

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

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

body,
html {
    line-height : 1;
    height      : 100%;
    width       : 100%;
    font-size   : 100%
}

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

:active,
:focus {
    outline : 0
}

a {
    color : inherit
}

a:active,
a:hover {
    outline : 0
}

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

aside,
footer,
header,
nav {
    display : block
}

button,
input,
select,
textarea {
    font : inherit
}

input::-ms-clear {
    display : none
}

button::-moz-focus-inner {
    padding : 0;
    border  : 0
}

ol,
ul {
    list-style : none
}

.container ol, .container ul {
    list-style: inherit;
}

.container ol li, .container ul li {
    list-style: inherit;
    margin-bottom: 16px;
    margin-left: 40px;
}

table {
    border-collapse : collapse;
    border-spacing  : 0
}

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

input,
select {
    color              : currentColor;
    -webkit-appearance : none;
    -moz-appearance    : none;
    appearance         : none
}

textarea {
    overflow-y : auto;
    resize     : none
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    -moz-transition : .3s;
    transition      : .3s
}

input::placeholder,
textarea::placeholder {
    transition : .3s
}

input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
    opacity : 0
}

input:focus::placeholder,
textarea:focus::placeholder {
    opacity : 0
}

button {
    background-color : transparent;
    cursor           : pointer;
    color            : currentColor
}

:root {
    --color-text         : #292929;
    --border-green       : #afc3c3;
    --font2              : "Mariupol";
    --color-red          : #e41c40;
    --text-grey          : #b6b6b6;
    --text-turquoise     : #6cc9ca;
    --bg-yellow          : #f5bd18;
    --with-container-big : 1750px;
    --with-container     : 1130px
}

html {
    scroll-behavior : smooth;
    line-height     : inherit;
    background      : #ffffff;
}

* {
    padding     : 0;
    line-height : inherit;
    margin      : 0
}

body {
    display        : flex;
    flex-direction : column;
    min-height     : 100vh;
    overflow-x     : hidden;
    font-family    : Mariupol, sans-serif;
    font-weight    : 400;
    text-rendering : optimizeSpeed;
    color          : var(--color-text);
    background     : #ffffff;
}

body.fixed {
    overflow : hidden !important
}

body.lock {
    overflow : hidden !important
}

button,
input {
    outline            : 0;
    -webkit-appearance : none;
    -moz-appearance    : none;
    appearance         : none
}

body.down header.clone {
    top     : 0;
    left    : 0;
    right   : 0;
    z-index : 999
}

body.popup-active {
    overflow      : hidden;
    padding-right : var(--scrollbar-width);
}


a {
    transition : .3s
}

.main {
    flex : 1 0 auto
}

.footer,
.header {
    flex-shrink : 0
}

.icon {
    display         : inline-flex;
    align-items     : center;
    justify-content : center;
    flex-shrink     : 0;
    transition      : all 0.3s ease;
}

.icon svg {
    width      : 100%;
    height     : 100%;
    transition : .3s
}

.icon img {
    width         : 100%;
    height        : 100%;
    -o-object-fit : contain;
    object-fit    : contain
}

.iresponsive {
    position : relative
}

.iresponsive img,
.iresponsive video {
    width         : 100%;
    height        : 100%;
    position      : absolute;
    top           : 0;
    left          : 0;
    -o-object-fit : cover;
    object-fit    : cover
}

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

.container-big {
    max-width : var(--with-container-big);
    margin    : 0 auto;
    padding   : 0 15px
}

.container {
    max-width : var(--with-container);
    width     : 100%;
    margin    : 0 auto;
    padding   : 0 15px
}

.input-grey {
    overflow : hidden;
    display  : block;
    position : relative;
    width    : 100%
}

.input-grey__title {
    font-weight    : 400;
    font-size      : 16px;
    line-height    : 120%;
    padding-bottom : 12px;
    display        : block;
    color          : #4e5f5f
}

.input-grey__error {
    font-size   : 12px;
    color       : red;
    padding-top : 5px
}

.input-grey.input-number {
    overflow : inherit
}

.input-grey.input-number .input-grey__placeholder {
    padding-left : 40px
}

.input-grey.input-number.js-active .input-grey__placeholder {
    text-transform : uppercase
}

.input-grey.input-number.js-active .iti__selected-dial-code {
    display : block
}

.input-grey.input-number.js-active .iti__selected-flag .iti__arrow,
.input-grey.input-number.js-active .iti__selected-flag .iti__flag {
    position : relative;
    top      : 8px
}

.input-grey.input-number.js-active .input-grey__placeholder {
    top          : 1px;
    padding-left : 0;
    transform    : initial
}

.input-grey.input-number.js-active .input-grey__placeholder svg {
    width  : 12px;
    height : 12px
}

.input-grey.input-number.js-active .input-grey__placeholder span {
    font-size : 10px
}

.input-grey.input-number .iti__selected-flag .iti__arrow,
.input-grey.input-number .iti__selected-flag .iti__flag {
    position : relative;
    top      : 0
}

.input-grey.input-number label input {
    padding-left : 60px
}

.input-grey.input-number label:focus-within .iti__selected-dial-code {
    display : block
}

.input-grey.input-number label:focus-within .iti__selected-flag .iti__arrow,
.input-grey.input-number label:focus-within .iti__selected-flag .iti__flag {
    position : relative;
    top      : 8px
}

.input-grey.input-number label:focus-within .input-grey__placeholder {
    text-transform : uppercase;
    top            : 1px;
    padding-left   : 0;
    transform      : initial
}

.input-grey.input-number label:focus-within .input-grey__placeholder svg {
    width  : 12px;
    height : 12px
}

.input-grey.input-number label:focus-within .input-grey__placeholder span {
    font-size : 10px
}

.input-grey input,
.input-grey textarea {
    width              : 100%;
    -webkit-appearance : none;
    -moz-appearance    : none;
    appearance         : none;
    transition         : .3s;
    background         : #ffffff;
    border             : 1px solid #afc4c4;
    border-radius      : 10px;
    min-height         : 40px;
    padding            : 0 15px
}

.input-grey input:focus + .input-grey__placeholder,
.input-grey textarea:focus + .input-grey__placeholder {
    top       : 1px;
    transform : initial
}

.input-grey input:focus + .input-grey__placeholder svg,
.input-grey textarea:focus + .input-grey__placeholder svg {
    width  : 12px;
    height : 12px
}

.input-grey input:focus + .input-grey__placeholder span,
.input-grey textarea:focus + .input-grey__placeholder span {
    font-size      : 10px;
    text-transform : uppercase
}

.input-grey input.js-active + .input-grey__placeholder,
.input-grey textarea.js-active + .input-grey__placeholder {
    top       : 1px;
    transform : initial
}

.input-grey input.js-active + .input-grey__placeholder svg,
.input-grey textarea.js-active + .input-grey__placeholder svg {
    width  : 12px;
    height : 12px
}

.input-grey input.js-active + .input-grey__placeholder span,
.input-grey textarea.js-active + .input-grey__placeholder span {
    font-size : 10px
}

.input-grey input.error,
.input-grey textarea.error {
    border-color : red
}

.input-grey input::-moz-placeholder,
.input-grey textarea::-moz-placeholder {
    font-weight : 500;
    font-size   : 16px;
    line-height : 19px;
    color       : var(--text-grey);
    font-family : var(--font2)
}

.input-grey input::placeholder,
.input-grey textarea::placeholder {
    font-weight : 500;
    font-size   : 16px;
    line-height : 19px;
    color       : var(--text-grey);
    font-family : var(--font2)
}

.input-grey textarea {
    font-weight : 400
}

.input-grey .pass-show-icon {
    position : absolute;
    width    : 20px;
    height   : 20px;
    bottom   : 8px;
    cursor   : pointer;
    right    : 10px
}

.input-grey .pass-show-icon.js-active .hide {
    opacity : 1
}

.input-grey .pass-show-icon.js-active .show {
    opacity : 0
}

.input-grey .pass-show-icon svg {
    position   : absolute;
    width      : 100%;
    height     : 100%;
    transition : .3s;
    fill       : #cdced2
}

.input-grey .pass-show-icon svg.hide {
    opacity : 0
}

.input-grey__placeholder {
    transition      : .1s linear;
    pointer-events  : none;
    position        : absolute;
    display         : flex;
    align-items     : center;
    justify-content : flex-start;
    top             : 50%;
    width           : calc(100% - 17px);
    border-radius   : 12px 12px 0 0;
    left            : 16px;
    padding-top     : 4px;
    transform       : translateY(-50%);
    cursor          : text
}

.input-grey__placeholder svg {
    width        : 20px;
    height       : 20px;
    margin-right : 10px;
    transition   : .1s linear
}

.input-grey__placeholder span {
    transition  : .1s linear;
    font-weight : 600;
    font-size   : 14px;
    line-height : 20px
}

.radio {
    cursor   : pointer;
    position : relative
}

.radio:hover span {
    color : var(--color-base)
}

.radio:hover span::before {
    border-color : #f5bd18
}

.radio input {
    position  : absolute;
    top       : 0;
    width     : 1px;
    height    : 1px;
    font-size : 0
}

.radio input:checked ~ span::after {
    transform : scale(1)
}

.radio input:checked ~ span::before {
    border-color     : #f5bd18;
    background-color : #f5bd18
}

.radio input:checked ~ span {
    color : var(--color-base)
}

.radio span {
    display             : inline-block;
    padding-left        : 37px;
    -webkit-user-select : none;
    -moz-user-select    : none;
    user-select         : none;
    transition          : .3s;
    font-weight         : 400;
    font-size           : 18px;
    line-height         : 120%;
    color               : #4e5f5f
}

.radio span::before {
    position      : absolute;
    left          : 0;
    top           : calc(50% - 24px / 2);
    width         : 24px;
    height        : 24px;
    border        : 1px solid #afc3c3;
    background    : #ffffff;
    border-radius : 5px;
    transition    : .3s;
    content       : ""
}

.radio span::after {
    position            : absolute;
    left                : 0;
    top                 : calc(50% - 24px / 2);
    width               : 24px;
    height              : 24px;
    border-radius       : 5px;
    background          : url(../img/check-white.svg);
    background-size     : contain;
    background-position : center;
    background-repeat   : no-repeat;
    transform           : scale(0);
    transition          : all .3s ease;
    content             : ""
}

.checkbox {
    position : relative
}

.checkbox label {
    cursor : pointer
}

.checkbox input {
    width     : 1px;
    height    : 1px;
    font-size : 0
}

.checkbox input:checked ~ span::after {
    transform : scale(1)
}

.checkbox input:checked ~ span::before {
    background-color : var(--color-base);
    border-color     : transparent
}

.checkbox span {
    display             : inline-block;
    padding-left        : 30px;
    font-size           : 14px;
    line-height         : 143%;
    color               : var(--color-dark2);
    -webkit-user-select : none;
    -moz-user-select    : none;
    user-select         : none
}

.checkbox span::before {
    position      : absolute;
    left          : 0;
    top           : calc(50% - 18px / 2);
    width         : 18px;
    height        : 18px;
    border        : 1px solid var(--color-dark4);
    border-radius : 50%;
    transition    : .3s;
    content       : ""
}

.checkbox span::after {
    position          : absolute;
    left              : 0;
    top               : calc(50% - 18px / 2);
    width             : 18px;
    height            : 18px;
    border-radius     : 50%;
    transform         : scale(0);
    background-image  : url(../img/icon-check-white.png);
    background-repeat : no-repeat;
    background-size   : 18px;
    transition        : all .3s ease;
    content           : ""
}

.input {
    display         : flex;
    align-items     : center;
    justify-content : space-between;
    position        : relative;
    overflow        : hidden
}

.input input,
.input textarea {
    width            : 100%;
    border-radius    : 12px;
    background-color : var(--color-dark6);
    border           : 0;
    padding          : 14px 16px;
    font-weight      : 600;
    font-size        : 14px;
    line-height      : 20px;
    color            : var(--color-dark)
}

.input input:focus + .input__placeholder,
.input textarea:focus + .input__placeholder {
    left    : -100%;
    opacity : 0
}

.input input.js-active + .input__placeholder,
.input textarea.js-active + .input__placeholder {
    left    : -100%;
    opacity : 0
}

.input__placeholder {
    pointer-events : none;
    transition     : .3s;
    position       : absolute;
    left           : 16px;
    font-size      : 14px;
    line-height    : 20px;
    top            : 13px;
    right          : 16px;
    color          : var(--color-dark4)
}

.bg-overley {
    position   : fixed;
    top        : 0;
    left       : 0;
    width      : 100%;
    height     : 100%;
    z-index    : 9999;
    background : #000000;
    opacity    : 0;
    visibility : hidden;
    transition : .3s linear
}

.bg-overley.js-active {
    opacity    : .5;
    visibility : visible
}

@-webkit-keyframes scale {
    from {
        transform : scale(0)
    }

    to {
        transform : scale(1)
    }
}

@keyframes scale {
    from {
        transform : scale(0)
    }

    to {
        transform : scale(1)
    }
}

.text p + p {
    margin-top : 15px
}

.text a {
    text-decoration : underline
}

.input::-moz-placeholder {
    -moz-transition : opacity .3s ease;
    transition      : opacity .3s ease
}

.input::placeholder {
    transition : opacity .3s ease
}

.input:focus::-moz-placeholder {
    opacity : 0
}

.input:focus::placeholder {
    opacity : 0
}

.textarea::-moz-placeholder {
    -moz-transition : opacity .3s ease;
    transition      : opacity .3s ease
}

.textarea::placeholder {
    transition : opacity .3s ease
}

.textarea:focus::-moz-placeholder {
    opacity : 0
}

.textarea:focus::placeholder {
    opacity : 0
}

.btn {
    display         : flex;
    align-items     : center;
    justify-content : center;
    padding         : 20px 30px;
    height          : fit-content;
    transition      : .3s;
    font-weight     : 500;
    font-size       : 24px;
    line-height     : 150%;
    color           : #ffffff;
    border-radius   : 50px
}

.btn:disabled {
    pointer-events : none;
    background     : rgba(255, 255, 255, .4);
    color          : var(--color-main)
}

.btn--yellow {
    background : var(--bg-yellow);
    box-shadow : 0 14px 25px #ffe79e
}

.btn--yellow:hover {
    background : #e2ad11
}

.btn-yellow {
    flex-shrink     : 0;
    min-height      : 66px;
    padding         : 8px 48px;
    width           : fit-content;
    display         : inline-flex;
    align-items     : center;
    justify-content : center;
    color           : #000000;
    background      : var(--bg-yellow);
    font-size       : 18px;
    font-weight     : 500;
    line-height     : 26px;
}

.btn-yellow:hover {
    background : #e2ad11
}

.btn-white {
    flex-shrink     : 0;
    min-height      : 66px;
    padding         : 8px 48px;
    width           : fit-content;
    display         : inline-flex;
    align-items     : center;
    justify-content : center;
    white-space     : nowrap;
    color           : #ffffff;
    background      : transparent;
    font-size       : 18px;
    font-weight     : 500;
    line-height     : 26px;
    border          : 1px solid #ffffff;
}

.btn-white:hover {
    background   : #e2ad11;
    border-color : #e2ad11;
    color        : #000000
}

.btn--red {
    background : #e41c40;
    box-shadow : 0 14px 25px #ff9e9e
}

.btn--red:hover {
    background : #e2ad11
}

.btn--blue {
    background : #7ac8cb;
    box-shadow : 0 14px 25px #aeebed
}

.btn--blue:hover {
    background : #e2ad11
}

.modal {
    position         : fixed;
    width            : 100%;
    height           : 100%;
    background-color : rgba(0, 0, 0, .7);
    top              : 0;
    left             : 0;
    opacity          : 0;
    visibility       : hidden;
    overflow-y       : auto;
    overflow-x       : hidden;
    z-index          : 100;
    transition       : all .5s ease-in-out
}

.modal.active {
    opacity    : 1;
    visibility : visible
}

.modal.active .modal__content {
    opacity   : 1;
    transform : translate(0, 0)
}

.modal__area {
    position : absolute;
    width    : 100%;
    height   : 100%;
    top      : 0;
    left     : 0
}

.modal__body {
    width           : 100%;
    height          : 100%;
    display         : flex;
    align-items     : center;
    justify-content : center;
    flex-direction  : column;
    padding         : 40px 20px
}

.modal__content {
    width         : 100%;
    max-width     : 929px;
    background    : var(--color-main);
    margin        : 0 auto;
    transition    : all .3s ease-in-out;
    opacity       : 0;
    transform     : translate(0, -100%);
    padding       : 20px 15px;
    border-radius : 32px;
    position      : relative
}

.modal__content--image {
    position : relative;
    overflow : hidden;
    padding  : 56px 30px 56px 181px
}

.modal__content--image::before {
    left                : 0;
    top                 : 0;
    bottom              : 0;
    content             : "";
    display             : block;
    height              : 100%;
    width               : 181px;
    background          : url(../img/modal-image.png);
    background-size     : cover;
    background-repeat   : no-repeat;
    background-position : center right;
    position            : absolute
}

.modal__close {
    cursor   : pointer;
    position : absolute;
    top      : 24px;
    right    : 24px;
    width    : 24px;
    height   : 24px;
    z-index  : 101
}

.modal__close svg {
    fill : var(--color-dark4)
}

.modal__close:hover svg {
    fill : var(--color-dark)
}

.modal__arrows {
    display         : flex;
    justify-content : space-between;
    align-items     : center;
    z-index         : 101;
    position        : absolute;
    top             : 50%;
    left            : 50%;
    transform       : translate(-50%, -50%);
    max-width       : 1041px;
    width           : 100%
}

.modal__arrow {
    cursor        : pointer;
    width         : 32px;
    height        : 32px;
    border        : 2px solid var(--color-main);
    border-radius : 50%;
    transition    : .3s
}

.modal__arrow svg {
    fill : var(--color-main)
}

.modal__arrow:hover {
    border-color : var(--color-base)
}

.modal__arrow:hover svg {
    fill : var(--color-base)
}

.select {
    display     : inline-flex;
    align-items : center
}

.select.select-selected-items.addtour-section__select {
    flex-direction : column;
    align-items    : flex-start
}

.select.select-placeholder .select__trigger {
    padding-top    : 18px;
    padding-bottom : 8px
}

.select.select-placeholder .select__trigger > .icon {
    position : relative;
    top      : -5px
}

.select .select-placeholder__trigger-placeholder {
    position       : absolute;
    top            : 8px;
    left           : 16px;
    font-weight    : 600;
    font-size      : 10px;
    line-height    : 12px;
    letter-spacing : .1em;
    text-transform : uppercase;
    color          : var(--color-dark4);
    display        : flex;
    align-items    : center
}

.select .select-placeholder__trigger-placeholder-icon {
    width        : 12px;
    height       : 12px;
    fill         : var(--color-dark4);
    margin-right : 4px
}

.select.hidden {
    pointer-events : none;
    mix-blend-mode : normal;
    opacity        : .36
}

.select__title {
    font-weight  : 400;
    font-size    : 12px;
    line-height  : 133%;
    display      : block;
    margin-right : 8px;
    color        : var(--color-dark4)
}

.select__wrapper {
    position            : relative;
    -webkit-user-select : none;
    -moz-user-select    : none;
    user-select         : none;
    width               : 100%
}

.select__wrapper a {
    text-decoration : none;
    display         : flex;
    align-items     : center
}

.select__wrapper a .icon {
    margin-right : 5px
}

.select__content {
    position       : relative;
    display        : flex;
    flex-direction : column;
    transition     : .3s;
    font-weight    : 600;
    font-size      : 14px;
    line-height    : 143%;
    color          : var(--color-dark2)
}

.select__content.open .select__dropdown {
    opacity        : 1;
    visibility     : visible;
    pointer-events : all
}

.select__content.open .select__trigger {
    border-radius : 20px 20px 0 0;
}

.select__content.open .select__trigger .icon {
    transform : rotate(-180deg);
}

.select__trigger {
    display         : flex;
    align-items     : center;
    justify-content : space-between;
    padding         : 2px 12px;
    min-height      : 44px;

    cursor          : pointer;
    font-weight     : 400;
    font-size       : 18px;
    line-height     : 21px;
    text-transform  : uppercase;
    border          : 1px solid var(--border-green);
    border-radius   : 50px;
    background      : #ffffff;
    transition      : all .3s ease;
}

.select__trigger:hover {
    color : var(--color-red)
}

.select__trigger input {
    width              : 100%;
    background-color   : inherit;
    display            : -webkit-box;
    -webkit-line-clamp : 1;
    -webkit-box-orient : vertical;
    overflow           : hidden;
    text-overflow      : ellipsis;
    white-space        : normal
}

.select__trigger span,
.select__trigger > a {
    display            : -webkit-box;
    -webkit-line-clamp : 1;
    -webkit-box-orient : vertical;
    overflow           : hidden;
    text-overflow      : ellipsis;
    white-space        : normal;
    color              : var(--dark-blue)
}

.select__trigger .icon {
    width           : 18px;
    height          : 18px;
    display         : flex;
    align-items     : center;
    justify-content : center;
    transition      : .3s linear
}

.select__trigger .icon svg {
    width  : 100%;
    height : 100%;
    fill   : #000000
}

.select__dropdown {
    position         : absolute;
    z-index          : 15;
    top              : 100%;
    left             : 0;

    height           : auto;
    display          : flex;
    flex-direction   : column;
    row-gap          : 12px;
    width            : 100%;
    padding          : 12px;

    border-radius    : 0 0 20px 20px;
    border           : 1px solid #afc3c3;
    border-top       : none;
    box-shadow       : 0 4px 10px 0 #00000014;
    background-color : #ffffff;

    transition       : all .3s ease;
    opacity          : 0;
    visibility       : hidden;
    pointer-events   : none;
    overflow         : hidden;
}

.select__options {
}

.select__options {
    padding        : 0;
    display        : flex;
    flex-direction : column;
    row-gap        : 12px;
}

.select__option {
    position       : relative;
    cursor         : pointer;
    color          : var(--dark-blue);

    display        : inline-flex;
    align-items    : center;
    gap            : 4px;
    font-size      : 18px;
    font-weight    : 400;
    line-height    : 20px;
    text-transform : uppercase;
    transition     : color 0.3s ease;
}

.select__option:hover {
    color : var(--color-red)
}

.select__option.selected {
    color : var(--color-red)
}

.select__checkboxs {
    overflow-y : auto
}

.select__checkbox {
    position   : relative;
    display    : block;
    padding    : 10px 16px;
    transition : .3s;
    transition : .3s
}

.select__checkbox.checked {
    background-color : var(--color-muted)
}

.select__checkbox:last-child {
    margin : 0
}

.select__checkbox.checkbox span::before {
    left : 16px
}

.select__checkbox.checkbox span::after {
    left : 16px
}

.select__checkbox:hover {
    background-color : var(--color-muted);
    color            : var(--color-base)
}

.select__checkbox:hover.checkbox span::before {
    border-color : var(--color-base)
}

.select__checkbox.selected {
    background-color : var(--color-base);
    color            : var(--color-main)
}

.select__on-map {
    display          : block;
    text-decoration  : none;
    cursor           : pointer;
    margin-top       : 6px;
    padding          : 6px 12px 7px 12px;
    font-size        : 14px;
    line-height      : 143%;
    color            : var(--color-main);
    background-color : var(--color-base);
    transition       : .3s
}

.select__on-map:hover {
    color            : var(--color-base);
    background-color : var(--color-muted)
}

.yellow-line {
    position : relative
}

.yellow-line:before {
    content             : "";
    background          : url(../img/yellow-line.svg);
    background-repeat   : no-repeat;
    background-size     : contain;
    background-position : center;
    width               : 260px;
    height              : 75px;
    position            : absolute;
    top                 : 53%;
    left                : 52%;
    z-index : -1;
    transform           : translate(-50%, -50%)
}

.breadcrumb {
    margin-top    : 35px;
    margin-bottom : 10px;
}

.breadcrumb__wrapper {
    display     : flex;
    align-items : center;
    list-style: none !important;
    overflow: auto;

    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
    scroll-snap-type: x mandatory;
    &::-webkit-scrollbar {
        display: none;
    }
}

.breadcrumb__wrapper li {
    flex-shrink: 0;
    font-weight : 500;
    font-size   : 16px;
    line-height : 19px;
    color       : #6cc9ca;
    list-style: none !important;
    scroll-snap-align: start;
    margin : 0 !important;
}

.breadcrumb__wrapper li a {
    color      : #b6b6b6;
    position   : relative;
    transition : .3s linear
}

.breadcrumb__wrapper li a:after {
    margin  : 0 5px;
    content : ">"
}

.breadcrumb__wrapper li a:hover {
    color : var(--color-red)
}

.title {
    font-weight : 500;
    font-size   : 40px;
    line-height : 110%;
}

.title:not(:last-child) {
    margin-bottom : 32px;
}

.flatpickr-calendar {
    border        : 1px solid #afc3c3;
    border-radius : 10px
}

.modal-callback {
    position      : fixed;
    z-index       : 150;
    top           : 50%;
    left          : 50%;
    transform     : translate(-50%, -50%);
    background    : #ffffff;
    box-shadow    : 0 5px 35px rgba(0, 0, 0, .15);
    border-radius : 50px;
    opacity       : 0;
    visibility    : hidden
}

.modal-callback.js-active {
    opacity    : 1;
    visibility : visible
}

.modal-callback__wrapper {
    display         : flex;
    flex-direction  : column;
    align-items     : center;
    justify-content : center;
    padding         : 48px 68px;
    width           : 100%;
    max-width       : 423px;
    min-width       : 423px
}

.modal-callback__close {
    background      : #ffffff;
    box-shadow      : 0 5px 35px rgba(0, 0, 0, .15);
    border-radius   : 50px;
    width           : 54px;
    position        : absolute;
    height          : 54px;
    display         : flex;
    align-items     : center;
    justify-content : center;
    top             : -27px;
    right           : -27px
}

.modal-callback__close svg {
    width      : 34px;
    height     : 34px;
    fill       : #4e5f5f;
    transition : .3s linear
}

.modal-callback__close:hover svg {
    fill : var(--bg-yellow)
}

.modal-callback__title {
    font-family    : var(--font2);
    font-weight    : 500;
    font-size      : 36px;
    line-height    : 120%;
    padding-bottom : 28px
}

.modal-callback__input {
    margin-bottom : 18px;
    width         : 100%
}

.modal-callback__input span {
    font-weight : 400;
    font-size   : 16px;
    line-height : 120%;
    color       : #4e5f5f
}

.modal-callback__input input {
    margin-top         : 12px;
    background         : #ffffff;
    border             : 1px solid #afc4c4;
    border-radius      : 10px;
    min-height         : 41px;
    -webkit-appearance : none;
    -moz-appearance    : none;
    appearance         : none;
    padding            : 0 10px
}

.modal-callback__btn {
    margin-top      : 5px;
    background      : #f5bd18;
    border-radius   : 50px;
    min-height      : 56px;
    width           : 100%;
    display         : flex;
    align-items     : center;
    justify-content : center;
    width           : 100%;
    max-width       : 242px;
    font-weight     : 500;
    font-size       : 24px;
    line-height     : 150%;
    color           : #ffffff;
    font-family     : var(--font2);
    transition      : .3s linear
}

.modal-callback__btn:hover {
    background : #e2ad11
}

.header {
    position    : relative;
    z-index     : 1000;
    padding-top : 13px
}

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

.header__logo {
    margin-right : auto;
    max-width    : 182px
}

.header__logo img {
    width         : 100%;
    -o-object-fit : contain;
    object-fit    : contain
}

.header__menu {
    margin : 0;
    gap    : 12px 20px;
    width  : auto;
}

.header__right-block {
    flex-shrink     : 0;
    display         : flex;
    justify-content : flex-end;
    padding-top     : 0;
    gap             : 16px;
    align-items     : center;
}

.header__number-col {
    display        : flex;
    flex-direction : column;
    align-items    : flex-end;
    margin-left    : 30px
}

.header__number-col--item {
    display       : flex;
    align-items   : center;
    margin-bottom : 6px
}

.header__number-col--item span {
    transition  : .3s linear;
    font-weight : 500;
    font-size   : 24px;
    line-height : 28px;
    font-family : var(--font2);
    white-space : nowrap
}

.header__number-col--item img {
    width         : 24px;
    height        : 24px;
    -o-object-fit : contain;
    object-fit    : contain;
    margin-left   : 10px
}

.header__number-col--item:hover span {
    color : var(--color-red)
}

.header__number-col--callback {
    margin-top    : 6px;
    font-weight   : 500;
    font-size     : 18px;
    line-height   : 21px;
    font-family   : var(--font2);
    color         : #6cc9ca;
    border-bottom : 1px dashed #6cc9ca;
    transition    : .3s linear
}

.header__number-col--callback:hover {
    color               : var(--color-red);
    border-bottom-color : transparent
}
.header-checkout-mob,
.header__burger-btn {
    display : none
}

.header-burger-btn {
    cursor : pointer
}

.header-menu {
    display         : flex;
    align-items     : center;
    justify-content : center;
    gap             : 12px 20px;
    padding         : 0 10px;
}

@media (min-width: 1700px) {
    .header-menu {
        margin: 0 auto;
        padding-right : 66px;
    }
}


.header-menu__link {
    flex-shrink : 0;
    margin      : 0;
    position    : relative;
    transition  : color .3s ease;
}

.header-menu__link .disabled {
    pointer-events : none;

    .text {
        color : #b6b6b6;
    }

    &::after {
        content         : attr(data-value);
        position        : absolute;
        width           : 100%;
        top             : 100%;
        left            : 50%;
        display         : flex;
        align-items     : center;
        justify-content : center;
        font-size       : 14px;
        line-height     : 1.2;
        transform       : translateX(-50%);
    }
}

.header-menu__link.active .header-menu__link--drop {
    opacity        : 1;
    visibility     : visible;
    pointer-events : initial;
    transform      : translateY(0);
    display : block;
}

.header-menu__link.accordion-open .menu-in .icon {
    transform : rotate(-180deg) !important;
}
.header-menu__link.active .icon {
    transform : rotate(-180deg) !important;
}

.header-menu__link.sub-menu::before {
    content       : "";
    position      : absolute;
    top           : calc(100% + 3px);
    z-index       : 10;
    right         : 4px;
    width         : 8px;
    height        : 8px;
    border-top    : 1px solid #afc3c3;
    border-right  : 1px solid #afc3c3;
    border-bottom : 1px solid #ffffff;
    background    : #ffffff;
    transform     : translateY(-6px) rotate(-45deg);
    opacity       : 0;
    visibility    : hidden;
    transition    : all 0.3s ease;
}

.header-menu__link.active::before {
    opacity    : 1;
    visibility : visible;
    transform  : translateY(0) rotate(-45deg);
}

@media (min-width: 992px) {
    .header-menu__link.sub-menu {
        cursor : pointer;
    }
}


.header-menu__link.sub-menu span {
    display         : flex;
    align-items     : center;
    justify-content : center;
    gap             : 8px;
}

.header-menu__link.sub-menu div {
    display         : flex;
    flex-direction  : column;
    align-items     : center;
    justify-content : center;
}

.icon {
    display         : flex;
    align-items     : center;
    justify-content : center;
    width           : 16px;
    height          : 16px;
    flex-shrink     : 0;
}

.header-btn-callback {
    flex-shrink   : 0;
    font-weight   : 500;
    font-size     : 18px;
    line-height   : 21px;
    font-family   : var(--font2);
    color         : #6cc9ca;
    border-bottom : 1px dashed #6cc9ca;
    transition    : .3s linear;
}

.header-btn-callback:hover {
    color               : var(--color-red);
    border-bottom-color : transparent;
}

.header-number-dropdown {
    position    : relative;
    flex-shrink : 0;
}

.header-menu__link .text {
    text-align : center;
}

.header-menu__link.sub-menu div:hover .text {
    color : var(--color-red)
}

.header-number-dropdown.active .header-number-dropdown-head {
    border-radius : 20px 20px 0 0;
}

.header-number-dropdown.active .header-number-dropdown-head .icon {
    transform : rotate(-180deg);
}

.header-number-dropdown.active .header-number-dropdown-list {
    opacity    : 1;
    visibility : visible;
    transform  : translateY(0);
}

.header-number-dropdown-head {
    display         : flex;
    align-items     : center;
    justify-content : space-between;
    gap             : 6px;

    min-height      : 44px;
    padding         : 6px 12px;
    border-radius   : 50px;

    font-size       : 18px;
    font-weight     : 400;
    line-height     : 20px;
    border          : 1px solid #afc3c3;
    transition      : all .3s ease-in-out;
    cursor          : pointer;

    .icon {
        width       : 16px;
        height      : 16px;
        flex-shrink : 0;
        transition  : all 0.3s ease;
    }
}

.header-number-dropdown-list {
    position       : absolute;
    top            : 100%;
    left           : 0;
    width          : 100%;
    height         : auto;
    display        : flex;
    flex-direction : column;
    row-gap        : 12px;
    padding        : 12px;
    border-radius  : 0 0 20px 20px;
    border         : 1px solid #afc3c3;
    border-top     : none;
    box-shadow     : 0 4px 10px 0 #00000014;
    opacity        : 0;
    background     : #ffffff;
    visibility     : hidden;
    transform      : translateY(-10px);
    transition     : all 0.3s ease;
}

.header-number-dropdown-item {
    display     : inline-flex;
    align-items : center;
    gap         : 4px;
    font-size   : 18px;
    font-weight : 400;
    line-height : 20px;
    transition  : color 0.3s ease;
}


.header-number-dropdown-item:hover {
    color : var(--color-red);
}

.header-number-dropdown-messengers {
    display     : flex;
    align-items : center;
    gap         : 12px;
    flex-wrap   : wrap;
}

.header-number-dropdown-icon {
    width  : 20px;
    height : 20px;
}

.header-menu__link--drop li {
    font-weight : 400;
    font-size   : 14px;
    line-height : 19px;
    /*white-space    : nowrap;*/
    font-family : var(--font2);
    display     : flex;
}

.header-menu__link--drop li:not(:last-child) {
    margin-bottom : 7px;
}

.header-menu__link--drop li:hover {
    color : var(--color-red)
}

.header-menu__link--drop li a {
    text-align : left
}
@media (max-width: 1199px) {
    .header-menu__link--drop {
        display: none;
    }
}
.header-menu__link .menu-in {
    display         : flex;
    flex-direction  : column;
    align-items     : center;
    justify-content : flex-end
}

.header-menu__link .menu-in b {
    font-weight : 400;
    color       : var(--color-red)
}

.header-menu__link img {
    width         : 64px;
    height        : 64px;
    -o-object-fit : contain;
    object-fit    : contain
}

.header-menu__link .text {
    font-weight : 400;
    font-size   : 14px;
    line-height : 1;
    color       : #000000;
    margin-top  : 10px;
}

.header-menu__link .menu-in:hover .text {
    color : var(--color-red)
}

.header-lang .select__trigger .icon {
    margin-left : 6px
}

.header-search {
    position: relative;
    z-index : 10;
    margin-top : 20px
}

.header-search__search {
    position : relative;
    z-index  : 1;
}


.header-search__search.search-open .input-grey input {
    border-radius : 20px 20px 0 0;
}

.header-search__search.search-open .search-result {
    opacity        : 1;
    pointer-events : initial;
    transform      : translateY(0);
}

.search-result {
    position       : absolute;
    z-index : 100;
    top            : 100%;
    left           : 0;
    width          : 100%;
    max-height     : 544px;
    padding        : 16px;
    border-radius  : 0 0 25px 25px;
    box-shadow     : 0 4px 10px 0 #00000014;
    overflow-y     : auto;
    background     : #ffffff;
    transition     : all 0.3s ease;

    opacity        : 0;
    pointer-events : none;
    transform      : translateY(-10px);

    .search-result-wrap {}

    .search-result-content {}

    .search-result-title {
        font-size   : 16px;
        font-weight : 400;
        line-height : 1;
        color       : #6cc9ca;

        &:not(:last-child) {
            margin-bottom : 12px;
        }
    }

    .search-result-list {
        display        : flex;
        flex-direction : column;
        row-gap        : 12px;
    }

    .search-result-item {
        width       : fit-content;
        display     : inline-flex;
        align-items : center;
        color       : #B6B6B6;
        font-size   : 20px;
        font-weight : 400;
        line-height : 1.3;
        transition  : color 0.3s ease;



        @media (any-hover : hover) {
            &:hover {
                color : #000;
            }
        }

        &:focus {
            color : #000;
        }
    }
}

.header-search__search .input-grey input {
    height        : 56px;
    padding       : 8px 16px;
    border-radius : 20px;
    transition    : all 0.3s ease;
}

.header-search__search .input-grey input:focus {
    background   : #f1fbfb;
    border-color : transparent;
}

.header-search__search--btn {
    position  : absolute;
    top       : 50%;
    transform : translateY(-50%);
    right     : 22px;
    width     : 24px;
    height    : 24px
}

.header-search__search--btn img {
    width         : 100%;
    height        : 100%;
    transition    : .3s linear;
    -o-object-fit : contain;
    object-fit    : contain
}

.header-search__search--btn:hover img {
    transform : scale(1.1)
}

.header-search__text {
    margin-top   : 10px;
    padding-left : 16px;
    font-weight  : 500;
    font-size    : 16px;
    line-height  : 19px;
    font-family  : var(--font2);
    color        : var(--text-grey)
}

.header-search__text span,
.header-search__text a {
    color : var(--text-turquoise)
}

.burger-block {
    position   : fixed;
    top        : 0;
    right      : 0;
    height     : 100%;
    background : #ffffff;
    width      : 100%;
    max-width  : 375px;
    z-index    : 99999;
    margin-left: auto;
    transition : .3s linear;
    opacity    : 0;
    visibility : hidden;
    transform  : translateX(100%)
}

.burger-block.js-active {
    opacity    : 1;
    visibility : visible;
    transform  : none
}

.burger-block__wrapper {
    display        : flex;
    flex-direction : column;
    align-items    : center;
    padding        : 0;
    overflow       : auto;
    max-height     : 100svh;
    height: 100%;
}

.burger-block__wrapper .simplebar-content {
    display        : flex;
    flex-direction : column;
    align-items    : center;
    padding        : 0 !important;
    height : 100%;
}

.burger-block__top {
    padding         : 12px 14px;
    width           : 100%;
    display         : flex;
    align-items     : center;
    justify-content : space-between;
    gap             : 8px;
}

.burger-block__close-btn {
    flex-shrink   : 0;
    width         : 32px;
    height        : 32px;
    border-radius : 50%;
    border        : 1px solid #afc3c3;
    padding       : 8px;
}

.burger-block__close-btn svg {
    width      : 100%;
    height     : 100%;
    transition : .3s linear
}

.burger-block__close-btn:hover svg {
    fill : var(--bg-yellow)
}

.burger-block__logo {
    flex-shrink : 0;
    width       : 60px;
    height      : auto;
}

.burger-block__logo img {
    width         : 100%;
    height        : 100%;
    -o-object-fit : contain;
    object-fit    : contain
}

.burger-block__menu {
    display   : flex;
    flex-wrap : wrap;
    width     : 100%;
    margin    : 0;
    padding   : 20px 14px;

    .header-menu {
        width          : 100%;
        display        : flex;
        flex-direction : column;
        row-gap        : 20px;
        padding        : 0;
    }
}

.burger-block__menu .header-menu__link {
    width           : 100%;
    margin          : 0;
    justify-content : space-between;

    &::before {
        display : none;
    }

    .header-menu__link--drop {
        padding : 12px 10px;
        display : none;
    }
}

.burger-block__menu .header-menu__link .menu-in {
    width           : 100%;
    flex-direction  : row;
    justify-content : flex-start;
    gap             : 12px;
}

.burger-block__menu .header-menu__link .menu-in span {
    flex-grow   : 1;
    text-align  : left;
    margin-top  : 0;
    font-size   : 20px;
    font-weight : 400;
    line-height : 1;
}

.burger-block__menu .header-menu__link .menu-in .icon {
    margin-left : auto;
}

@media (max-width: 1200px) {
    .burger-block__menu .header-menu__link .menu-in .icon {
        transform: rotate(-90deg);
    }
}



.burger-block__menu .header-menu__link .menu-in img {
    display         : flex;
    align-items     : center;
    justify-content : center;
    width           : 48px;
    height          : 48px;
    flex-shrink     : 0;
    object-fit      : contain;
}

.burger-block__info {
    margin-top: auto;
    width                 : 100%;
    display               : grid;
    grid-template-columns : 1fr 1fr;
    gap                   : 12px;
    padding               : 10px 14px;

    .header-number-dropdown-list {
        top           : auto;
        bottom        : 100%;

        border-radius : 20px 20px 0 0;
        border        : 1px solid #afc3c3;
        border-bottom : none;
        border-top    : 1px solid #afc3c3;
    }

    .header-number-dropdown.active .header-number-dropdown-head {
        border-radius : 0 0 20px 20px;
    }
}

.burger-block__lang {
    width                 : 100%;
    padding               : 10px 14px;

    display               : grid;
    grid-template-columns : repeat(2, 1fr);

    .lang-item {
        position        : relative;
        width           : 100%;
        min-height      : 40px;
        display         : inline-flex;
        align-items     : center;
        justify-content : center;
        font-size       : 18px;
        font-weight     : 400;
        line-height     : 1;
        text-align      : center;
        color           : #b6b6b6;
        transition      : color .3s ease;

        &:not(:last-child) {
            &::before {
                content    : "";
                position   : absolute;
                top        : 50%;
                right      : 0;
                width      : 1px;
                height     : 33px;
                background : #afc3c3;
                transform  : translateY(-50%);
            }
        }

        &.selected {
            color : #000000;
        }
    }
}

.burger-block .header__number-col {
    margin-left : 0;
    width       : 100%;
    align-items : flex-start;
    display     : none
}

.burger-block .header__number-col--item span {
    line-height : 27px;
    font-size   : 18px
}

.burger-block .header__number-col--item img {
    width  : 18px;
    height : 18px
}

.footer {
    background     : #4e8a8c;
    padding-top    : 64px;
    padding-bottom : 0
}

.footer__wrapper {
    display         : flex;
    align-items     : stretch;
    justify-content : space-between;
    gap             : 56px;
    padding-bottom  : 40px;
}

.footer__wrapper .btn {
    min-height : 52px;
    padding    : 8px 32px;
    margin-top : auto;
    font-size  : 16px;
}

.footer__left {
    display        : flex;
    flex-direction : column;
    row-gap        : 24px;
    max-width      : 485px;
}

.footer__center {
    flex      : 1 1 auto;
    max-width : 1110px;
}

.footer__logo {
    width     : 100%;
    min-width : 138px;
    max-width : 138px
}

.footer__logo img {
    width : 100%
}

.footer__text {
    font-size   : 14px;
    font-weight : 400;
    line-height : 20px;
    color       : #ffffff
}

.footer__text p:not(:last-child) {
    margin-bottom : 12px;
}

.footer__copyright.mobile {
    display : none
}

.footer-menu {
    width : 100%
}

.footer-menu__wrapper {
    display               : grid;
    grid-template-columns : repeat(4, 1fr);
    gap                   : 30px;
}

.footer-menu__col {
    width : 100%
}

.footer-menu__col.price ul:not(:last-child) {
    margin-bottom : 55px;
}

.footer-menu__col ul li {
    font-size   : 16px;
    font-weight : 400;
    line-height : 1;
    color       : #ffffff
}

.footer-menu__col ul li:not(:last-child) {
    margin-bottom : 8px;
}

.footer-menu__col ul li a {
    font-size   : 15px;
    font-weight : 400;
    line-height : 1;
    color       : #ffffff;
    transition  : .3s linear
}

.footer-menu__col ul li a:hover {
    color : var(--bg-yellow);
}

.footer-menu__col.info {
    max-width : 215px
}

.footer-menu__col.price {
    max-width : 221px
}

.footer-menu__col.contact {
    max-width : 290px
}

.footer-menu__title {
    font-size      : 16px;
    font-weight    : 700;
    line-height    : 20px;
    color          : rgba(255, 255, 255, 0.5);
    /*font-family    : var(--font2);*/
    padding-bottom : 32px
}

.footer-menu__item {
    display        : flex;
    flex-direction : column;
    row-gap        : 8px;
    font-size      : 15px;
    font-weight    : 400;
    line-height    : 24px;
    color          : #ffffff;
}

.footer-menu__insta {
    width      : 24px;
    height     : 24px;
    display    : flex;
    margin-top : 32px
}

.footer-menu__insta svg {
    width      : 100%;
    height     : 100%;
    fill       : #ffffff;
    transition : .3s linear
}

.footer-menu__insta:hover svg {
    fill : var(--color-red)
}

.footer-phone-block {
    display        : flex;
    flex-direction : column
}

.footer-phone-block__title {
    font-weight : 400;
    font-size   : 16px;
    line-height : 110%;
    color       : #ffffff
}

.footer-phone-block__link {
    display     : flex;
    align-items : center;
    font-size   : 15px;
    font-weight : 400;
    line-height : 24px;
    color       : #ffffff;
    transition  : .3s linear
}

.footer-phone-block__link:not(:last-child) {
    margin-bottom : 8px;
}

.footer-phone-block__link img {
    margin-left   : 10px;
    width         : 24px;
    height        : 24px;
    -o-object-fit : contain;
    object-fit    : contain
}

.footer-phone-block__link:hover {
    color : var(--bg-yellow)
}

.footer-copyright {
    padding-top    : 12px;
    padding-bottom : 12px;
    background     : #ffffff1a;
}

.footer-copyright-wrap {
    display         : flex;
    align-items     : center;
    justify-content : space-between;
    gap             : 16px;
    color           : #ffffff;
}

.copyright-item {
    font-size   : 14px;
    font-weight : 400;
    line-height : 20px;
}

.footer-copyright .copyright-link {
    border-bottom : 1px dashed #ffffff;
}

.footer-copyright .copyright-link:hover {
    border-bottom : none;
    color         : var(--color-red);
}

.popup-modal {
    position        : fixed;
    top             : 50%;
    left            : 50%;
    z-index         : 99999;
    width           : 100vw;
    height          : 100vh;
    padding         : 14px;
    display         : flex;
    align-items     : center;
    justify-content : center;

    transform       : translate(-50%, -50%);
    background      : rgba(0, 0, 0, 0.3);

    opacity         : 0;
    pointer-events  : none;
    transition      : all 0.3s ease;

    &.popup-open {
        opacity        : 1;
        pointer-events : initial;

        .popup-modal-wrap {
            transform  : translate(-50%, -50%) scale(1);
            opacity    : 1;
            visibility : visible;
        }
    }
}

.popup-modal-body {
    position        : relative;
    width           : 100%;
    height          : 100%;
    display         : flex;
    align-items     : center;
    justify-content : center;
}

.popup-modal-wrap {
    position      : absolute;
    top           : 50%;
    left          : 50%;
    padding       : 32px;
    z-index       : 9999;
    max-width     : 414px;
    width         : 100%;
    height        : fit-content;
    border-radius : 25px;
    background    : #ffffff;
    box-shadow    : 0 4px 24px 0 #0000001a;

    overflow      : hidden;
    transform     : translate(-50%, -50%) scale(0.5);
    opacity       : 0;
    visibility    : hidden;
    transition    : all 0.3s ease-in-out;

    &.callback-modal {
        max-width : 794px;
    }
}

.popup-modal-content {
    overflow-y : auto;
    max-height : 80vh;
}

.popup-modal-title {
    color       : #000000;
    font-size   : 32px;
    font-weight : 500;
    line-height : 36px;

    &:not(:last-child) {
        margin-bottom : 32px;
    }
}

.popup-modal-close {
    position        : absolute;
    top             : 38px;
    right           : 36px;
    z-index         : 999;
    width           : 24px;
    height          : 24px;
    display         : flex;
    align-items     : center;
    justify-content : center;
    border-radius   : 50%;
    color           : #000000;
    border          : 1px solid #000000;
    background      : #ffffff;
    transition      : all 0.3s ease;

    &::after,
    &::before {
        content    : "";
        position   : absolute;
        top        : 50%;
        left       : 50%;
        width      : 12px;
        height     : 1px;
        background : #000000;
        transform  : translate(-50%, -50%);
    }

    &::before {
        transform : translate(-50%, -50%) rotate(45deg);
    }

    &::after {
        transform : translate(-50%, -50%) rotate(-45deg);
    }

    @media (any-hover : hover) {
        &:hover {
            background : #000000;

            &::after,
            &::before {
                background : #ffffff;
            }
        }
    }

    &:focus {
        background : #000000;

        &::after,
        &::before {
            background : #ffffff;
        }
    }
}

.popup-modal-btn {
    display         : flex;
    align-items     : center;
    justify-content : center;
}

.form-popup {

}

.form-wrap {
    display               : grid;
    grid-template-columns : 1fr 1fr;
    gap                   : 30px;

    &:not(:last-child) {
        margin-bottom : 32px;
    }
}

.form-group {
    display        : flex;
    flex-direction : column;
}

.form-label {
    color       : #000000;
    font-size   : 16px;
    font-weight : 400;
    line-height : 1;

    &:not(:last-child) {
        margin-bottom : 8px;
    }

    span {
        font-size   : 16px;
        font-weight : 400;
        line-height : 1;
        color       : #e41c40;
    }
}

.form-input {
    min-height    : 50px;
    padding       : 8px 16px;
    color         : #000000;
    font-size     : 16px;
    font-weight   : 400;
    line-height   : 1;

    border-radius : 32px;
    border        : 1px solid #afc3c3;
    transition    : all 0.3s ease;

    &::placeholder {
        color : #a2a3a4;
    }

    @media (any-hover : hover) {
        &:hover,
        &:focus {
            border-color : #f5bd18;
        }
    }

    &:focus {
        border-color : #f5bd18;
    }
}

.form-btn {
    display         : flex;
    align-items     : center;
    justify-content : center;
}

.btn-send {
    display         : inline-flex;
    align-items     : center;
    justify-content : center;
    width           : fit-content;

    text-align      : center;
    white-space     : nowrap;
    outline         : none;
    box-shadow      : none;
    cursor          : pointer;
    transition      : all 0.3s ease;

    min-height      : 66px;
    padding         : 20px 48px;
    border-radius   : 50px;
    color           : #000000;
    font-size       : 18px;
    font-weight     : 500;
    line-height     : 26px;
    background      : #f5bd18;

    outline         : none !important;
    box-shadow      : none;

    &:hover,
    &:focus {
        box-shadow      : none;
        text-decoration : none;
        outline         : none !important;

        color           : #ffffff;
        background      : #e2ad11;
    }

    &:active,
    &:target {
        outline    : none;
        box-shadow : none;
    }
}

.download-price {
    &:not(:last-child) {
        margin-bottom : 32px;
    }

    .download-price-head {
        color       : #000000;
        font-size   : 16px;
        font-weight : 400;
        line-height : 1.1;

        &:not(:last-child) {
            margin-bottom : 8px;
        }
    }

    .download-price-list {}

    .download-price-item {
        display         : flex;
        align-items     : center;
        justify-content : space-between;
        gap             : 8px;
        min-height      : 50px;
        padding         : 8px 16px;
        border-radius   : 32px;
        border          : 1px solid #000000;

        &::after {
            content     : "";
            display     : block;
            flex-shrink : 0;
            width       : 12px;
            height      : 8px;
            background  : url("data:image/svg+xml,<svg width=\"12\" height=\"8\" viewBox=\"0 0 12 8\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M11 1.5L6 6.5L1 1.5\" stroke=\"black\" stroke-width=\"1.5\"/></svg>") center no-repeat;
        }


    }
}

.custom-select {
    position : relative;
    display  : inline-block;
    width    : 100%;
    cursor   : pointer;
}

.services-categories-select.styler {
    .jq-selectbox__select {
        border-color : #000000;
    }

    .jq-selectbox__select-text {
        color : #000000;
    }
}

.custom-select-trigger {
    display         : flex;
    align-items     : center;
    justify-content : space-between;
    gap             : 8px;
    min-height      : 50px;
    padding         : 8px 16px;
    border-radius   : 32px;
    border          : 1px solid #000000;

    color           : #000000;
    font-size       : 16px;
    font-weight     : 400;
    line-height     : 1;

    &::after {
        content     : "";
        display     : block;
        flex-shrink : 0;
        width       : 12px;
        height      : 8px;
        background  : url("data:image/svg+xml,<svg width=\"12\" height=\"8\" viewBox=\"0 0 12 8\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M11 1.5L6 6.5L1 1.5\" stroke=\"black\" stroke-width=\"1.5\"/></svg>") center no-repeat;
        transition  : all 0.3s ease;
    }
}


.custom-options {
    position         : absolute;
    z-index          : 10;
    top              : calc(100% + 2px);
    left             : 0;
    width            : 100%;
    padding          : 4px;
    display          : flex;
    flex-direction   : column;
    row-gap          : 4px;
    background-color : #ffffff;
    border           : 1px solid rgba(0, 0, 0, 0.3);
    border-radius    : 16px;
    transform        : translateY(-10px);
    opacity          : 0;
    pointer-events   : none;
    transition       : all 0.3s ease;
}

.custom-option {
    padding          : 10px;
    background-color : #ffffff;
    border-radius    : 12px;
    color            : #000000;
    font-size        : 16px;
    font-weight      : 400;
    line-height      : 1;
    cursor           : pointer;
    transition       : all 0.3s ease;
}

.custom-option:hover {
    background-color : #f5bd18;
    color            : #ffffff;
}

.custom-select.open {
    .custom-select-trigger::after {
        transform : rotate(-180deg);
    }

    .custom-options {
        opacity        : 1;
        pointer-events : initial;
        transform      : translateY(0);
    }
}

#download-link {
    &.disabled {
        pointer-events : none;
        opacity        : 0.8;
    }
}

.lk-sum {
    margin-top : 112px
}

.lk-sum__close {
    display : none
}

.lk-sum__wrapper {
    display        : flex;
    flex-direction : column;
    align-items    : flex-start
}

.lk-sum__title {
    font-weight : 400;
    font-size   : 18px;
    line-height : 120%;
    color       : #ffffff
}

.lk-sum__text {
    text-align : center;
    font-size  : 16px;
    color      : #ffffff
}

.lk-sum__calendar {
    margin-top    : 12px;
    border        : 1px solid #afc4c4;
    border-radius : 10px;
    min-height    : 41px;
    background    : 0 0;
    display       : flex;
    align-items   : center;
    width         : 100%;
    max-width     : 200px;
    padding       : 0 15px
}

.lk-sum__calendar input {
    color      : #ffffff;
    fill       : #ffffff;
    width      : 100%;
    background : 0 0
}

.lk-sum__calendar input::-moz-placeholder {
    color : #ffffff
}

.lk-sum__calendar input::placeholder {
    color : #ffffff
}

.lk-sum__number {
    font-weight : 500;
    font-size   : 36px;
    line-height : 120%;
    margin-top  : 12px;
    color       : #ffffff
}

.lk-sum__btn {
    font-weight : 500;
    font-size   : 14px;
    line-height : 150%;
    box-shadow  : none;
    margin      : 10px 0;
    padding     : 10px 15px
}

.lk-sum__global-sum {
    display        : flex;
    flex-direction : column
}

.lk-sum__global-sum strong {
    color     : #ffffff;
    font-size : 20px
}

.lk-sum__global-sum span {
    font-size   : 18px;
    font-weight : 500;
    padding     : 10px 0;
    color       : var(--bg-yellow)
}

.lk-sum-menu {
    width : 100%
}

.lk-sum-menu__item {
    display       : flex;
    align-items   : center;
    padding       : 20px 10px;
    border-bottom : 1px solid var(--border-green)
}

.lk-sum-menu__item:hover {
    background : var(--bg-yellow)
}

.lk-sum-menu__item:hover .lk-sum-menu__link {
    color : #ffffff
}

.lk-sum-menu__link {
    font-weight     : 500;
    font-size       : 20px;
    line-height     : 150%;
    color           : #ffffff;
    text-decoration : none;
    transition      : .3s linear
}

.home-one-block {
    padding-top : 43px
}

.home-one-block__wrapper {
    display         : flex;
    align-items     : center;
    justify-content : space-between;
    position        : relative
}

.home-one-block__content {
    width     : 100%;
    max-width : 655px
}

.home-one-block__img {
    position : absolute;
    width    : 596px;
    height   : 489px;
    top      : -113px;
    right    : -280px
}

.home-one-block__img img {
    width         : 100%;
    height        : 100%;
    -o-object-fit : contain;
    object-fit    : contain
}

.home-one-block__title {
    font-weight : 500;
    font-size   : 42px;
    line-height : 100%;
    font-family : var(--font2)
}

.home-one-block__title .yellow-line:before {
    width  : 211px;
    height : 63px;
    top    : 50%
}

.home-one-block__btn {
    margin-top : 50px
}

.home-one-block__btn .btn {
    max-width     : 369px;
    width         : 100%;
    font-weight   : 500;
    font-size     : 18px;
    line-height   : 150%;
    margin-bottom : 15px;
    color         : #000000;

}

.home-one-block__btn .btn:last-child {
    margin-bottom : 0
}

.home-descript-block {
    margin-top    : 98px;
    margin-bottom : 125px
}

.home-descript-block__wrapper {
    background     : linear-gradient(0deg, #fff177 50%, #a7d9ef 50%);
    border-radius  : 50px;
    padding-top    : 51px;
    padding-bottom : 60px
}

.home-descript-block__wrapper.active .home-descript-block__img {
    animation-name      : pulse;
    animation-delay     : 1s;
    animation-duration  : 0.4s;
    opacity             : 0;
    animation-fill-mode : forwards;
}

.home-descript-block__content {
    display         : flex;
    align-items     : stretch;
    justify-content : space-between;
    gap             : 24px;
}

.home-descript-block__left {
    min-width : 445px
}

.home-descript-block__title {
    font-weight : 500;
    font-size   : 36px;
    line-height : 110%;
    font-family : var(--font2)
}

.home-descript-block__title b {
    display     : block;
    font-size   : 48px;
    line-height : 52px
}

.home-descript-block__img {
    opacity         : 0;
    margin-top      : 58px;
    width           : fit-content;
    display         : flex;
    align-items     : center;
    justify-content : center;
    margin-right    : auto;
}

.home-descript-block__img img {
    width         : 400px;
    height        : 400px;
    -o-object-fit : contain;
    object-fit    : contain;
    animation     : spin 8s linear infinite 0.5s;
}

.home-descript-block__text {
    max-width   : 539px;
    font-weight : 400;
    font-size   : 16px;
    line-height : 150%;
    margin-top  : 32px
}

.home-descript-block__text p {
    padding-bottom : 25px
}

.home-descript-block__text a {
    font-family   : var(--font2);
    font-weight   : 500;
    font-size     : 18px;
    line-height   : 21px;
    margin-top    : 33px;
    border-bottom : 1px dashed #000000;
    transition    : .3s linear
}

.home-descript-block__text a:hover {
    border-bottom-color : transparent;
    color               : var(--color-red)
}

.home-propagate-troubles {
    position      : relative;
    margin-bottom : 90px;
    overflow      : hidden;
}

.home-propagate-troubles__title {
    font-weight : 500;
    font-size   : 40px;
    line-height : 110%;
    font-family : var(--font2)
}

.home-propagate-troubles__title .yellow-line:before {
    width  : 202px;
    height : 75px
}

.home-propagate-troubles__content.swiper-wrapper {
    position              : relative;
    padding-top           : 61px;
    display               : grid;
    grid-template-columns : repeat(4, 1fr);
    gap                   : 30px;
}

.home-propagate-troubles--decor {
    position  : absolute;
    width     : 100%;
    height    : 100%;
    max-width : 1520px;
    top       : 50%;
    left      : 50%;
    transform : translate(-50%, -50%);
    pointer-events: none;
}

.home-propagate-troubles--decor img {
    width         : 100%;
    height        : 100%;
    -o-object-fit : contain;
    object-fit    : contain
}

.home-propagate-troubles__item {
    position       : relative;
    display        : flex;
    flex-direction : column;
    min-height     : 100%;
    height         : auto !important;
}

.home-propagate-troubles__item.green .home-propagate-troubles__item--wrapper {
    background : #f1fbfb
}

.home-propagate-troubles__item.red .home-propagate-troubles__item--wrapper {
    background : #fff5f6
}

.home-propagate-troubles__item--img {
    position      : absolute;
    width         : 100px;
    height        : 100px;
    border-radius : 50%;
    border        : 6px solid #f1fbfb;
    top           : 0;
    left          : 0
}

.home-propagate-troubles__item--img img {
    width         : 100%;
    height        : 100%;
    border-radius : 50%;
    -o-object-fit : contain;
    object-fit    : contain
}

.home-propagate-troubles__item--wrapper {
    display : flex;
    flex-direction : column;
    margin-top    : 44px;
    padding       : 70px 20px 35px 20px;
    border-radius : 0 25px 25px 25px;
    flex-grow     : 1;
}

.home-propagate-troubles__item--title {
    font-weight : 700;
    font-size   : 14px;
    line-height : 1.4;
    font-family : var(--font2);
    color       : #4e5f5f;
}

.home-propagate-troubles__item--title:not(:last-child) {
    margin-bottom : 12px;

}

.home-propagate-troubles__item--text {
    font-weight : 400;
    font-size   : 14px;
    line-height : 1.4;
    color       : #4e5f5f
}

.home-propagate-troubles__item--text:not(:last-child) {
    margin-bottom : 12px;

}

.home-propagate-troubles__item--link {
    margin-top : auto;
    display     : inline-flex;
    align-items : center;
    gap: 6px;
    font-size : 14px;
    font-weight : 500;
    color: #6CC9CA;
    transition: color 0.3s ease;
}

.home-propagate-troubles__item--link:hover {
    color: var(--bs-black);
}

.home-propagate-troubles__item--link:hover .icon svg{
    fill: var(--bs-black);
}


.home-propagate-troubles__item--link .icon {
    transform: rotate(-90deg);
    width : 16px;
    height : 16px;
    flex-shrink: 0;
    color: #6CC9CA;

    svg {
        transition: fill 0.3s ease;
        fill: #6CC9CA;
    }

}

.home-interest-publications__wrapper {
    background     : #7ac8cb;
    border-radius  : 50px;
    padding-top    : 90px;
    padding-bottom : 90px;
    overflow       : hidden;
}

.home-interest-publications__content {
    display         : flex;
    flex-direction  : column;
    align-items     : center;
    justify-content : center;
}

.home-interest-publications__title {
    display     : flex;
    align-items : flex-end;
    font-weight : 500;
    font-size   : 40px;
    text-align  : center;
    line-height : 1.4;
    color       : #ffffff;
    font-family : var(--font2)
}

.home-interest-publications__title:not(:last-child) {
    margin-bottom : 56px;
}

.home-interest-publications__link {
    padding-bottom : 2px;
    margin-top     : 56px;
    font-size      : 18px;
    font-weight    : 500;
    line-height    : 26px;
    font-family    : var(--font2);
    color          : #ffffff;
    text-transform : uppercase;
    border-bottom  : 1px dashed #ffffff;
    margin-left    : auto;
    margin-right   : auto;
    transition     : .3s linear
}

.home-interest-publications__link:hover {
    border-bottom-color : transparent;
    color               : var(--color-red)
}

.home-interest-publications__items.swiper-wrapper {
    display               : grid;
    grid-template-columns : repeat(4, 1fr);
    gap                   : 30px;
}

.home-interest-publications__item {
    --color        : #ffffff;
    display        : flex;
    flex-direction : column;
    border         : 2px solid #ffffff;
    border-radius  : 25px;
    padding        : 28px 24px;
    color          : var(--color);
    transition     : all .3s ease;
    height         : auto !important;
}

.home-interest-publications__item:hover {
    --color    : #4e5f5f;
    background : #ffffff;
}

.home-interest-publications__item:hover .home-interest-publications__item--title {
    color : #000000;
}

.home-interest-publications__item--date {
    font-weight : 400;
    font-size   : 12px;
    line-height : 150%;
    color       : var(--color);
    opacity     : .6;
    transition  : color .3s ease;
}

.home-interest-publications__item--title {
    font-weight    : 500;
    font-size      : 18px;
    line-height    : 110%;
    font-family    : var(--font2);
    letter-spacing : .04em;
    color          : var(--color);
    padding        : 16px 0;
    transition     : color .3s ease;
}

.home-interest-publications__item--text {
    font-weight : 400;
    font-size   : 14px;
    line-height : 150%;
    color       : var(--color);
    transition  : color .3s ease;

    width       : 100%;
    word-break  : break-all;
    white-space : normal;
}

.home-services-goods {
    margin-top    : 110px;
    margin-bottom : 128px
}

.home-services-goods__wrapper {
    display        : flex;
    flex-direction : column;
    align-items    : center;
    row-gap        : 120px;
}

.home-services-goods__title {
    margin-left  : auto;
    margin-right : auto;
    max-width    : 650px;
    font-weight  : 500;
    font-size    : 40px;
    line-height  : 1.4;
    text-align   : center;
    font-family  : var(--font2)
}

.home-services-goods__title .yellow-line:before {
    width  : 164px;
    height : 63px
}

.home-services-goods__services {
    width          : 100%;
    display        : flex;
    flex-direction : column;
    align-items    : center;
}

.home-services-goods__goods {
    width : 100%;
}

.home-services {
    margin-top     : 37px;
    display        : flex;
    flex-direction : column;
    align-items    : flex-start
}

.home-services__items {
    display               : grid;
    grid-template-columns : repeat(4, 1fr);
    gap                   : 20px 30px;
}

.home-services__item {
    padding        : 24px;
    display        : flex;
    flex-direction : column;
    align-items    : center;
    row-gap        : 10px;
    cursor         : pointer;

    &:nth-child(8n + 1) .image::before {
        background : #ffd3b180;
    }

    &:nth-child(8n + 2) .image::before {
        background : #cceeee80;

    }

    &:nth-child(8n + 3) .image::before {
        background : #c7cce6;

    }

    &:nth-child(8n + 4) .image::before {
        background : #fbfba080;
    }

    &:nth-child(8n + 5) .image::before {
        background : #eedecc80;
    }

    &:nth-child(8n + 6) .image::before {
        background : #e4e9c580;
    }

    &:nth-child(8n + 7) .image::before {
        background : #d7eecc80;
    }

    &:nth-child(8n + 8) .image::before {
        background : #e8cccb80;
    }
}

.home-services__item .image {
    position        : relative;
    width           : 125px;
    height          : 125px;
    display         : flex;
    align-items     : center;
    justify-content : center;
}

.home-services__item .image::before {

    content       : "";
    position      : absolute;
    top           : 50%;
    left          : 50%;
    width         : 87px;
    height        : 108px;
    border-radius : 50%;
    transform     : translate(-50%, -50%);
}

.home-services__item img {
    position      : relative;
    z-index       : 5;
    width         : 100%;
    height        : 100%;
    -o-object-fit : contain;
    object-fit    : contain
}

.home-services__item span {
    position       : relative;
    font-weight    : 500;
    font-size      : 18px;
    line-height    : 1.1;
    text-transform : uppercase;
    font-family    : var(--font2);
    text-align     : center;
    border-bottom  : 1px dashed #000000;
    /*overflow           : hidden;*/
    /*display            : -webkit-box;*/
    /*-webkit-line-clamp : 1;*/
    /*-webkit-box-orient : vertical;*/
    /*text-overflow      : ellipsis;*/
    /*word-break         : break-word;*/
    transition     : color 0.3s ease;


    &::after {
        content    : "";
        position   : absolute;
        top        : 50%;
        left       : calc(100% + 6px);
        width      : 17px;
        height     : 17px;
        transform  : translateY(-50%);
        transition : all 0.3s ease;
        opacity    : 0;
        visibility : hidden;
        background : url("data:image/svg+xml,<svg width=\"17\" height=\"17\" viewBox=\"0 0 17 17\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M11.1688 6.77614L5.43109 12.5139L4.48828 11.5711L10.226 5.83333H5.16883V4.5H12.5021V11.8333H11.1688V6.77614Z\" fill=\"%23E41C40\"/></svg>") center no-repeat;
    }
}

.telegramLink {
    background    : #f5bd1833 !important;
    border-radius : 50%;
    box-sizing    : border-box;

    &::before {
        content          : "";
        position         : absolute;
        top              : 50%;
        left             : 50%;
        width            : calc(100% - 20px);
        height           : calc(100% - 20px);
        z-index          : -1;
        border-radius    : 50%;
        transform        : translate(-50%, -50%);
        background-color : #f5bd18;
    }
}

.home-services__item:hover span, input[type="radio"]:checked + .home-services__item span {
    color        : #e41c40;
    border-color : #e41c40;

    /*&::after {*/
    /*    opacity    : 1;*/
    /*    visibility : visible;*/
    /*}*/
}

.home-services__btn {
    margin-left   : auto;
    margin-right  : auto;
    margin-top    : 25px;
    background    : #e41c40;
    box-shadow    : 0 14px 25px #ff9e9e;
    border-radius : 50px;
    padding       : 20px 48px;
    font-weight   : 500;
    font-size : 18px;
    line-height   : 150%;
    color         : #ffffff;
    font-family   : var(--font2);
    transition    : .3s linear
}

.home-services__btn:hover {
    background : #bc1432
}

.home-goods {
    margin-top : 37px
}

.home-goods__items {
    display               : grid;
    grid-template-columns : repeat(2, 1fr);
    gap                   : 20px;
}

.home-goods__item {
    display       : flex;
    align-items   : center;
    padding       : 20px;
    border-radius : 25px;
    background    : #f1fbfb;
    gap           : 12px 20px;
}

.home-goods__item img {
    border-radius : 50%;
    width         : 125px;
    height        : 125px;
    border        : 1px solid #cacdcd80;
}

.home-goods__item span {
    font-weight : 500;
    font-size   : 24px;
    line-height : 28px;
    font-family : var(--font2)
}

.home-current-issues {
    margin-bottom : 110px
}

.home-current-issues__title {
    text-align: center;
    font-weight : 500;
    font-size   : 40px;
    line-height : 110%;
    font-family : var(--font2)
}

.home-current-issues__title .yellow-line:before {
    width  : 170px;
    height : 66px
}

.home-current-issues__items {
    margin-top     : 70px;
    display        : flex;
    flex-direction : column;
    margin-bottom  : -20px
}

.home-current-issues__items .home-current-issues-item {
    margin-bottom : 20px
}

.home-current-issues-item {
    border-bottom : 1px solid #dcdcdc
}

.home-current-issues-item__header {
    display         : flex;
    align-items     : center;
    justify-content : space-between;
    padding-bottom  : 30px;
    cursor          : pointer
}

.home-current-issues-item__header.js-active .home-current-issues-item__title {
    color : var(--color-red)
}

.home-current-issues-item__header.js-active .home-current-issues-item__btn .icon svg {
    fill : var(--color-red)
}

.home-current-issues-item__header:hover .home-current-issues-item__title {
    color : var(--color-red)
}

.home-current-issues-item__header:hover .home-current-issues-item__btn .icon svg {
    fill : var(--color-red)
}

.home-current-issues-item__title {
    font-weight : 500;
    font-size   : 24px;
    line-height : 110%;
    font-family : var(--font2);
    transition  : .3s linear
}

.home-current-issues-item__btn {
    width    : 24px;
    height   : 24px;
    position : relative
}

.home-current-issues-item__btn .icon {
    position   : absolute;
    top        : 0;
    left       : 0;
    width      : 100%;
    height     : 100%;
    opacity    : 0;
    visibility : hidden;
    transition : .3s linear
}

.home-current-issues-item__btn .icon.js-active {
    opacity    : 1;
    visibility : visible
}

.home-current-issues-item__btn .icon svg {
    transition : .3s linear
}

.home-current-issues-item__content {
    padding-bottom : 30px;
    display        : none;
    font-weight    : 400;
    font-size      : 16px;
    line-height    : 150%;
    color          : #878787;

    a {
        color           : var(--color-red);
        text-decoration : underline;
        transition      : color 0.3s ease;

        &:hover,
        &:focus {
            color : #bd0b2b;
        }
    }
}

.about-us-global-page {
    padding-top   : 14px;
    margin-bottom : 16px
}

.about-us-global-page .text-editor p {
    font-weight : 400;
    font-size   : 16px;
    line-height : 148%
}

.about-us-global-page .text-editor ul {
    padding     : 31px 0;
    width       : 100%;
    max-width   : 825px;
    margin-left : 50px
}

.about-us-global-page .text-editor ul li {
    padding-left   : 45px;
    padding-bottom : 20px;
    font-weight    : 400;
    font-size      : 16px;
    line-height    : 150%;
    position       : relative;
    margin-left : 0;
}

.about-us-global-page .text-editor ul li:before {
    position   : absolute !important;
    width      : 19px !important;
    height     : 28px !important;
    content    : "" !important;
    background-image : url(../img/check-grey.svg) !important;
    background-size: contain;
    background-repeat: no-repeat;
    left       : 0 !important;
    top        : 6px !important
}

.about-us-global-page__title {
    text-align : center;
    /*font-weight : 500;*/
    /*font-size   : 48px;*/
    /*line-height : 110%;*/
    /*font-family : var(--font2)*/
}

.about-us-global-page__subtitle {
    text-align  : center;
    padding     : 35px 0;
    font-weight : 500;
    font-size   : 36px;
    line-height : 110%;
    font-family : var(--font2)
}

.about-us-global-page__quote {
    margin-bottom : 60px;
    font-weight   : 500;
    font-size     : 32px;
    line-height   : 110%;
    font-family   : var(--font2);
    padding       : 35px 17px;
    background    : #f1fbfb;
    border-radius : 50px
}

.about-us-certificate__title {
    font-weight    : 500;
    font-size      : 36px;
    line-height    : 110%;
    font-family    : var(--font2);
    padding-bottom : 35px
}

.about-us-certificate__content {
    margin          : 0 -15px;
    display         : flex;
    align-items     : stretch;
    justify-content : flex-start;
    flex-wrap       : wrap;
    margin-bottom   : -30px
}

.about-us-certificate__item {
    margin        : 0 15px;
    width         : calc(50% - 30px);
    margin-bottom : 30px
}

.about-us-certificate__item img {
    width : 100%
}

.contact-global-page {
    padding-bottom : 100px
}

.contact-global-page__content {
    display         : flex;
    align-items     : center;
    justify-content : space-between;
    margin-top      : 35px
}

.contact-global-page__col {
    margin-right : 0;
    flex-shrink  : 0;
    width        : 475px;
}

.contact-global-page__map {
    min-width : calc(100vw - 475px);
    height    : 544px
}

.contact-global-page__map iframe {
    width  : 100%;
    height : 100%;
}

.contact-global-page__map img {
    width         : 100%;
    height        : 100%;
    -o-object-fit : contain;
    object-fit    : contain
}

.contact-item {
    display        : flex;
    flex-direction : column
}

.contact-item.work {
    margin-top : 40px
}

.contact-item.email {
    margin-top : 40px
}

.contact-item.adress {
    max-width  : 285px;
    margin-top : 40px
}

.contact-item__title {
    font-weight    : 400;
    font-size      : 14px;
    line-height    : 150%;
    color          : #b6b6b6;
    padding-bottom : 12px
}

.contact-item__phone {
    display       : flex;
    align-items   : center;
    font-weight   : 400;
    font-size     : 16px;
    line-height   : 24px;
    margin-bottom : 5px
}

.contact-item__phone img {
    margin-left   : 10px;
    width         : 24px;
    height        : 24px;
    -o-object-fit : contain;
    object-fit    : contain
}

.contact-item__phone.bot {
    margin-top : 28px
}

.services-price-global-page {
    margin-bottom : 110px
}

.services-price-global-page__title {
    text-align : center;

    &:not(:last-child) {
        margin-bottom : 40px;
    }
}

.services-price-global-page__wrapper {
    .services-price-global-page__wrapper--table {
        display         : block;
    }
    .jq-selectbox {
        max-width : 100%;
    }
}

.services-price-global-page__wrapper--table {
    padding-top    : 25px;
    padding-bottom : 25px;
    display : none;

    .jq-selectbox {
        max-width : 100%;
    }
}

[data-controller="swiper"] {
    width : 100%;
}

#animal-form {
    margin-top : 12px;
}

.form-inner {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 16px;

    &:not(:last-child) {
        margin-bottom: 16px;
    }

    &:has(#animal-year[type="radio"]:checked) {
        .form-group-year {
            display: block;
        }
    }

    &:has(#animal-day[type="radio"]:checked) {
        .form-group-day {
            display: block;
        }
    }

    .form-inner__top {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        row-gap: 12px;

        &:not(:last-child) {
            margin-bottom: 12px;
        }
    }

    .form-inner__item {
        width: 50%;
        display: flex;
        align-items: center;
        gap: 12px;
    }

    .form-group {
        width: 100%;
        display: none;

        &:not(:last-child) {
            margin-bottom: 0;
        }
    }
}

@media (max-width: 992px) {
    .form-inner .form-inner__item {
        width : 100%;
    }
}


.home-services__list {
    display        : flex;
    overflow       : auto;
    /*display               : grid;*/
    /*grid-template-columns : repeat(4, 1fr);*/
    gap            : 20px 30px;
    padding-bottom : 6px;
    cursor: grab;

    &,
    * {
        scrollbar-color : auto;
        scrollbar-width : auto;
    }

    &::-webkit-scrollbar,
    *::-webkit-scrollbar {
        width  : 4px;
        height : 4px;
    }

    &::-webkit-scrollbar-button,
    *::-webkit-scrollbar-button {
        display : none;
    }

    &::-webkit-scrollbar-track,
    *::-webkit-scrollbar-track {
        background : #f1fbfb;
    }

    &::-webkit-scrollbar-track-piece,
    *::-webkit-scrollbar-track-piece {
        background : #f1fbfb;
    }

    &::-webkit-scrollbar-thumb,
    *::-webkit-scrollbar-thumb {
        background    : #7ac8cb;
        border-radius : 99px;
    }

    &::-webkit-scrollbar-corner,
    *::-webkit-scrollbar-corner {
        background : #f1fbfb;
    }

    &:not(:last-child) {
        margin-bottom : 24px;
    }

    label {
        flex-shrink : 0;
        cursor: grabbing;
    }
}

.services-categories-select {
    width : 100%;

    &:not(:last-child) {
        margin-bottom : 40px;
    }
}

.table-content {
    display : flex;
    width   : 100%;
}

.services-price-global-page__table {
    width    : 100%;
    overflow : auto;
}

.services-price-global-page__table thead th {
    font-size     : 12px;
    font-weight   : 400;
    line-height   : 16px;
    /*text-align    : left;*/
    color         : #b6b6b6;
    padding       : 16px 12px 16px 0;
    border-bottom : 1px solid #b6b6b6;
    text-align    : center;

    th {
        padding-bottom : 16px;
        border-bottom  : 1px solid #b6b6b6;
    }

    &:nth-child(2) {
        text-align : left;
    }

    /*th:nth-child(1) {*/
    /*    min-width : 95px;*/
    /*    min-width : 95px;*/
    /*}*/

    /*th:nth-child(2) {*/
    /*    !*width : 380px;*!*/
    /*    min-width : 34%;*/
    /*    width     : 34%;*/
    /*}*/

    /*th:nth-child(3) {*/
    /*    !*width : 190px;*!*/
    /*    min-width : 17%;*/
    /*    width     : 17%;*/
    /*}*/

    /*th:nth-child(4) {*/
    /*    !*width : 190px;*!*/
    /*    min-width : 17%;*/
    /*    width     : 17%;*/
    /*}*/

    /*th:nth-child(5) {*/
    /*    !*width : 255px;*!*/
    /*    width : 100%;*/
    /*}*/
}

.services-price-global-page__table thead tr td {
    padding-bottom : 8px;
    border-bottom  : 1px solid #b6b6b6;
    vertical-align : middle;
}

.services-price-global-page__table thead tr td:nth-child(1),
.services-price-global-page__table thead tr td:nth-child(3),
.services-price-global-page__table thead tr td:nth-child(4)  {
    text-align     : center;
}


.services-price-global-page__table tbody tr td {
    font-size      : 14px;
    padding        : 20px 14px 30px 0;
    vertical-align : middle;
    text-align     : center;
}

.services-price-global-page__table tbody tr td:nth-child(1) {
    width       : 60px;
    font-weight : 400;
    font-size   : 14px;
    line-height : 150%;
    color       : #000000;
    white-space : nowrap;
}

.services-price-global-page__table tbody tr td:nth-child(2) {
    font-weight : 400;
    line-height : 150%;
    text-align  : left;
}

.services-price-global-page__table tbody tr td:nth-child(3) {
    font-weight : 400;
    line-height : 150%
}

.services-price-global-page__table tbody tr td:nth-child(4) {
    font-weight : 400;
    line-height : 150%
}

.services-price-global-page__table tbody tr td:nth-child(5) {
    font-weight : 400;
    line-height : 150%;
    width       : 245px;

    .btn-link {
        margin-left: auto;
        margin-right: auto;
    }
}

.js-categories-select {
    overflow : auto;

    &::before {
        content          : "";
        position         : fixed;
        z-index          : 1000;
        top              : 50%;
        left             : 50%;
        width            : 100vw;
        height           : 100vh;
        transform        : translate(-50%, -50%);
        background-color : rgba(0, 0, 0, 0.2);
        opacity          : 0;
        visibility       : hidden;
        transition       : all 0.3s ease;
    }

    &:has(.services-item.active) {
        &::before {
            opacity    : 1;
            visibility : visible;
        }
    }
}

body:has(.services-item.active) {

    overflow : hidden;
}

.services-item {
    position      : relative;
    transition    : all 0.3s ease;
    border-bottom : 1px solid #b6b6b6;

    &.active {
        border-bottom : 1px solid transparent;

        .table-hover {
            opacity        : 1;
            pointer-events : initial;
            transform      : translate(-50%, -50%) scale(1);
        }


        .icon-services span {
            background : var(--color-red);
        }
    }

    /*&:hover,*/
    /*&:focus {*/
    /*    border-bottom : 1px solid transparent;*/

    /*    .table-hover {*/
    /*        opacity        : 1;*/
    /*        pointer-events : initial;*/
    /*        !*transform      : translateY(0);*!*/
    /*    }*/
    /*}*/

    /*&:has(td:nth-child(5)) {*/
    /*    td:nth-child(4) {*/
    /*        min-width : 17%;*/
    /*        width     : 17%;*/
    /*    }*/

    /*    td:nth-child(5) {*/
    /*        width : 100%;*/
    /*    }*/
    /*}*/

    /*td:nth-child(1) {*/
    /*    width     : 95px;*/
    /*    min-width : 95px;*/
    /*}*/

    /*td:nth-child(2) {*/
    /*    !*width : 380px;*!*/
    /*    min-width : 34%;*/
    /*    width     : 34%;*/
    /*}*/

    /*td:nth-child(3) {*/
    /*    !*width : 190px;*!*/
    /*    min-width : 17%;*/
    /*    width     : 17%;*/
    /*}*/

    /*td:nth-child(4) {*/
    /*    !*width : 190px;*!*/
    /*    width : 100%;*/
    /*}*/

    /*td:nth-child(5) {*/
    /*    !*width : 255px;*!*/
    /*    width : 100%;*/
    /*}*/
}

.services-item .icon-services {
    display         : inline-flex;
    align-items     : center;
    justify-content : center;
    width           : 24px;
    height          : 102px;
    flex-shrink     : 0;
    /*margin-left     : auto;*/
    background      : url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 1.75C17.6609 1.75 22.25 6.33908 22.25 12C22.25 17.6609 17.6609 22.25 12 22.25C6.33908 22.25 1.75 17.6609 1.75 12C1.75 6.33908 6.33908 1.75 12 1.75ZM12 2.25C6.61522 2.25 2.25 6.61522 2.25 12C2.25 17.3848 6.61522 21.75 12 21.75C17.3848 21.75 21.75 17.3848 21.75 12C21.75 6.61522 17.3848 2.25 12 2.25ZM12 10.75C12.1381 10.75 12.25 10.8619 12.25 11V17C12.25 17.1381 12.1381 17.25 12 17.25C11.8619 17.25 11.75 17.1381 11.75 17V11C11.75 10.8619 11.8619 10.75 12 10.75ZM12 7.5C12.2761 7.5 12.5 7.72386 12.5 8C12.5 8.27614 12.2761 8.5 12 8.5C11.7239 8.5 11.5 8.27614 11.5 8C11.5 7.72386 11.7239 7.5 12 7.5Z\" stroke=\"%236CC9CA\"/></svg>") center no-repeat;
    transition      : transform 0.3s;
    font-size       : 0;
    color           : transparent;
    cursor          : pointer;
}

.table-actions {
    display       : flex;
    align-items   : center;
    justify-content: space-between;
    gap           : 8px;
    border-bottom : none !important;
}

.table-hover {
    position       : fixed;
    z-index        : 10000;
    top            : 50%;
    left           : 50%;
    width          : calc(100% - 30px);
    max-width      : 762px;
    padding        : 32px !important;
    background     : #ffffff;
    opacity        : 0;
    display        : flex;
    flex-direction : column;
    pointer-events : none;
    box-shadow     : 0 0 16px 4px rgba(0, 0, 0, 0.02);
    transform      : translate(-50%, -50%) scale(0.8);
    transition     : all 0.3s ease;
    overflow       : auto;
    max-height     : 98%;

    /*&:has(.table-hover-item:nth-child(3)) {*/
    /*    display               : grid;*/
    /*    grid-template-columns : 25% 25% 25% 25%;*/
    /*    align-items           : start;*/

    /*    .table-hover-item {*/
    /*        width : 100%;*/
    /*    }*/
    /*}*/


    .table-hover-close {
        position      : absolute;
        top           : 20px;
        right         : 20px;
        width         : 28px;
        height        : 28px;
        border-radius : 50%;
        border        : 1px solid #000000;
        transition    : all 0.3s;
        cursor        : pointer;

        @media (any-hover : hover) {
            &:hover {
                background   : var(--text-turquoise);
                border-color : var(--text-turquoise);

                &::before,
                &::after {
                    background : var(--white-color);
                }
            }
        }

        &::before,
        &::after {
            content    : "";
            position   : absolute;
            top        : 50%;
            left       : 50%;
            transform  : translate(-50%, -50%);
            width      : 10px;
            height     : 1px;
            background : #000000;
            transition : background 0.3s;
        }

        &::before {
            transform : translate(-50%, -50%) rotate(45deg);
        }

        &::after {
            transform : translate(-50%, -50%) rotate(-45deg);
        }
    }


    .hover-title {
        color       : #000000;
        text-align  : center;
        font-weight : 500;
        line-height : 1.12;
        font-size   : 32px;


        &:not(:last-child) {
            margin-bottom : 16px;
        }
    }

    .hover-text {
        color       : #000000;
        text-align  : center;
        font-size   : 18px;
        font-weight : 500;
        line-height : 1.11;

        &:not(:last-child) {
            margin-bottom : 32px;
        }
    }

    .table-hover-item {
        width         : 100%;
        /*padding : 20px 16px 30px;*/

        border-bottom : 1px solid #e4e9e9;

        &:first-child {
            border-top : 1px solid #e4e9e9;
        }

        &.accordion-open {
            .table-hover-title::before {
                transform : translateX(-75%) rotate(-40deg);
            }

            .table-hover-title::after {
                transform : rotate(40deg);
            }
        }
    }

    .table-hover-title {
        color       : #000000;
        width       : 100%;
        text-align  : left;

        padding     : 12px 0;
        position    : relative;
        list-style  : none;
        font-weight : 500;
        line-height : 1.3;
        font-size   : 24px;
        cursor      : pointer;
    }

    .table-hover-title::before,
    .table-hover-title:after {
        content          : "";
        position         : absolute;
        right            : 0;
        top              : 50%;
        background-color : #000000;
        height           : 2px;
        width            : 8px;
        transition       : transform 0.5s ease 0s;
    }

    .table-hover-title::before {
        transform : translate(-75%, -50%) rotate(40deg);
    }

    .table-hover-title::after {
        transform : translate(0, -50%) rotate(-40deg);
    }

    .table-hover-text {
        /*max-height  : 232px;*/
        /*overflow-y  : auto;*/
        /*overflow-x  : hidden;*/
        /*font-size   : 14px;*/
        /*font-weight : 400;*/
        /*line-height : 1.3;*/
        /*color       : #000000;*/

        padding     : 8px 0 16px;
        color       : #4e5f5f;
        font-size   : 14px;
        font-weight : 400;
        line-height : 1.42;
        text-align  : left;
        display     : none;

        p,
        img {
            &:not(:last-child) {
                margin-bottom : 8px;
            }
        }


        &, * {
            scrollbar-color : auto;
            scrollbar-width : auto;
        }

        /*&::-webkit-scrollbar,*/
        /**::-webkit-scrollbar {*/
        /*    width  : 4px;*/
        /*    height : 4px;*/
        /*}*/

        /*&::-webkit-scrollbar-button,*/
        /**::-webkit-scrollbar-button {*/
        /*    display : none;*/
        /*}*/

        /*&::-webkit-scrollbar-track,*/
        /**::-webkit-scrollbar-track {*/
        /*    background : linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 33.333%, rgba(27, 18, 3, 0.08) 33.333%, rgba(27, 18, 3, 0.08) 66.666%, rgba(255, 255, 255, 0) 66.666%, rgba(255, 255, 255, 0) 100%);*/
        /*}*/

        /*&::-webkit-scrollbar-track-piece,*/
        /**::-webkit-scrollbar-track-piece {*/
        /*    background : linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 33.333%, rgba(27, 18, 3, 0.08) 33.333%, rgba(27, 18, 3, 0.08) 66.666%, rgba(255, 255, 255, 0) 66.666%, rgba(255, 255, 255, 0) 100%);*/
        /*}*/

        /*&::-webkit-scrollbar-thumb,*/
        /**::-webkit-scrollbar-thumb {*/
        /*    background    : #4e8a8c;*/
        /*    border-radius : 99px*/
        /*}*/

        /*&::-webkit-scrollbar-corner,*/
        /**::-webkit-scrollbar-corner {*/
        /*    background : linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 33.333%, rgba(27, 18, 3, 0.08) 33.333%, rgba(27, 18, 3, 0.08) 66.666%, rgba(255, 255, 255, 0) 66.666%, rgba(255, 255, 255, 0) 100%);*/
        /*}*/

        img {
            margin  : 12px 0;
            display : block;
        }

        .simplebar-track.simplebar-vertical {
            width : 4px
        }

        .simplebar-track.simplebar-vertical .simplebar-scrollbar {
            background    : #6cc9ca;
            border-radius : 5px
        }

        .simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
            display : none
        }
    }
}

.sub-category {
    display        : flex;
    flex-direction : column;

    &:not(:last-child) {
        margin-bottom : 40px;
    }

    .sub-category-title {
        font-size   : 32px;
        font-weight : 500;
        line-height : 36px;
        text-align  : center;
        color       : #000000;

        &:not(:last-child) {
            margin-bottom : 16px;
        }

    }

    .sub-category-subtitle {
        font-size   : 18px;
        font-weight : 700;
        line-height : 20px;
        text-align  : center;
        color       : #000000;

        &:not(:last-child) {
            margin-bottom : 20px;
        }
    }

    .sub-category-text {
        display        : flex;
        flex-direction : column;
        row-gap        : 10px;
        max-width      : 730px;
        width          : 100%;
        margin-left    : auto;
        margin-right   : auto;
        padding        : 20px;
        border-radius  : 10px;
        font-size      : 16px;
        font-weight    : 400;
        line-height    : 24px;
        color          : #4e5f5f;
        background     : #f1fbfb;
    }
}

.scroll-talbe-block {
    height        : 64px;
    padding-right : 10px
}

.scroll-talbe-block .simplebar-track.simplebar-vertical {
    width : 7px
}

.scroll-talbe-block .simplebar-track.simplebar-vertical .simplebar-scrollbar {
    background    : #6cc9ca;
    border-radius : 5px
}

.scroll-talbe-block .simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
    display : none
}

.service-price-table-item {
    height        : 232px;
    overflow-y    : auto;
    overflow-x    : hidden;
    padding-right : 10px;
}

.service-price-table-item .simplebar-track.simplebar-vertical {
    width : 4px
}

.service-price-table-item .simplebar-track.simplebar-vertical .simplebar-scrollbar {
    background    : #6cc9ca;
    border-radius : 5px
}

.service-price-table-item .simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
    display : none
}

.service-price-table-item__title {
    font-size      : 14px;
    font-weight    : 400;
    line-height    : 1.2;
    text-align     : left;
    padding-bottom : 12px
}

.service-price-table-item__wrapper {
    display     : flex;
    align-items : stretch;
    overflow    : hidden;
}

.service-price-table-item__wrapper ul {
    counter-reset : section;
    margin-right  : 10px
}

.service-price-table-item__wrapper ul li {
    font-size   : 14px;
    font-weight : 400;
    line-height : 21px;
    text-align  : left;
    color       : #b6b6b6;
    position    : relative
}

.service-price-table-item__wrapper ul li:before {
    counter-increment : section;
    content           : counter(section) ": "
}

.take-test-page {
    margin-bottom : 100px
}

.take-test-page__rules {
    margin        : 35px 0;
    padding       : 35px 60px;
    background    : #f1fbfb;
    border-radius : 50px;
    display       : flex;
    align-items   : center;
    flex-wrap     : wrap;
    gap           : 32px;
}

.take-test-page__rules .big-text {
    display     : flex;
    align-items : center;
    gap         : 16px;
}

.take-test-page__rules p {
    font-size   : 16px;
    line-height : 24px;
}

.take-test-page__rules img {
    flex-shrink   : 0;
    width         : 34px;
    height        : 34px;
    -o-object-fit : contain;
    object-fit    : contain
}

.take-test-page__rules span {
    font-weight : 500;
    font-size   : 24px;
    line-height : 110%;
    font-family : var(--font2)
}

.take-test-page__header {
    position        : relative;
    display         : flex;
    align-items     : center;
    justify-content : space-between;
}


.take-test-page__header:has(.js-tab-trigger.js-active .take-test-page__header--search) {
    padding-bottom : 60px;
}

.take-test-page__header--btn {
    display         : flex;
    align-items     : center;
    justify-content : center;
    padding         : 0 18px;
    border          : 1px solid #afc3c3;
    border-radius   : 50px;
    min-height      : 40px;
    margin-right    : 10px;
    font-weight     : 500;
    font-size       : 16px;
    line-height     : 110%;
    display         : flex;
    align-items     : center;
    color           : #afc3c3
}

.js-tab-trigger.js-active {
    .take-test-page__header--search {
        opacity        : 1;
        pointer-events : initial;
    }

    .take-test-page__header--btn {
        color        : #ffffff;
        background   : #58b6ba;
        border-color : #58b6ba
    }
}


.take-test-page__header--btn:hover {
    color        : #ffffff;
    background   : #58b6ba;
    border-color : #58b6ba
}

.take-test-page__header--left {
    display     : flex;
    flex-wrap   : wrap;
    align-items : center;
    row-gap     : 10px;
}

/*.take-test-page__header--left:has(.js-tab-trigger.js-active .take-test-page__header--search) {*/
/*    max-width: calc(100% - 540px);*/
/*}*/

.take-test-page__header--search {
    height          : 50px;
    width           : fit-content;
    max-width       : 540px;
    display         : flex;
    align-items     : center;
    justify-content : center;
}

.take-test-page__items {
    padding-top     : 35px;
    display         : flex;
    align-items     : stretch;
    justify-content : flex-start;
    flex-wrap       : wrap;
    margin          : 0 -15px -30px;
}

.js-tab-content {
    &:not(:first-child) {
        display : none;
    }
}

.jq-selectbox {
    width       : 100%;
    flex-shrink : 0;
    max-width   : 555px;
    min-width   : 555px;

    &.opened {
        .jq-selectbox__select {
            /*border-radius       : 32px 32px 0 0;*/
            /*border-bottom-color : transparent;*/

            background   : #58b6ba;
            border-color : #58b6ba;

            .jq-selectbox__select-text {
                color : #ffffff;
            }
        }

        .jq-selectbox__trigger {
            transform : rotate(-180deg);
        }

        .jq-selectbox__trigger-arrow {
            background : url("data:image/svg+xml,<svg width=\"12\" height=\"7\" viewBox=\"0 0 12 7\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1.33343 0.0571289L6.0001 4.7238L10.6668 0.0571289L11.6096 0.999938L6.0001 6.60941L0.390625 0.999938L1.33343 0.0571289Z\" fill=\"%23ffffff\"/></svg>") center no-repeat;
            color      : #ffffff;
        }
    }

    &.focused {
        .jq-selectbox__select {
        }
    }


    .sorting-select {
        border : none;
    }

    .jq-selectbox__select {
        display         : flex;
        align-items     : center;
        justify-content : space-between;
        gap             : 4px;
        height          : 50px;
        min-height      : 50px;

        width           : 100%;
        padding         : 4px 42px 4px 16px;
        background      : transparent;
        border          : 1px solid #afc3c3;
        border-radius   : 32px;
        box-shadow      : none;
        text-shadow     : none;
        color           : #a2a3a4;
        transition      : all 0.3s ease;

        &:focus,
        &:hover {
            color        : #ffffff;
            background   : #58b6ba;
            border-color : #58b6ba;

            .jq-selectbox__select-text {
                color : #ffffff;
            }
        }
    }

    .jq-selectbox__select-text {
        display     : flex;
        align-items : center;
        height      : 100%;
        width       : 100%;
        flex-grow   : 1;
        color       : #a2a3a4;
        font-size   : 16px;
        font-weight : 400;
        line-height : 1;
        transition  : color 0.3s ease;
    }


    .jq-selectbox__trigger {
        right           : 16px;
        width           : 16px;
        height          : 100%;
        display         : flex;
        align-items     : center;
        justify-content : center;
        flex-shrink     : 0;
        transition      : all 0.3s ease;
        border          : none;
    }

    .jq-selectbox__trigger-arrow {
        position   : static;
        margin-top : 0;
        width      : 14px;
        height     : 14px;
        color      : #000000;
        border     : none;
        background : url("data:image/svg+xml,<svg width=\"12\" height=\"7\" viewBox=\"0 0 12 7\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1.33343 0.0571289L6.0001 4.7238L10.6668 0.0571289L11.6096 0.999938L6.0001 6.60941L0.390625 0.999938L1.33343 0.0571289Z\" fill=\"%23000000\"/></svg>") center no-repeat;
    }

    .jq-selectbox__dropdown {
        top           : calc(100% + 4px);
        left          : 50% !important;
        min-width     : 150px;
        width         : 100%;
        border        : 1px solid #afc3c3;
        background    : #ffffff;
        border-radius : 24px;
        padding       : 4px;
        overflow      : hidden;
        transform     : translateX(-50%);
        box-shadow    : 0 4px 10px 0 #00000014;
        transition    : all 0.3s ease;

        ul, li {
            list-style : none;
        }

        li {
        / / margin: 0;
        / / padding: 0;
            display       : flex;
            align-items   : center;
            min-height    : 40px;
            padding       : 10px;
            border-radius : 32px;
            border        : 1px solid #afc3c3;
            transition    : all 0.3s ease;
            margin-bottom : 0;

            &:not(:last-child) {
                margin-bottom : 4px;
            }

            &:focus,
            &.sel {
                color        : #ffffff;
                background   : #58b6ba;
                border-color : #58b6ba;
            }

            &:not(.sel) {

                &:hover,
                &:focus {
                    color        : #ffffff;
                    background   : #58b6ba;
                    border-color : #58b6ba;

                }
            }
        }
    }
}

.take-test-page__item {
    margin        : 0 15px;
    margin-bottom : 30px;
    width         : calc((100% / 3) - 30px)
}

.take-test-page-item {
    border-bottom : 1px solid #b6b6b6
}

.take-test-page-item__wrapper {
    padding-bottom : 30px
}

.take-test-page-item__wrapper .take-test-page-item__row:last-child {
    margin-bottom : 0
}

.take-test-page__title {
    text-align : center;
}

.take-test-page-item__title {
    font-weight    : 500;
    font-size      : 18px;
    line-height    : 110%;
    padding-bottom : 32px
}

.take-test-page-item__row {
    margin-bottom : 10px
}

.take-test-page-item__row--title {
    font-weight    : 400;
    font-size      : 14px;
    line-height    : 150%;
    padding-bottom : 5px;
    color          : #b6b6b6
}

.take-test-page-item__row--text {
    max-width   : 310px;
    font-weight : 400;
    font-size   : 16px;
    line-height : 150%;
    color       : #000000
}

.take-test-page-item__row--text a {
    color      : #6cc9ca;
    transition : .3s linear
}

.take-test-page-item__row--text a:hover {
    color : #58b6ba
}

.news-global-page {
    margin-bottom : 100px
}

.news-global-page__category {
    margin      : 35px 0;
    display     : flex;
    flex-wrap   : wrap;
    align-items : center;
    gap         : 12px
}

.news-global-page__category--item {
    min-height      : 44px;
    padding         : 10px 20px;
    background      : #f1fbfb;
    border-radius   : 50px;
    display         : flex;
    align-items     : center;
    justify-content : center;
    text-align      : center;
    width           : fit-content;
    flex-shrink     : 0;
    transition      : .3s linear
}

.news-global-page__category--item.active {
    background : #6cc9ca
}


.news-global-page__category--item img {
    width         : 34px;
    height        : 34px;
    -o-object-fit : contain;
    object-fit    : contain
}

.news-global-page__category--item span {
    font-size   : 18px;
    font-weight : 400;
    line-height : 1;
    color       : #000000;
    font-family : var(--font2);
    transition  : .3s linear;
    white-space : nowrap
}

.news-global-page__category--item:hover {
    background : #6cc9ca
}

.news-global-page__content {
    margin-bottom : -30px
}

.news-item:not(:last-child) {
    margin-bottom : 30px
}

.news-item__wrapper {
    display     : flex;
    align-items : stretch;
    gap         : 32px
}

.news-item__img {
    width         : 255px;
    min-width     : 255px;
    height        : 232px;
    overflow      : hidden;
    border-radius : 25px
}

.news-item__img img {
    width         : 100%;
    height        : 100%;
    -o-object-fit : cover;
    object-fit    : cover
}

.news-item__content {
    flex            : 1 1 auto;
    border-bottom   : 1px solid #b6b6b6;
    display         : flex;
    flex-direction  : column;
    justify-content : stretch;
    align-items     : flex-start;
    padding-bottom  : 15px
}

.news-item__top {
    width           : 100%;
    display         : flex;
    align-items     : center;
    justify-content : space-between;
    gap             : 12px;
    margin-bottom   : 16px;
}

.news-item__date {
    font-weight : 400;
    font-size   : 14px;
    line-height : 150%;
    color       : #b6b6b6;
}

.news-item__category {
    padding       : 4px 12px;
    font-size     : 14px;
    font-weight   : 400;
    line-height   : 21px;
    text-align    : left;
    background    : #f1fbfb;
    border-radius : 50px;


}

.news-item__title {
    padding-top : 5px;
    font-weight : 400;
    font-size   : 24px;
    line-height : 150%
}

.news-item__text {
    font-weight : 400;
    font-size   : 16px;
    line-height : 150%;
    padding     : 30px 0;
    max-width   : 730px
}

.btn.news-item__btn {
    display     : inline-flex;
    align-items : center;
    gap         : 8px;
    min-height  : 32px;
    width       : fit-content;
    font-weight : 500;
    font-size   : 16px;
    line-height : 150%;
    padding     : 8px 0 !important;
    font-family : var(--font2);
    box-shadow  : none;
    background  : transparent;
    color       : #6cc9ca;
    transition  : color 0.3s ease;

    &::after {
        content       : "";
        display       : block;
        margin-bottom : -4px;
        flex-shrink   : 0;
        width         : 8px;
        height        : 12px;
        background    : url("data:image/svg+xml,<svg width=\"8\" height=\"12\" viewBox=\"0 0 8 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M1 1L6 6L1 11\" stroke=\"%236CC9CA\" stroke-width=\"1.5\"/></svg>") center no-repeat;
        transition    : all 0.3s ease;
    }
}

.news-item__btn:hover {
    color : #f5bd18;

    &::after {
        background : url("data:image/svg+xml,<svg width=\"8\" height=\"12\" viewBox=\"0 0 8 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M1 1L6 6L1 11\" stroke=\"%23F5BD18\" stroke-width=\"1.5\"/></svg>") center no-repeat;
    }
}

.news-item-global-page {
    padding-top    : 40px;
    padding-bottom : 100px;

    .news-item-category {
        min-height  : 42px;
        padding     : 12px 16px;
        display     : flex;
        align-items : center;
        font-size   : 14px;
        font-weight : 400;
        line-height : 1;
        color       : #4e5f5f;
        /*border-radius: 50px;*/
        text-align  : left;
        background  : transparent;
        transition  : all 0.3s ease;

        &:not(:last-child) {
            border-bottom : 1px solid #a2a3a4;
            margin-bottom : 4px;
        }

        @media (any-hover : hover) {
            &:hover,
            &:focus {
                border-radius : 50px;
                background    : #6cc9ca;
                color         : #000000;
                border-color  : transparent;

                &:not(:last-child) {
                    border-bottom : transparent;
                }
            }
        }
    }
}

.news-item-global-page__wrapper {
    display               : grid;
    grid-template-columns : 160px 1fr;
    gap                   : 30px;
}

.news-item-global-page__content {
    width : 100%
}

.news-item-global-page__sidebar {

}

.news-item-global-page__sidebar .news-global-page__category--item {
    /*padding-right : 20px;*/
    /*padding-left  : 20px;*/
    /*margin-right  : 0;*/
    /*margin-bottom : 15px;*/
    /*width         : -webkit-fit-content;*/
    /*width         : -moz-fit-content;*/
    /*width         : fit-content*/
}

.news-item-global-page__sidebar .news-global-page__category--item span {
    /*font-weight : 500;*/
    /*font-size   : 24px;*/
    /*line-height : 110%*/
}

.news-item-page__title {
    font-size   : 40px;
    font-weight : 500;
    line-height : 56px;
    text-align  : left;
    color       : #000000;
    font-family : var(--font2);
}

.news-item-page__date {
    color          : #000000;
    font-size      : 14px;
    font-weight    : 400;
    line-height    : 21px;
    text-align     : left;
    padding-top    : 10px;
    padding-bottom : 40px
}

.news-item-page__img {
    width         : 100%;
    overflow      : hidden;
    border-radius : 50px;
    margin-bottom : 35px;
    aspect-ratio  : 920 / 420;
}

.news-item-page__img img {
    width         : 100%;
    height        : 100%;
    -o-object-fit : cover;
    object-fit    : cover;
    background    : #1e1e1e;
}

.news-item-page__img .no-image {
    width         : 100%;
    height        : 100%;
    -o-object-fit : contain;
    object-fit    : contain;
    background    : #ffffff;
}

.news-item-page__content {
    font-weight : 400;
    font-size   : 16px;
    line-height : 150%;
    color       : #000000
}

.news-item-page__content p {
    display       : flex;
    flex-wrap     : wrap;
    gap           : 8px;
    /*flex-direction : column;*/
    /*row-gap        : 24px;*/
    margin-bottom : 1.5rem
}

.news-item-page__content ul {
    padding-left : 46px;
    padding-top  : 14px;
    list-style: none;
    margin : 0;
}

.news-item-page__content ul li {
    padding-left   : 49px;
    padding-bottom : 24px;
    position       : relative;
    font-weight    : 400;
    font-size      : 16px;
    line-height    : 150%;
    margin-left : 0;
}

.news-item-page__content ul li:before {
    content             : "";
    background          : url(../img/check-grey.svg);
    background-position : center;
    background-repeat   : no-repeat;
    background-size     : contain;
    width               : 19px;
    height              : 28px;
    position            : absolute;
    top                 : 0;
    left                : 0
}

.news-item-page__content img {
    aspect-ratio  : 920 / 420;
    border-radius : 50px;
    max-width     : 100%;
}

.news-sidebar-blocks {
    margin-top : 50px
}

.news-sidebar-slider-wrap {
    padding-bottom : 120px;


    @media (max-width : 992px) {
        padding-bottom : 48px;
    }
}

.swiper.news-sidebar-slider {
    position       : relative;
    overflow       : hidden;
    padding-bottom : 34px !important;

    &:not(.swiper-initialized) {
        overflow       : hidden;
        padding-bottom : 0;

        .swiper-wrapper {
            display : flex;
            gap     : 30px
        }

        .swiper-slide {
            width       : calc(25% - 30px);
            flex-shrink : 0;
        }

        .swiper-scrollbar {
            display : none;
        }
    }
    &:has(.swiper-scrollbar-lock ) {
        padding-bottom : 0 !important;
    }
}

.news-item-sidebar {
    display        : flex;
    flex-direction : column;
    align-items    : flex-start;
}

.news-item-sidebar__img {
    width         : 100%;
    height        : 265px;
    overflow      : hidden;
    border-radius : 25px
}

.news-item-sidebar__img img {
    width         : 100%;
    height        : 100%;
    -o-object-fit : cover;
    object-fit    : cover
}

.news-item-sidebar__head {
    display : flex;
    align-items : center;
    flex-wrap : wrap;
    gap: 12px;
    padding-top    : 10px;
    padding-bottom : 5px;
}

.news-item-sidebar__type {
    padding : 2px 8px;
    display : inline-flex;
    align-items : center;
    justify-content : center;
    flex-shrink: 0;
    background : #F1FBFB;
    margin-left: auto;
    font-size : 12px;
    font-weight : 400;
    line-height : 1.5;
    border-radius : 50px;
}

.news-item-sidebar__data {
    height : fit-content;
    display : inline-flex;
    align-items : center;
    flex-shrink: 0;
    font-weight    : 400;
    font-size      : 14px;
    line-height    : 150%;
    color          : #b6b6b6
}

.news-item-sidebar__title {
    font-weight : 500;
    font-size   : 16px;
    line-height : 150%;
    color: #000;
}

.news-item-sidebar__text {
    font-size : 14px;
    font-weight : 400;
    line-height : 20px;
}

.btn.news-item-sidebar__btn {
    width : fit-content;
    margin-right: auto;
    display     : flex;
    align-items : center;
    gap         : 6px;
    margin-top  : 15px;
    font-size   : 16px;
    font-weight : 500;
    line-height : 24px;
    text-align  : left;
    color       : #6cc9ca;
    box-shadow  : none;
    background  : transparent;
    padding     : 4px 0;

    &::after {
        content         : "";
        width           : 16px;
        height          : 16px;
        display         : flex;
        align-items     : center;
        justify-content : center;
        flex-shrink     : 0;
        background      : url("data:image/svg+xml,<svg width=\"8\" height=\"12\" viewBox=\"0 0 8 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M1 1L6 6L1 11\" stroke=\"%236CC9CA\" stroke-width=\"1.5\"/></svg>") center no-repeat;
    }
}

.show-tour {
    width           : 100%;
    border-radius   : 50px;
    display         : flex;
    align-items     : center;
    justify-content : center;
    margin-bottom   : 120px;

    iframe {
        width         : 100%;
        height        : auto;
        border-radius : 50px;
        aspect-ratio  : 1110 / 450;
    }
}

.error-section {
    padding        : 64px 0;
    display        : flex;
    flex-direction : column;

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

    .error-title {
        text-align  : center;
        font-size   : 40px;
        font-weight : 500;
        line-height : 56px;

        &:not(:last-child) {
            margin-bottom : 16px;
        }
    }

    .link-to-main {
        display         : inline-flex;
        align-items     : center;
        justify-content : center;
        text-align      : center;
        margin-left     : auto;
        margin-right    : auto;
        font-size       : 16px;
        font-weight     : 500;
        line-height     : 24px;
        color           : #6cc9ca;
        text-decoration : underline;
        transition      : color 0.3s ease;

        &:not(:last-child) {
            margin-bottom : 24px;
        }

        &:hover,
        &:focus {
            text-decoration : none;
            color           : #58b6ba;
        }
    }

    .accordion-open {
        .sitemap .icon {
            transform : rotate(-180deg);
        }
    }

    .sitemap {
        display         : flex;
        align-items     : center;
        justify-content : space-between;
        gap             : 12px;
        padding         : 16px 30px;
        border-radius   : 50px;
        background      : #f1fbfb;
        font-size       : 24px;
        font-weight     : 500;
        line-height     : 1.1;
        cursor          : pointer;

        .icon {
            width       : 24px;
            height      : 24px;
            flex-shrink : 0;
            transition  : transform 0.3s ease;
        }
    }

    .error-accordion-content {
        display : none;
    }

    .error-item a {
        transition : color 0.3s ease;

        &:hover,
        &:focus {
            color : #58b6ba;
        }
    }
}

.lk-global-login {
    background      : #f1fbfb;
    height          : 100%;
    display         : flex;
    align-items     : center;
    justify-content : center
}

.lk-global-login__wrapper {
    width           : 100%;
    max-width       : 515px;
    background      : #4e8a8c;
    box-shadow      : 0 0 52px rgba(167, 187, 208, .4);
    border-radius   : 25px;
    padding-top     : 34px;
    padding-bottom  : 55px;
    display         : flex;
    flex-direction  : column;
    justify-content : center;
    padding-left    : 116px;
    padding-right   : 116px
}

.lk-global-login__logo {
    margin        : 0 auto;
    margin-bottom : 28px
}

.lk-global-login__input {
    display        : flex;
    flex-direction : column;
    align-items    : center;
    width          : 100%;
    margin-bottom  : 10px
}

.lk-global-login__input.error input {
    border-color : red
}

.lk-global-login__input span {
    font-weight   : 500;
    font-size     : 18px;
    line-height   : 150%;
    margin-bottom : 10px;
    font-family   : var(--font2);
    color         : #ffffff
}

.lk-global-login__input input {
    -webkit-appearance : none;
    -moz-appearance    : none;
    appearance         : none;
    width              : 100%;
    background         : #ffffff;
    border-radius      : 50px;
    min-height         : 58px;
    padding            : 15px;
    border             : 2px solid transparent
}

.lk-global-login__link {
    font-weight     : 500;
    font-size       : 18px;
    line-height     : 150%;
    text-decoration : underline;
    font-family     : var(--font2);
    color           : #ffffff;
    transition      : .3s linear;
    margin-bottom   : 10px
}

.lk-global-login__link:hover {
    color : var(--color-red)
}

.lk-global-login__btn {
    margin-top    : 18px;
    padding       : 15px 0;
    width         : 100%;
    text-align    : center;
    font-weight   : 500;
    font-size     : 24px;
    line-height   : 150%;
    font-family   : var(--font2);
    color         : #ffffff;
    background    : #f5bd18;
    box-shadow    : 0 14px 25px #45898b;
    border-radius : 50px;
    transition    : .3s linear
}

.lk-global-login__btn:hover {
    background : #e2ad11
}

.lk-register-step {
    height     : 100%;
    background : #f1fbfb
}

.lk-register-step .container {
    height : 100%
}

.lk-register-step__wrapper {
    display         : flex;
    flex-direction  : column;
    align-items     : center;
    justify-content : center;
    height          : 100%;
    width           : 100%
}

.lk-register-step__btns {
    display     : flex;
    align-items : stretch;
    width       : 100%
}

.lk-register-step__btn {
    width           : 50%;
    border          : 1px solid #4e8a8c;
    filter          : drop-shadow(0 0 52px rgba(167, 187, 208, .4));
    border-radius   : 25px;
    min-height      : 347px;
    display         : flex;
    align-items     : center;
    justify-content : center;
    transition      : .3s linear;
    text-align      : center;
    font-weight     : 500;
    padding         : 15px 60px;
    font-size       : 36px;
    line-height     : 120%;
    font-family     : var(--font2)
}

.lk-register-step__btn:hover {
    background : #4e8a8c;
    color      : #ffffff
}

.lk-register-step__btn:first-child {
    margin-right : 75px
}

.lk-register-step__btn-step {
    margin-top    : 54px;
    padding       : 15px 60px;
    background    : #f5bd18;
    border-radius : 50px;
    font-weight   : 500;
    font-size     : 24px;
    line-height   : 150%;
    font-family   : var(--font2);
    color         : #ffffff
}

.lk-register-step-global {
    height     : 100%;
    background : #f1fbfb
}

.lk-register-step-global__burger {
    display : none
}

.lk-register-step-global__wrapper {
    height      : 100%;
    display     : flex;
    align-items : stretch
}

.lk-register-step-global__leftbar {
    min-width      : 257px;
    background     : #4e8a8c;
    padding        : 16px;
    display        : flex;
    flex-direction : column;
    align-items    : center
}

.lk-register-step-global__logo {
    width  : 124px;
    height : 82px
}

.lk-register-step-global__logo img {
    width         : 100%;
    height        : 100%;
    -o-object-fit : contain;
    object-fit    : contain
}

.lk-register-step-global__search {
    max-width : 500px !important
}

.lk-register-step-global__search .select2-container {
    width : 100% !important
}

.lk-register-step-global__search .select2-container .select2-selection__rendered {
    display     : flex;
    align-items : center;
    flex-wrap   : wrap
}

.lk-register-step-global__search .select2-container .selection {
    border-radius : 10px
}

.lk-register-step-global__search .select2-container .select2-selection--multiple {
    padding : 5px 15px;
    border  : 1px solid #afc4c4
}

.lk-register-step-global__search .select2-container .select2-selection--multiple .select2-selection__choice {
    white-space : inherit !important
}

.lk-register-step-global__search .header-search__search--btn {
    z-index : 2
}

.lk-register-step-global__content {
    width   : 100%;
    padding : 40px 50px
}

.lk-register-step-global__content .header-search__search {
    max-width  : 780px;
    margin-top : 35px
}

.lk-register-step-global__content .header-search__search .input-grey input {
    min-height : 57px
}

.lk-register-step-global__content .calendar {
    overflow : initial
}

.lk-register-step-global__header {
    padding-bottom : 80px
}

.lk-register-step-global__title {
    font-weight : 500;
    font-size   : 36px;
    line-height : 120%;
    font-family : var(--font2)
}

.lk-register-step-global__footer {
    display         : flex;
    align-items     : center;
    justify-content : flex-start;
    margin-top      : 20px
}

.lk-register-step-global__btn {
    padding       : 15px 60px;
    background    : #f5bd18;
    border-radius : 50px;
    box-shadow    : none;
    font-weight   : 500;
    font-size     : 16px;
    line-height   : 150%;
    font-family   : var(--font2)
}

.lk-register-step-global__step {
    margin-left : 22px;
    font-weight : 400;
    font-size   : 16px;
    line-height : 120%;
    color       : #4e5f5f
}

.lk-register-header {
    display : flex
}

.lk-register-header__item {
    display        : flex;
    flex-direction : column;
    align-items    : center;
    width          : 100%;
    max-width      : 157px
}

.lk-register-header__item.js-active .lk-register-header__item--number {
    background : #4e8a8c
}

.lk-register-header__item.js-active .lk-register-header__item--title {
    color : #4e5f5f
}

.lk-register-header__item--number {
    transition      : .3s linear;
    background      : #afc3c3;
    display         : flex;
    align-items     : center;
    justify-content : center;
    width           : 50px;
    height          : 50px;
    border-radius   : 50%;
    font-weight     : 400;
    font-size       : 18px;
    line-height     : 120%;
    color           : #ffffff
}

.lk-register-header__item--title {
    text-align  : center;
    font-weight : 400;
    font-size   : 14px;
    line-height : 120%;
    color       : #4e5f5f;
    padding-top : 14px
}

.lk-register-header__line {
    height     : 1px;
    width      : 50px;
    background : #afc3c3;
    margin-top : 25px
}

.register-tabs-step1__header {
    padding-top : 33px
}

.register-tabs-step1__header--item {
    margin-right : 47px
}

.register-tabs-step1__header--item span {
    font-weight : 400;
    font-size   : 18px;
    line-height : 120%;
    color       : #4e5f5f
}

.register-tabs-step1__content {
    padding-top : 35px;
    max-width   : 500px
}

.register-tabs-step1__content--subtitle {
    font-weight    : 400;
    font-size      : 18px;
    line-height    : 120%;
    color          : #4e5f5f;
    padding-bottom : 15px
}

.register-tabs-step1__content--adress-block {
    margin-bottom : 20px
}

.register-tabs-step1__content--row {
    display     : flex;
    align-items : stretch
}

.register-tabs-step1__content--row.adress .home {
    width       : 98px;
    margin-left : 39px
}

.register-tabs-step1__content--btn-delete {
    min-height  : 30px;
    box-shadow  : none;
    padding     : 0 20px !important;
    font-size   : 14px !important;
    margin      : 15px 0;
    margin-left : auto
}

.register-tabs-step1__content--item {
    display : none
}

.register-tabs-step1__content--item .select2-container {
    width : 100% !important
}

.register-tabs-step1__content--item .select2-container .select2-selection {
    height : 40px
}

.register-tabs-step1__content--item .select2-container .select2-selection--single.error {
    border-color : red
}

.register-tabs-step1__content--item .select2-container .select2-selection__rendered {
    height      : 40px;
    display     : flex;
    align-items : center
}

.register-tabs-step1__content--item .select2-container .select2-selection__arrow {
    height : 40px;
    width  : 40px
}

.register-tabs-step1__content--item.js-active {
    display : block
}

.register-tabs-step1__content--item .input-grey {
    margin-bottom : 15px
}

.register-tabs-step1__content--add-animal {
    display       : flex;
    align-items   : center;
    margin-bottom : 24px;
    font-weight   : 400;
    font-size     : 14px;
    line-height   : 120%;
    color         : #4e5f5f
}

.register-tabs-step1__content--add-animal .icon {
    width           : 50px;
    height          : 50px;
    border-radius   : 50%;
    display         : flex;
    align-items     : center;
    justify-content : center;
    background      : #4e8a8c;
    margin-right    : 14px;
    fill            : #ffffff;
    transition      : .3s linear
}

.register-tabs-step1__content--add-animal .icon svg {
    width  : 24px;
    height : 24px
}

.register-tabs-step1__content--add-animal:hover .icon {
    background : var(--color-red)
}

.register-tabs-step4 {
    margin-top : 35px
}

.register-tabs-step4__item {
    margin-bottom : 36px
}

.register-tabs-step4__item .radio.js-active + .register-tabs-step4__content {
    display : block
}

.register-tabs-step4__content {
    display : none
}

.card-payments {
    display        : flex;
    flex-direction : column;
    max-width      : 437px;
    margin-bottom  : 36px;
    margin-top     : 30px
}

.card-payments__row {
    display    : flex;
    margin-top : 30px
}

.card-payments__row .validity-period .input-grey__row {
    display : flex
}

.card-payments__row .validity-period .input-grey__row input {
    width        : 70px;
    margin-right : 17px
}

.card-payments__row .cvv {
    max-width : 155px
}

.lk-register-step-send__list {
    margin-top : 35px
}

.lk-register-step-send__list--item {
    margin-bottom : 30px
}

.lk-register-step-send__list--item:last-child {
    margin-bottom : 0
}

.lk-register-step-send__list--block {
    width      : 100%;
    max-width  : 778px;
    height     : 368px;
    margin-top : 30px;
    display    : none
}

.lk-register-step-send__list--block iframe {
    width  : 100%;
    height : 100%
}

.table-application-lk {
    width  : 100%;
    margin : 50px 0
}

.table-application-lk thead tr {
    padding-bottom : 10px;
    border-bottom  : 1px solid var(--text-grey)
}

.table-application-lk thead tr td {
    padding     : 10px;
    font-size   : 14px;
    font-weight : 700
}

.table-application-lk tbody tr {
    padding-bottom : 10px;
    border-bottom  : 1px solid var(--text-grey)
}

.table-application-lk tbody tr td {
    padding   : 10px;
    font-size : 14px
}

.table-application-lk tbody tr td:nth-child(1) {
    font-weight : 700
}

.table-application-lk tbody tr td .btn {
    display    : flex;
    max-width  : 200px;
    box-shadow : none;
    padding    : 5px 10px;
    font-size  : 14px
}

.table-settings {
    width  : 100%;
    margin : 25px 0
}

.table-settings thead tr {
    padding-bottom : 10px;
    border-bottom  : 1px solid var(--text-grey)
}

.table-settings thead tr td {
    padding     : 10px;
    font-size   : 14px;
    font-weight : 700
}

.table-settings tbody tr {
    padding-bottom : 10px;
    border-bottom  : 1px solid var(--text-grey)
}

.table-settings tbody tr td {
    padding   : 10px;
    font-size : 14px
}

.table-settings tbody tr td .btn {
    display    : flex;
    max-width  : 200px;
    box-shadow : none;
    padding    : 5px 10px;
    font-size  : 14px
}

.lk-register-step-global__subtext {
    padding        : 10px 0;
    display        : flex;
    flex-direction : column
}

.lk-register-step-global__subtext p {
    font-size : 16px
}

.lk-register-step-global__subtext span {
    font-size : 16px
}

.modal-reserve-global {
    position   : fixed;
    top        : 50%;
    left       : 50%;
    transform  : translate(-50%, -50%);
    z-index    : 120;
    width      : 100%;
    max-width  : 1200px;
    opacity    : 0;
    visibility : hidden;
    transition : .3s linear
}

.modal-reserve-global.js-active {
    opacity    : 1;
    visibility : visible
}

.modal-reserve-global__wrapper {
    width            : 100%;
    padding          : 50px;
    background-color : #ffffff;
    border-radius    : 10px;
    margin-bottom    : 20px
}

.modal-reserve-global__close {
    position  : absolute;
    top       : 15px;
    right     : 15px;
    font-size : 20px;
    cursor    : pointer
}

.modal-reserve-global__text {
    padding     : 20px;
    font-size   : 16px;
    line-height : 1.5;
    color       : var(--text-grey)
}

.modal-reserve-global__btn {
    padding    : 0 30px;
    font-size  : 16px;
    min-height : 54px;
    margin-top : 20px
}

.modal-reserve-global__table {
    max-height : 600px;
    width      : 100%;
    max-width  : 700px
}

.modal-reserve-global__table .simplebar-track {
    opacity       : 1;
    right         : -20px;
    background    : grey;
    border-radius : 5px
}

.modal-reserve-global__table .simplebar-track .simplebar-scrollbar {
    border-radius : 5px;
    background    : var(--bg-yellow)
}

.modal-reserve-global__table .simplebar-track .simplebar-scrollbar:before {
    opacity : 0
}

.modal-reserve-table {
    width  : 100%;
    margin : 15px 0
}

.modal-reserve-table tr {
    width         : 100%;
    border-bottom : 1px solid #000000
}

.modal-reserve-table tr td {
    padding : 30px 10px
}

.modal-reserve-table__delete {
    background      : 0 0;
    font-size       : 20px;
    padding         : 0 !important;
    box-shadow      : none;
    color           : #000000;
    display         : flex;
    align-items     : center;
    justify-content : center
}

.modal-reserve-table__code {
    display         : flex;
    align-items     : center;
    justify-content : center;
    font-size       : 16px
}

.modal-reserve-table__photo {
    margin : 0 auto;
    width  : 150px;
    height : 150px
}

.modal-reserve-table__photo img {
    width         : 100%;
    height        : 100%;
    -o-object-fit : contain;
    object-fit    : contain
}

.modal-reserve-table__text {
    max-width : 400px
}

.modal-reserve-table__number {
    max-width       : 300px;
    display         : flex;
    align-items     : center;
    justify-content : center
}

.modal-reserve-table__number--btn {
    width            : 30px;
    height           : 30px;
    display          : flex;
    align-items      : center;
    font-size        : 20px;
    justify-content  : center;
    border-radius    : 50%;
    color            : #ffffff;
    transition       : .3s linear;
    background-color : var(--bg-yellow)
}

.modal-reserve-table__number--input {
    margin             : 0 auto;
    margin             : 10px 10px;
    background         : 0 0;
    -webkit-appearance : none;
    -moz-appearance    : none;
    appearance         : none;
    width              : 40px;
    height             : 30px;
    border             : 1px solid #000000;
    border-radius      : 5px;
    padding            : 0 10px;
    font-size          : 16px;
    text-align         : center
}

.modal-reserve-table__number--input:focus {
    outline : 0;
    border  : 1px solid var(--text-grey)
}

.modal-reserve-table__price {
    width      : 100%;
    text-align : center;
    font-size  : 18px
}

.swiper-scrollbar {
    &:not(.swiper-scrollbar-vertical) {
        --swiper-scrollbar-bg-color      : #f1fbfb;
        --swiper-scrollbar-border-radius : 20px;
        --swiper-scrollbar-drag-bg-color : #7ac8cb;
        --swiper-scrollbar-bottom        : 0;
        opacity                          : 1 !important;


    }
}

.home-interest-publications .swiper-scrollbar {
    --swiper-scrollbar-bg-color      : rgba(255, 255, 255, 0.2);
    --swiper-scrollbar-drag-bg-color : #ffffff;
}

.certificate-section {
    padding-top    : 60px;
    padding-bottom : 60px;

    .certificate-title {
        max-width   : 730px;
        font-size   : 40px;
        font-weight : 500;
        line-height : 56px;

        &:empty {
            display : none;
        }
    }

    .certificate-title:not(:last-child) {
        margin-bottom : 32px;
    }

    .certificate-description {
        font-size   : 32px;
        font-weight : 500;
        line-height : 36px;

        &:empty {
            display : none;
        }
    }

    .certificate-description:not(:last-child) {
        margin-bottom : 32px;
    }

    .certificate-slider {
        padding-bottom : 36px;

        &:not(.swiper-initialized) {
            overflow       : hidden;
            padding-bottom : 0;

            .swiper-wrapper {
                display     : flex;
                align-items : center;
                gap         : 30px
            }

            .swiper-slide {
                width       : calc(33.333% - 30px);
                flex-shrink : 0;
            }

            .swiper-scrollbar {
                display : none;
            }
        }
    }

    .swiper-wrapper {}

    .swiper-slide {
        flex-shrink : 0;
        width       : auto;
    }

    .certificate-img {
        /*width           : 100%;*/
        aspect-ratio: 90 / 127;
        width           : auto;
        display         : flex;
        align-items     : center;
        justify-content : center;
        height          : 254px;
        object-fit      : scale-down;
    }

    .swiper-scrollbar {
        /*--swiper-scrollbar-sides-offset : 0;*/
        /*width                           : 100%;*/
        /*display                         : block;*/
    }
}

.footer-mobile-link {
    display       : none;
    width         : fit-content;
    margin-bottom : 32px;
    margin-left   : auto;
    margin-right  : auto;
    font-size     : 16px;
    color         : #ffffff;
    font-weight   : 400;
    line-height   : 1;
    text-align    : center;
    border-bottom : 1px dashed #ffffff;
}

.pagination-news {
    margin-top      : 20px;
    display         : flex;
    align-items     : center;
    justify-content : center;
    gap             : 20px;

    .pagination-news__number {
        display         : flex;
        align-items     : center;
        justify-content : center;
        gap             : 16px;
        flex-shrink     : 0;
        font-size       : 14px;
        font-weight     : 500;
        line-height     : 21px;
        letter-spacing  : -0.01em;
        color           : #b6b6b6;

        b,
        span {
            width           : 20px;
            height          : 20px;
            flex-shrink     : 0;
            display         : flex;
            align-items     : center;
            justify-content : center;
        }

        b {
            color : #e41c40;
        }
    }

    .pagination-news__btn {
        display         : flex;
        align-items     : center;
        justify-content : center;
        flex-shrink     : 0;
        width           : 20px;
        height          : 20px;
        font-size       : 12px;
        line-height     : 21px;
        font-weight     : 700;
        color           : #fa1e39;
        transition      : color 0.3s ease;

        &:hover,
        &:focus {
            color : #ac1225;
        }

        &.disable {
            pointer-events : none;
            color          : #acb3bd;
        }
    }
}

.text-editor {
    --base: 16px;
    font-weight: 400;
    font-size: var(--base);
    line-height: 1.5;

    :where(h1, .h1, h2, .h2, h3, .h3, h4, .h4, .text-title, .text-sub-title) {
        margin-top: calc(var(--base) * 1.5); // 24px
    margin-bottom: var(--base); // 16px
    font-weight: 400;
        line-height: 1.2;

        &:first-child {
            margin-top: 0;
        }

        &:last-child {
            margin-bottom: 0;
        }

        &:not(:first-child) {
            margin-top: var(--base);
        }

        &:not(:last-child) {
            margin-bottom: var(--base);
        }

        &:has(img) {
            display: flex;
            align-items: center;
            gap: calc(var(--base) * 0.375); // 6px

        img {
            align-self: flex-start;
            flex-shrink: 0;
            margin: calc(var(--base) * 0.625) 0 0; // 10px 0 0
        }
        }

        & + :not(h1):not(.h1):not(h2):not(.h2):not(h3):not(.h3):not(h4):not(.h4):not(h5):not(.h5):not(.text-title):not(.text-sub-title) {
            margin-top: calc(var(--base) * 0.625); // 10px
        }

        & + h1,
        & + .h1,
        & + h2,
        & + .h2,
        & + h3,
        & + .h3,
        & + h4,
        & + .h4,
        & + h5,
        & + .h5,
        & + .text-title,
        & + .text-sub-title {
            margin-top: calc(var(--base) * 0.625); // 10px
        }
    }

    h1,
    .h1 {
        font-size: calc(var(--base) * 3); // 48px
    font-weight: 400;
        line-height: 1;
        text-transform: uppercase;
    }

    .text-title,
    h2,
    .h2 {
        font-size: calc(var(--base) * 2.5); // 40px
    font-weight: 400;
        line-height: 1;
        text-transform: uppercase;
    }

    .text-sub-title,
    h3,
    .h3 {
        font-size: calc(var(--base) * 1.75); // 28px
    line-height: calc(var(--base) * 2.25); // 36px
    }

    h4,
    .h4 {
        font-size: calc(var(--base) * 1.5); // 24px
    line-height: calc(var(--base) * 2); // 32px
    }

    h5,
    .h5 {
        font-size: calc(var(--base) * 1.25); // 20px
    line-height: 1.2;
    }

    h6,
    .h6 {
        font-size: calc(var(--base) * 1.125); // 18px
    line-height: calc(var(--base) * 1.5); // 24px
    }

    a {
        position: relative;
        line-height: normal;
        transition: 0.2s ease;
        text-decoration: underline;

        @media (pointer: fine) {
            &:hover {
                text-shadow: 0 0 0;
                text-decoration: none;
            }
        }
    }

    ul,
    ol,
    p,
    blockquote {
        margin-bottom: var(--base);
    }

    strong {
        font-weight: 600;
    }

    p {
        position: relative;

        &:not(:last-child) {
            margin-bottom: var(--base);
        }

        &:empty {
            display: none;
        }
    }

    hr {
        border: none;
        border-bottom: calc(var(--base) * 0.125) solid; // 2px
    opacity: 1;
        margin: 1.5em 0;
    }

    blockquote {
        display: block;
        clear: both;
        border-left: calc(var(--base) * 0.3125) solid; // 5px
    padding: calc(var(--base) * 0.3125) 0 calc(var(--base) * 0.3125) calc(var(--base) * 1); // 5px 0 5px 16px
    font-size: 1.5em;
        margin: 1.5em 0;

        > *:last-child {
            margin-bottom: 0;
        }
    }

    ul,
    ol {
        padding-left: 0;

        li {
            margin-bottom: 0.4em;
        }

        ul,
        ol {
            margin-top: 0.6em;
            margin-left: 1.3em;
        }
    }

    ol {
        list-style-position: inside;
        list-style-type: none;
        counter-reset: step-counter;

        > li {
            position: relative;
            list-style: none;
            counter-increment: step-counter;

            &:before {
                content: counters(step-counter, ".") ".";
                display: inline-block;
                min-width: calc(var(--base) * 0.75); // ~12px
            transition: 0.3s ease;
                font-size: 1rem;
                margin-right: calc(var(--base) * 0.4);
                font-weight: bold;
            }
        }

        ol li:before {
            content: counters(step-counter, ".") ".";
        }
    }

    ul {
        > li {
            position: relative;
            list-style: none;
            padding-left: calc(var(--base) * 1.5);

            &:before {
                content: "●";
                position: absolute;
                left: calc(var(--base) * 0.6);
                top: 0;
                font-size: calc(var(--base) * 0.8);
                display: inline-block;
                min-width: calc(var(--base) * 0.9);
                transition: 0.3s ease;
                margin-right: calc(var(--base) * 0.4);
            }
        }

        &[style*="list-style-type:square"],
        &[style*="list-style-type: square"] {
            > li {
                &:before {
                    content: "■";
                }
            }
        }

        &[style*="list-style-type:disc"],
        &[style*="list-style-type: disc"] {
            > li {
                &:before {
                    content: "●";
                }
            }
        }

        &[style*="list-style-type:circle"],
        &[style*="list-style-type: circle"] {
            > li {
                &:before {
                    content: "○";
                }
            }
        }
    }

    .table-wrap {
        max-width: 100%;
        overflow: auto;
        margin: calc(var(--base) * 1.5) 0;

        table {
            margin: 0;
        }
    }

    table {
        min-width: 100%;
        max-width: 100%;
        border-collapse: collapse;
        border-spacing: 0;
        border: none;
        margin: 1.2em 0;
        font-size: calc(var(--base) * 1.25);
        font-weight: 400;
        line-height: calc(var(--base) * 1.5);
    }

    & > *:last-child {
        margin-bottom: 0;
    }
}



@media (min-width : 1200px) {
    .header-menu__link--drop {
        position       : absolute;
        z-index        : 5;
        left           : 10px;
        top            : calc(100% + 6px);

        /*max-width: 220px;*/
        min-width      : 220px;
        padding        : 12px;
        background     : #ffffff;
        border-radius  : 10px;
        text-align     : left;
        opacity        : 0;
        visibility     : hidden;
        pointer-events : none;
        transform      : translateY(-10px);
        box-shadow     : 0 4px 10px 0 #00000014;
        border         : 1px solid #afc3c3;
        transition     : all .3s ease;
    }
}

@media (min-width : 992px) {
    .swiper-scrollbar {
        display : none;
    }

    .news-item-global-page__sidebar {
        position : sticky;
        left     : 0;
        top      : 20px;
        width    : 100%;
        height   : fit-content;
    }

    .news-sidebar-slider .swiper-scrollbar,
    .certificate-slider .swiper-scrollbar {
        display : block;
    }
}

@media (min-width : 649.98px) {
    .select__dropdown {
        box-shadow : 0 0 50px -25px rgba(0, 114, 255, .5)
    }
}

@media (min-width : 650px) {
    .select__checkboxs {
        max-height : 299px
    }
}

@media (max-width : 1720px) {
    .header__logo {
        margin-right : 24px;
        min-width    : 160px;
        max-width    : 160px
    }
}

@media (max-width : 1700px) {
    .home-one-block__img {
        right : -160px
    }
}

@media (max-width : 1600px) {
    .btn {
        padding     : 15px 20px;
        font-size   : 20px;
        line-height : 130%
    }

    .select__trigger {
        min-height  : 34px;
        padding     : 2px 8px;
        font-size   : 14px;
        line-height : 16px
    }

    .select__option {
        font-size   : 14px;
        line-height : 16px;
        justify-content : center;
    }

    .header-number-dropdown-head {
        min-height  : 34px;
        padding     : 2px 8px;
        font-size   : 14px;
        line-height : 16px
    }

    .header-number-dropdown-item {
        font-size   : 14px;
        line-height : 16px
    }

    .title {
        font-size : 36px
    }

    .title:not(:last-child) {
        margin-bottom : 24px;
    }

    .header__number-col {
        margin-left : 15px
    }

    .header__number-col--item span {
        font-size   : 18px;
        line-height : 20px
    }

    .header__number-col--item img {
        width  : 18px;
        height : 18px
    }

    .header__number-col--callback {
        font-size   : 14px;
        line-height : 18px
    }

    .header-menu {
        gap             : 14px;
        justify-content : center
    }

    .header__right-block {
        gap         : 10px;
        flex-shrink : 1;
        flex-wrap   : wrap;
        max-width   : 240px;
    }

    .header-menu__link {

    }

    .header-menu__link img {
        width  : 60px;
        height : 60px
    }

    .header-menu__link .text {
        font-size   : 14px;
        line-height : 16px
    }

    .header-search__search .input-grey input {
        padding    : 14px 20px;
        min-height : 40px
    }

    .footer__logo {
        max-width : 138px;
        min-width : 138px
    }

    .footer-menu__col {

    }

    .footer-menu__col ul li {
        font-size : 13px
    }

    .footer-menu__col.contact {
        max-width : 180px
    }

    .footer-menu__title {
        padding-bottom : 30px
    }

    .footer-menu__insta {
        width      : 24px;
        height     : 24px;
        margin-top : 40px
    }

    .footer-phone-block__title {
        font-size : 14px
    }

    .lk-sum__btn {
        font-size : 14px
    }

    .home-one-block__content {
        max-width : 452px
    }

    .home-one-block__img {
        width  : 600px;
        height : 400px;
        right  : 21px;
        top    : -50px
    }

    .home-one-block__title {
        font-size : 42px
    }

    .home-one-block__title .yellow-line:before {
        width  : 202px;
        height : 75px
    }

    .home-descript-block {
        margin : 70px 0
    }

    .home-descript-block__wrapper {
        border-radius : 50px;
        padding       : 50px 0
    }

    .home-descript-block__left {
        min-width : 382px
    }

    .home-descript-block__title {
        font-size : 30px
    }

    .home-descript-block__title b {
        font-size   : 42px;
        line-height : 44px
    }

    .home-descript-block__img {
        margin-top : 30px;
    }

    .home-descript-block__img img {
        width  : 376px;
        height : 376px;
    }

    .home-propagate-troubles {
        margin-bottom : 40px
    }

    .home-interest-publications__wrapper {
        border-radius : 100px;
        padding       : 50px 0
    }

    .about-us-global-page .text-editor img {
        width  : 100% !important;
        height : auto;
    }

    .about-us-global-page .text-editor ul {
        padding : 20px 0
    }

    /*.about-us-global-page__title {*/
    /*    font-size : 36px*/
    /*}*/
    .about-us-global-page__subtitle {
        font-size : 24px;
        padding   : 20px 0
    }

    .about-us-global-page__quote {
        font-size     : 24px;
        border-radius : 25px;
        text-align    : center;
    }

    .about-us-certificate__title {
        padding-bottom : 15px
    }

    .contact-global-page {
        padding-bottom : 70px
    }

    .contact-global-page__col {
        margin-top : 24px;
        width      : 400px;
    }

    .contact-global-page__map {
        min-width : calc(100vw - 400px);
    }

    .services-price-global-page {
        margin-bottom : 70px
    }

    .take-test-page {
        margin-bottom : 70px
    }

    .take-test-page__rules {
        padding       : 15px 30px;
        border-radius : 25px
    }

    .take-test-page__rules img {
        width  : 24px;
        height : 24px
    }

    .take-test-page__rules span {
        font-size : 20px
    }

    .news-global-page {
        margin-bottom : 70px
    }

    .news-global-page__category--item {
        padding       : 15px 30px;
        border-radius : 25px
    }

    .news-global-page__category--item img {
        width  : 24px;
        height : 24px
    }

    .news-global-page__category--item span {
        font-size : 20px
    }

    .lk-global-login__input input {
        min-height : 56px;
        padding    : 10px 15px
    }

    .lk-register-step__btn {
        min-height : 300px;
        font-size  : 32px
    }

    .lk-register-step__btn-step {
        padding     : 15px 60px;
        font-size   : 20px;
        line-height : 130%
    }

    .modal-reserve-global {
        max-width : 800px
    }

    .modal-reserve-table__text {
        font-size : 14px
    }
}

@media (max-width : 1450px) {
    .home-one-block__img {
        right : -50px
    }

    .header__logo {
        min-width : 110px;
        max-width : 110px;
    }

    .header-menu__link img {
        width  : 40px;
        height : 40px;
    }

    .header-menu {
        gap : 8px;
    }
}

@media (max-width : 1400px) {
    .footer-menu {
        margin : 0 15px
    }
}

@media (max-width : 1199.98px) {
    .container-big {
        padding : 0 32px
    }

    .container {
        padding : 0 32px
    }

    .input-grey__title {
        font-size : 14px
    }

    .input-grey input,
    .input-grey textarea {
        min-height : 32px
    }

    .radio span {
        font-size : 14px
    }

    .btn {
        min-height : 48px;
        padding    : 10px 24px;
        font-size  : 16px
    }

    .modal__content--image::before {
        width : 174px
    }

    .modal__arrows {
        max-width : 895px
    }

    .select__dropdown {
        right : 0;
        left  : inherit
    }

    .yellow-line:before {
        width  : 200px !important;
        height : 45px !important
    }

    .title {
        font-size : 32px
    }

    .title:not(:last-child) {
        margin-bottom : 16px;
    }

    .header__logo {
        flex-shrink : 0;
        max-width   : 60px;
        min-width   : auto;

        img {
            height : auto;
        }
    }

    .header__menu {
        display : none
    }

    .header__right-block {
        margin-left : auto;
        padding-top : 0;
        display     : none;
    }

    .header__number-col--item span {
        font-size   : 14px;
        line-height : 16px
    }

    .header__number-col--item img {
        width  : 14px;
        height : 14px
    }

    .header__burger-btn {
        flex-shrink     : 0;
        display         : flex;
        align-items     : center;
        justify-content : center;
        width           : 32px;
        height          : 32px;
        padding         : 7px;
        border-radius   : 100px;
        border          : 1px solid #afc3c3;
    }

    .header-checkout-mob {
        position : relative;
        display : block;
        margin-right: 12px;
        margin-left: auto;
    }
    .header-checkout-mob .menu-in {
        width           : 32px;
        height          : 32px;
    }

    .header-checkout-mob .menu-in .text{
        display : none;
    }

    .header-burger-btn .icon {
        width  : 100%;
        height : 100%
    }

    #cart-button-mobile {
        position: relative;
        width: fit-content;
    }

    #cart-button-mobile,
    .header-checkout-btn {
        flex-shrink     : 0;
        display         : flex;
        align-items     : center;
        justify-content : center;
        width           : 32px;
        height          : 32px;
        padding         : 0;
        border-radius   : 0;
        margin-left     : auto;
        border          : none;
    }

    #cart-button-mobile img,
    .header-checkout-btn img {
        width  : 100%;
        height : 100%;
        object-fit: contain;
    }

    .header-search__search--btn {
        width  : 20px;
        height : 20px;
        right  : 20px
    }

    .header-search__search .input-grey input {
        height        : 40px;
        padding       : 4px 15px;
        font-size     : 14px;
        line-height   : 16px;
        border-radius : 32px;
    }

    .header-menu__link .disabled::after {
        padding-left    : 60px;
        text-align      : left;
        line-height     : 1;
        justify-content : flex-start;
    }

    .footer {
        padding : 50px 0 0
    }

    .footer__logo {
        min-width : 108px;
        max-width : 108px
    }

    .footer__copyright {
        font-size : 14px
    }

    .footer-menu__title {
        font-size      : 18px;
        padding-bottom : 15px
    }

    .footer-phone-block__link {
        font-size : 14px
    }

    .footer-phone-block__link img {
        width  : 16px;
        height : 16px
    }

    .home-one-block__content {
        max-width : 327px
    }

    .home-one-block__img {
        width  : 500px;
        height : 300px;
        right  : 0
    }

    .home-one-block__title {
        font-size : 36px
    }

    .home-one-block__btn {
        margin-top : 30px
    }

    .home-one-block__btn .btn {
        font-size : 16px
    }

    .home-descript-block__wrapper {
        padding       : 30px 0;
        border-radius : 50px
    }

    .home-descript-block__left {
        min-width    : 275px;
        margin-right : 15px
    }

    .home-descript-block__title {
        font-size   : 22px;
        line-height : 24px
    }

    .home-descript-block__title b {
        font-size   : 30px;
        line-height : 32px
    }

    .home-descript-block__img {
        margin-top : 15px;
        width      : 100%;
    }

    .home-descript-block__img img {
        width  : 180px;
        height : 180px
    }

    .home-descript-block__text {
        margin-top : 0;
        max-width  : 450px
    }

    .home-descript-block__text p {
        padding-bottom : 16px;
        font-size      : 14px;
        line-height    : 18px
    }

    .home-descript-block__text a {
        font-size   : 16px;
        line-height : 18px
    }

    .home-propagate-troubles__title {
        font-size : 36px
    }

    .home-propagate-troubles__content.swiper-wrapper {
        padding-top : 40px
    }

    .home-propagate-troubles__item--img {
        width  : 70px;
        height : 70px
    }

    .home-propagate-troubles__item--wrapper {
        padding : 50px 15px 25px 15px
    }

    .home-propagate-troubles__content.swiper-wrapper {
        grid-template-columns : repeat(3, 1fr);
        gap                   : 20px;
    }

    .home-interest-publications__wrapper {
        border-radius : 50px;
        padding       : 30px 0
    }

    .home-interest-publications__title span {
        font-size   : 36px;
        line-height : 100%
    }

    .home-interest-publications__title a {
        font-size   : 16px;
        margin-left : 50px
    }

    @media (max-width: 992px) {
        .home-interest-publications__title:not(:last-child) {
            margin-bottom : 40px;
        }

        .home-interest-publications__item--title {
            font-size   : 16px;
            padding : 8px 0;
        }
    }


    .home-interest-publications__items.swiper-wrapper {
        margin-top            : 30px;
        grid-template-columns : repeat(2, 1fr);
        gap                   : 20px;
    }

    .home-services-goods {
        margin : 70px 0
    }

    .home-services__items {
        grid-template-columns : repeat(3, 1fr);
    }

    .home-services-goods__title {
        font-size   : 36px;
        line-height : 100%
    }

    .home-services__item span {
        font-size   : 18px;
        line-height : 20px
    }

    .home-services__btn {
        padding     : 10px 35px;
        font-size   : 16px;
        line-height : 130%
    }

    .home-goods__item img {
        width  : 80px;
        height : 80px
    }

    .home-goods__item span {
        font-size   : 18px;
        line-height : 20px
    }

    .home-current-issues {
        margin-bottom : 70px
    }

    .home-current-issues__title {
        font-size   : 36px;
        line-height : 100%
    }

    .home-current-issues__items {
        margin-top : 30px
    }

    .home-current-issues-item__title {
        font-size   : 20px;
        line-height : 100%
    }

    .home-current-issues-item__content {
        font-size   : 14px;
        line-height : 130%
    }

    .about-us-global-page .text-editor p {
        font-size   : 14px;
        line-height : 130%
    }

    .about-us-global-page .text-editor ul li {
        font-size    : 14px;
        line-height  : 130%;
        padding-left : 30px;
        margin-left: 0;
    }

    .about-us-global-page .text-editor ul li:before {
        top    : 0 !important;
        width  : 16px !important;
        height : 25px !important;
    }

    /*.about-us-global-page__title {*/
    /*    font-size : 32px*/
    /*}*/
    .about-us-global-page__subtitle {
        font-size : 20px;
        padding   : 15px 0
    }

    .about-us-global-page__quote {
        font-size     : 18px;
        padding       : 15px 25px;
        margin-bottom : 30px
    }

    .about-us-certificate__title {
        font-size : 32px
    }

    .contact-global-page__col {
        margin-top : 15px;
        width      : 350px;
    }

    .contact-global-page__map {
        min-width : calc(100vw - 350px);
    }


    .take-test-page__header--btn {
        min-height : 42px;
        font-size  : 14px
    }

    .take-test-page-item__title {
        font-size      : 16px;
        padding-bottom : 16px
    }

    .take-test-page-item__row--text {
        font-size : 14px
    }

    .jq-selectbox {
        min-width : 300px;

        .jq-selectbox__select {
            height     : 42px;
            min-height : 42px;
        }
    }

    .news-item__img {
        width     : 200px;
        height    : 200px;
        min-width : 200px
    }

    .news-item__date {
        font-size : 12px
    }

    .news-item__title {
        font-size   : 20px;
        line-height : 130%
    }

    .news-item__text {
        font-size   : 14px;
        line-height : 130%;
        padding     : 15px 0
    }

    .news-item-global-page__sidebar {
        /*margin-left : 50px*/
    }

    .news-item-global-page__sidebar .news-global-page__category--item span {
        /*font-size : 20px*/
    }

    .certificate-slider {
        &:not(.swiper-initialized) {
            .swiper-wrapper {
                gap : 30px
            }

            .swiper-slide {
                width : calc(33.333% - 30px);
            }
        }
    }

    .news-item-page__title {
        font-size : 36px
    }

    .news-item-page__date {
        padding-bottom : 15px
    }

    .news-item-page__img {
        margin-bottom : 15px
    }

    .news-item-page__content {
        font-size : 14px
    }

    .news-item-page__content ul {
        padding-left : 20px;
        padding-top  : 10px
    }

    .news-item-page__content ul li {
        padding-left   : 30px;
        font-size      : 14px;
        padding-bottom : 12px
    }

    .news-item-page__content ul li:before {
        height : 20px
    }

    .news-item-sidebar__img {
        height : 200px
    }

    .news-item-sidebar__title {
        font-size : 14px
    }

    .lk-global-login__input input {
        min-height : 40px;
        font-size  : 16px
    }

    .lk-register-step__btn {
        font-size  : 26px;
        min-height : 250px
    }

    .lk-register-step-global__content {
        padding : 20px 25px
    }

    .lk-register-step-global__content .header-search__search .input-grey input {
        min-height : 40px
    }

    .lk-register-step-global__title {
        font-size : 28px
    }

    .lk-register-step-global__step {
        font-size : 14px
    }

    .lk-register-header__item {
        max-width : 100px
    }

    .lk-register-header__item--number {
        width     : 30px;
        height    : 30px;
        font-size : 14px
    }

    .lk-register-header__item--title {
        font-size : 12px
    }

    .lk-register-header__line {
        width      : 30px;
        margin-top : 15px
    }

    .register-tabs-step1__header--item {
        margin-right : 20px
    }

    .register-tabs-step1__header--item span {
        font-size : 14px
    }

    .modal-reserve-table {
        min-width : 700px
    }

    .footer__wrapper {
        gap            : 24px;
        flex-direction : column;
        align-items    : center;
        padding-bottom : 32px;
    }

    .footer__left {
        flex-direction : row;
        gap            : 16px;
        max-width      : 100%;
        margin-right   : auto;
    }
}

@media (max-width : 991.98px) {
    #bingc-phone-button {
        bottom : 5% !important;
    }

    .container-big {
        padding : 0 24px
    }

    .container {
        padding : 0 24px
    }

    .show-tour {
        margin-bottom : 0;
    }

    .show-tour .container {
        padding : 0;
    }

    .show-tour iframe {
        border-radius : 0;
        height        : 646px;
        width         : 100%;
    }

    .modal__content--image::before {
        width : 160px
    }

    .modal__arrows {
        max-width : 100%;
        width     : calc(100% - 48px)
    }

    .title {
        font-size : 24px
    }

    .footer {
        padding : 40px 0 0
    }

    .footer__wrapper {
        flex-direction : column;
        align-items    : center;
        padding-bottom : 32px;
    }

    .footer__copyright {
        display : none
    }

    .footer__copyright.mobile {
        margin-top : 30px;
        display    : block;
        width      : 100%;
        text-align : center
    }

    .footer-menu {
        margin : 25px 0
    }

    .footer-menu__col {
        margin : 0
    }

    .footer-menu__col.info {
        max-width : 140px
    }

    .home-goods {
        display        : flex;
        flex-direction : column;
        row-gap        : 20px;
    }

    .home-goods .home-goods__item img {
        width  : 148px;
        height : 148px;
    }

    .home-goods__items {
        width          : 100%;
        display        : flex;
        flex-direction : column;
        align-items    : center;
    }

    .home-goods__item {
        display        : flex;
        flex-direction : column;
        align-items    : center;
        padding        : 20px;
        width          : 100%;
        row-gap        : 16px;
    }

    .home-propagate-troubles__content.swiper-wrapper {
        display : flex;
        gap     : 0;
    }

    .home-interest-publications__items.swiper-wrapper {
        display : flex;
        gap     : 0;
    }

    .home-interest-publications__link {
        margin-top : 40px;
        font-size : 18px;
        font-weight : 500;
    }

    .news-item-global-page__wrapper {
        display        : flex;
        flex-direction : column;
        row-gap        : 20px;
    }

    .home-services__list {
        grid-template-columns : repeat(3, 1fr);
        gap                   : 32px 12px;

        &:not(:last-child) {
            margin-bottom : 32px;
        }
    }

    .home-services__item {
        padding : 12px;

        .image {
            width  : 80px;
            height : 80px;

            &::before {
                width  : 56px;
                height : 70px;
            }
        }
    }

    .take-test-page__rules {
        padding : 12px 16px;
        border-radius : 20px;
    }

    .sub-category {
        &:not(:last-child) {
            margin-bottom : 32px;
        }

        .sub-category-title {
            font-size   : 24px;
            line-height : 28px;
        }

        .sub-category-subtitle {
            font-weight : 500;
            line-height : 24px;

            &:not(:last-child) {
                margin-bottom : 16px;
            }
        }

        .sub-category-text {
            padding     : 16px;
            font-size   : 14px;
            line-height : 20px;
        }
    }

    .lk-sum__close {
        display   : block;
        position  : fixed;
        top       : 15px;
        right     : 15px;
        color     : #ffffff;
        font-size : 40px
    }

    .lk-sum {
        position   : fixed;
        bottom     : 0;
        left       : 0;
        width      : 100%;
        background : #4e8a8c;
        z-index    : 3;
        top        : 0;
        margin     : 0;
        opacity    : 0;
        visibility : hidden;
        transition : .3s linear;
        overflow-y : auto
    }

    .lk-sum.js-active {
        opacity    : 1;
        visibility : visible
    }

    .lk-sum__wrapper {
        flex-direction  : row;
        flex-wrap       : wrap;
        padding         : 80px 15px;
        justify-content : space-between
    }

    .lk-sum__title {
        display : none
    }

    .lk-sum__text {
        text-align : right;
        max-width  : 300px
    }

    .lk-sum__calendar {
        margin-top : 0
    }

    .lk-sum__number {
        width      : calc(100% - 200px);
        margin-top : 0;
        text-align : right;
        font-size  : 30px
    }

    .home-one-block__img {
        width     : 300px;
        top       : 50%;
        transform : translateY(-50%);
        height    : 250px
    }

    .services-item {

        td:first-child {
            padding-left : 0;
        }

        /*&:has(td:nth-child(5)) {*/
        /*    td:nth-child(4) {*/
        /*        width     : 12%;*/
        /*        min-width : 12%;*/
        /*    }*/

        /*    td:nth-child(5) {*/
        /*        width : 100%;*/
        /*    }*/
        /*}*/


        /*td:nth-child(1) {*/
        /*    width     : 34px;*/
        /*    min-width : 34px;*/
        /*}*/

        /*td:nth-child(2) {*/
        /*    width     : 30%;*/
        /*    min-width : 30%;*/
        /*}*/

        /*td:nth-child(3) {*/
        /*    width      : 22%;*/
        /*    min-width  : 22%;*/
        /*    text-align : center;*/
        /*}*/

        /*td:nth-child(4) {*/
        /*    width : 100%;*/
        /*}*/

        /*td:nth-child(5) {*/
        /*    width : 100%;*/
        /*}*/
    }

    .services-price-global-page__table tbody tr td {
        font-size     : 12px;
        line-height   : 1;
        padding       : 12px 10px;
        border-bottom : 1px solid #b6b6b6;
    }

    .services-price-global-page__table thead tr {
        line-height    : 1;
        text-align     : left;
        border-bottom  : 1px solid #b6b6b6;
        padding-bottom : 12px;

        th {
            padding-bottom : 8px;
        }

        /*th:nth-child(1) {*/
        /*    width     : 65px;*/
        /*    min-width : 65px;*/
        /*}*/

        /*th:nth-child(2) {*/
        /*    width     : 30%;*/
        /*    min-width : 30%;*/
        /*}*/

        /*th:nth-child(3) {*/
        /*    width      : 22%;*/
        /*    min-width  : 22%;*/
        /*    text-align : center;*/
        /*}*/

        /*th:nth-child(4) {*/
        /*    width     : 12%;*/
        /*    min-width : 12%;*/
        /*}*/

        /*th:nth-child(5) {*/
        /*    width : 100%;*/
        /*}*/
    }

    .services-price-global-page__table tbody tr td:nth-child(5) {
        font-weight : 400;
        line-height : 150%;
        width       : auto;
    }

    .services-item .icon-services {
        height : 56px;
        border-bottom: none;
    }

    .table-hover {
        padding : 16px !important;
        /*max-width : calc(100vw - 32px);*/
        /*display   : flex;*/
        /*flex-wrap : wrap;*/
        /*padding   : 16px 0;*/

        /*&:has(.table-hover-item:nth-child(3)) {*/
        /*    display   : flex;*/
        /*    flex-wrap : wrap;*/
        /*    padding   : 16px 0;*/

        /*    .table-hover-item {*/
        /*        width : 50%;*/
        /*    }*/
        /*}*/

        /*.table-hover-item {*/
        /*    padding : 16px;*/
        /*    width   : 50%;*/

        /*    &:last-child {*/
        /*        width : 100%;*/
        /*    }*/
        /*}*/


        .table-hover-close {
            top   : 12px;
            right : 12px;
        }

        .hover-title {
            font-size : 20px;

            &:not(:last-child) {
                margin-bottom : 12px;
            }
        }

        .hover-text {
            font-size : 14px;

            &:not(:last-child) {
                margin-bottom : 16px;
            }
        }

        .table-hover-title {
            font-size : 16px;
            /*line-height : 16px;*/

            /*&:not(:last-child) {*/
            /*    margin-bottom : 8px;*/
            /*}*/
        }

        .table-hover-text {
            /*max-height  : 232px;*/
            /*overflow-y  : auto;*/
            /*overflow-x  : hidden;*/
            /*font-size   : 12px;*/
            /*line-height : 1.3;*/

            padding : 4px 0 8px;
        }
    }

    .about-us-global-page .text-editor ul {
        margin-left : 0
    }

    /*.about-us-global-page__title {*/
    /*    font-size : 24px*/
    /*}*/
    .about-us-global-page__subtitle {
        font-size : 16px
    }

    .about-us-global-page__quote {
        margin        : 0;
        margin-bottom : 15px
    }

    .about-us-certificate__title {
        font-size : 24px
    }

    .contact-global-page__col {
        width : 300px;
    }

    .contact-global-page__map {
        min-width : calc(100vw - 300px);
    }

    .contact-item__phone {
        font-size   : 18px;
        line-height : 20px
    }

    .contact-item__phone img {
        width  : 16px;
        height : 16px
    }

    .home-services__items {
        grid-template-columns : repeat(2, 1fr);
        gap                   : 12px 32px;
    }

    .home-services__item {
        padding : 0;
    }

    .home-services__item .image {
        width  : 80px;
        height : 80px;
    }

    .service-price-table-item__title {
        font-size   : 12px;
        line-height : 1;
    }

    .service-price-table-item__wrapper ul li {
        font-size   : 12px;
        line-height : 1;
    }

    .news-item-global-page__wrapper {
        flex-direction : column
    }

    .news-item-global-page__sidebar {
        display     : flex;
        align-items : center;
        flex-wrap   : wrap;
        gap         : 8px;
    }

    .news-item-global-page .news-item-category {
        width           : fit-content;
        display         : flex;
        align-items     : center;
        justify-content : center;
        min-height      : 40px;
        padding         : 12px 20px;
        border          : none;
        font-size       : 14px;
        font-weight     : 400;
        line-height     : 1;
        border-radius   : 50px;
        background      : #f1fbfb;

        &:not(:last-child) {
            border : none;
        }

    }

    .news-item-global-page__sidebar--category {
        /*display     : flex;*/
        /*align-items : center;*/
        /*overflow-y  : auto;*/
        /*width       : 100%*/
    }

    .news-item-global-page__sidebar .news-global-page__category--item {
        /*margin-right : 15px*/
    }


    .news-sidebar-slider {
        &:not(.swiper-initialized) {
            .swiper-wrapper {
                gap : 30px
            }

            .swiper-slide {
                width : calc(33.333% - 30px);
            }
        }
    }

    .news-item__btn {
        padding    : 2px 0 !important;
        min-height : 24px;
    }

    .error-section {
        padding : 40px 0;

        .error-title {
            text-align  : center;
            font-size   : 24px;
            line-height : 1.1;
        }


        .sitemap {
            padding    : 12px 24px;
            background : #f1fbfb;
            font-size  : 16px;

            .icon {
                width  : 16px;
                height : 16px;
            }
        }

    }

    .take-test-page__header {
        padding-bottom : 54px;
    }

    .take-test-page__header--left {
    }

    .take-test-page__header--search {
        right  : auto;
        top    : auto;
        left   : 0;
        bottom : 0;
        height : auto;
        width  : 100%;
    }

    .header-search__search {
        width : 100%;
    }

    .jq-selectbox {
        min-width : 100%;
    }

    .lk-register-step-global__burger {
        display   : block;
        width     : 50px;
        height    : 50px;
        position  : absolute;
        top       : 50%;
        right     : 30px;
        transform : translateY(-50%)
    }

    .lk-register-step-global__burger svg {
        width  : 100%;
        height : 100%;
        fill   : #ffffff
    }

    .lk-register-step-global__wrapper {
        flex-direction : column;
        align-items    : center;
        padding-bottom : 126px
    }

    .lk-register-step-global__leftbar {
        width    : 100%;
        position : relative
    }

    .lk-register-step-global__logo {
        width : 100px
    }

    .register-tabs-step1__header {
        display     : flex;
        align-items : center
    }

    .modal-reserve-global__wrapper {
        padding : 25px
    }

    .modal-reserve-global__text {
        padding   : 20px 0;
        font-size : 14px
    }

    .popup-modal {
        width      : 100dvw;
        height     : 100dvh;
        max-height : 100dvh;
    }

    .search-result .search-result-item {
        display : flex;
        align-items: center;
        gap: 12px;
        font-size : 16px;
    }

    .popup-modal-title {
        font-size   : 24px;
        line-height : 1;
    }

    .popup-modal-close {
        top   : 24px;
        right : 24px;
    }

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

    .btn-send {
        min-height : 46px;
        padding    : 8px 16px;
    }

    [js-slider-mobile] {
        position       : relative;
        width          : 100%;
        padding-bottom : 20px !important;

        &:not(.swiper-initialized) {
            overflow : hidden;

            .swiper-wrapper {
                display      : flex;
                align-items  : stretch;
                overflow     : hidden;
                margin-right : -12px;
            }

            .swiper-slide {
                width        : 70%;
                flex-shrink  : 0;
                margin-right : 12px;
            }

            .swiper-scrollbar {
                display : none;
            }
        }

    }

    .certificate-section {
        .certificate-title {
            font-size   : 28px;
            line-height : 34px;
            text-align  : center;
        }

        .certificate-slider {
            &:not(.swiper-initialized) {
                .swiper-wrapper {
                    gap : 12px
                }

                .swiper-slide {
                    width : calc(50% - 12px);
                }
            }
        }
    }
}

@media (max-width : 759.98px) {
    [js-slider-mobile]:not(.swiper-initialized) .swiper-slide {
        width : 75%;
    }

    .certificate-section {
        .certificate-slider {
            margin-right : -24px;

            &:not(.swiper-initialized) {
                .swiper-slide {
                    width : calc(75% - 12px);
                }
            }

            .swiper-scrollbar {
                width : calc(100% - 24px);
            }
        }
    }

    .modal__content--image::before {
        display : none
    }

    .modal__arrows {
        display : none
    }

    .home-descript-block__wrapper {
        border-radius : 25px;
        padding       : 24px 0
    }

    .home-descript-block__content {
        flex-direction : column
    }

    .home-descript-block__img {
        margin : 30px 0
    }

    .home-descript-block__img img {
        width  : 150px;
        height : 150px
    }

    .home-descript-block__text {
        max-width : 100%
    }

    .home-interest-publications__wrapper {
        border-radius : 25px;
        padding       : 24px 0
    }

    .home-services-goods__wrapper {
        row-gap : 72px;
    }

    .home-services__list {
        grid-template-columns : repeat(2, 1fr);
    }

    .take-test-page__item {
        width : calc(50% - 30px)
    }

    .popup-modal-wrap {
        padding : 20px 20px 40px;
    }

    .btn-send {
        width     : 100%;
        font-size : 16px;
    }

    .footer__wrapper {
        justify-content : center;
        text-align      : center;

        .btn {
            min-height : 40px;
            width      : 100%;
        }
    }

    .footer__left {
        flex-direction  : column;
        align-items     : center;
        justify-content : center;
    }

    .footer-menu__col {
        width     : 100%;
        max-width : 100% !important;
    }

    .footer-menu ul {
        display         : flex;
        align-items     : center;
        justify-content : center;
        flex-wrap       : wrap;
        gap             : 12px 16px
    }

    .footer-menu ul li {
        width       : fit-content;
        flex-shrink : 0;
        font-size   : 14px;
        line-height : 1.2;
    }

    .footer-menu__col ul li:not(:last-child) {
        margin-bottom : 0;
    }

    .footer-phone-block {
        flex-direction  : row;
        flex-wrap       : wrap;
        align-items     : center;
        justify-content : center;
        gap             : 12px 16px;
    }

    .footer-phone-block__link {
        width : fit-content;
    }

    .footer-phone-block__link:not(:last-child) {
        margin-bottom : 0;
    }

    .footer-menu__insta {
        margin-top : 16px;
    }

    .footer-menu__wrapper {
        display         : flex;
        flex-direction  : column;
        align-items     : center;
        justify-content : center;
        row-gap         : 16px;
    }

    .dogovir-oferti {
        display : none;
    }

    .footer-mobile-link {
        display         : flex;
        align-items     : center;
        justify-content : center;
    }

    .copyright-item {
        font-size : 12px;
    }


    .news-sidebar-slider {
        &:not(.swiper-initialized) {
            .swiper-wrapper {
                gap : 12px
            }

            .swiper-slide {
                width : calc(75% - 12px);
            }
        }
    }
}

@media (max-width : 649.98px) {
    .container-big {
        padding : 0 16px
    }

    .container {
        padding : 0 16px
    }

    .radio span::before {
        width  : 20px;
        height : 20px;
        top    : calc(50% - 20px / 2)
    }

    .radio span::after {
        width  : 20px;
        height : 20px;
        top    : calc(50% - 20px / 2)
    }

    .modal.modal-mob {
        left       : -100%;
        transition : .3s
    }

    .modal.modal-mob .modal__content {
        transform : none;
        opacity   : 1
    }

    .modal.modal-mob.active {
        left       : 0;
        opacity    : 1;
        visibility : visible
    }

    .modal.modal-mob.active .modal__content {
        opacity   : 1;
        transform : none
    }

    .select__checkboxs {
        padding : 8px 16px
    }

    .select__checkbox {
        margin         : 0;
        padding-top    : 10px;
        padding-bottom : 10px
    }

    .yellow-line:before {
        /*display : none*/
        width  : 200px !important;
        height : 36px !important;
    }

    .modal-callback__wrapper {
        min-width : 310px;
        padding   : 30px
    }

    .modal-callback__close {
        width  : 36px;
        height : 36px;
        top    : 0;
        right  : 0
    }

    .modal-callback__close svg {
        width  : 30px;
        height : 30px
    }

    .header__number-col {
        display : none
    }

    .burger-block__logo {
        /*width  : 130px;*/
        /*height : 80px*/
    }

    .burger-block .header__number-col {
        display : flex
    }

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

    .footer-menu__col {
        text-align : center
    }

    .footer-menu__col.contact {
        display        : flex;
        flex-direction : column;
        align-items    : center
    }

    .lk-sum__wrapper {
        flex-direction : column
    }

    .lk-sum__text {
        font-size  : 14px;
        text-align : center;
        width      : 100%;
        max-width  : 100%
    }

    .lk-sum__calendar {
        max-width : 160px
    }

    .lk-sum__number {
        font-size : 20px;
        width     : calc(100% - 160px)
    }

    .home-one-block {
        padding-top : 20px
    }

    .header-search__text {
        margin-top   : 6px;
        padding-left : 8px;
    }

    .home-one-block__wrapper {
        position       : relative;
        flex-direction : column;
        text-align     : center;
        padding-bottom : 50px;
    }

    .home-one-block__content {
        max-width : 100%
    }

    .home-one-block__img {
        position  : static;
        transform : initial;
    }

    .home-one-block__btn .btn {
        max-width   : 100%;
        text-align  : center;
        font-size   : 16px;
        line-height : 1.2;
    }

    .home-one-block__title {
        font-size : 28px
    }

    .home-one-block__btn {
        position    : absolute;
        bottom      : 0;
        left        : 50%;
        width       : 100%;
        transform   : translateX(-50%);
        margin-top  : 0;
        white-space : nowrap;
    }

    .home-descript-block {
        margin : 35px 0
    }

    .home-descript-block__left {
        margin-right : 0;
        min-width    : initial;
        width        : 100%
    }

    .home-descript-block__title {
        font-size   : 20px;
        line-height : 22px
    }

    .home-descript-block__title b {
        font-size   : 26px;
        line-height : 28px
    }

    .home-descript-block__img {
        margin : 15px 0
    }

    .home-descript-block__img img {
        width  : 130px;
        height : 130px
    }

    .home-propagate-troubles__title {
        font-size : 32px
    }

    .home-propagate-troubles__item--wrapper {
        padding       : 40px 16px 16px 16px;
        border-radius : 0 25px 25px 25px
    }

    .home-interest-publications__title {
        flex-direction : column;
        align-items    : flex-start
    }

    .home-interest-publications__title span {
        font-size : 32px
    }

    .home-interest-publications__title a {
        margin-left : 0;
        margin-top  : 15px
    }

    .home-interest-publications__items.swiper-wrapper {
        margin     : 0;
    }

    .home-interest-publications__item {
        width   : 100%;
        padding : 16px;
    }

    .home-current-issues-item__title {
        font-size : 18px
    }

    .about-us-certificate__content {
        margin : 0
    }

    .about-us-certificate__item {
        margin        : 0;
        margin-bottom : 15px;
        width         : 100%
    }

    .contact-global-page {
        padding-bottom : 35px
    }

    .contact-global-page__content {
        flex-direction : column;
        align-items    : flex-start;
        margin-top     : 20px;
        row-gap        : 20px;
    }

    .contact-global-page__col {
        margin-top : 0;
        width      : 100%;
        order      : 2;
    }

    .contact-global-page__map {
        width     : calc(100% + 32px);
        height    : 420px;
        min-width : auto;
        margin    : 0 -16px;
        order     : 1;
    }

    .contact-item.email {
        margin-top : 15px
    }

    .contact-item.adress {
        margin-top : 15px;
        max-width  : 200px
    }

    .contact-item__title {
        padding-bottom : 10px
    }

    .contact-item__phone {
        font-size   : 14px;
        line-height : 16px
    }

    .services-price-global-page {
        margin-bottom : 35px
    }

    .take-test-page {
        margin-bottom : 35px
    }

    .take-test-page__header {
        flex-direction  : column;
        row-gap: 16px;
        align-items     : flex-start;
        justify-content : flex-start;
        padding-bottom: 32px;

        .ts-wrapper {
            min-height: 42px;
            height : 42px;
        }
    }

    .take-test-page__header--left {
        width : 100%;
        display : grid;
        grid-template-columns : repeat(2, 1fr);
        gap: 10px;

        .take-test-page__header--btn {
            margin : 0;
        }
    }

    .take-test-page__items {
        margin      : 0;
        padding-top : 20px
    }

    .take-test-page__item {
        width         : 100%;
        margin        : 0;
        margin-bottom : 15px
    }

    .take-test-page-item__wrapper {
        padding-bottom : 15px
    }

    .news-global-page {
        margin-bottom : 35px
    }

    .news-global-page__content {
        margin-bottom : 0
    }

    .news-item__wrapper {
        flex-direction : column
    }

    .news-item__img {
        min-width     : initial;
        height        : initial;
        width         : 100%;
        margin-bottom : 15px
    }

    .news-item__content {
        margin-left : 0
    }

    .news-item__top {
        margin-bottom : 5px;
    }

    .news-item-page__title {
        font-size : 30px
    }

    .news-item-page__img {
        height : 200px
    }

    .lk-global-login {
        padding : 0 15px
    }

    .lk-global-login__wrapper {
        padding : 30px 30px
    }

    .lk-register-step__btns {
        margin : 0 -8px
    }

    .lk-register-step__btn {
        margin     : 0 8px;
        width      : calc(50% - 16px);
        min-height : 200px;
        font-size  : 20px
    }

    .lk-register-step__btn:first-child {
        margin-right : 8px
    }

    .lk-register-step-global__content {
        padding : 15px
    }

    .lk-register-step-global__content .calendar .flatpickr-calendar {
        max-width : initial;
        width     : 100%
    }

    .lk-register-step-global__content .calendar .flatpickr-days {
        width : 100%
    }

    .lk-register-step-global__content .calendar .flatpickr-days .dayContainer {
        min-width : initial;
        width     : 100%;
        max-width : 100%
    }

    .lk-register-step-global__header {
        padding-bottom : 30px
    }

    .lk-register-step-global__title {
        font-size : 24px
    }

    .lk-register-header__item {
        max-width : 75px
    }

    .lk-register-header__item--number {
        width     : 24px;
        height    : 24px;
        font-size : 12px
    }

    .lk-register-header__item--title {
        font-size : 10px
    }

    .register-tabs-step1__content--add-animal .icon {
        width  : 40px;
        height : 40px
    }

    .card-payments__row .cvv {
        max-width : 70px
    }

    .lk-register-step-send__list--block {
        height : 200px
    }
}

@media all and (max-width : 649.98px) {
    .modal__body {
        padding : 0
    }
}

@media (prefers-reduced-motion : reduce) {
    * {
        -webkit-animation-duration        : 0s !important;
        animation-duration                : 0s !important;
        -webkit-animation-iteration-count : 1 !important;
        animation-iteration-count         : 1 !important;
        transition-duration               : 0s !important;
        scroll-behavior                   : auto !important
    }
}


@keyframes spin {
    from {
        transform : rotate(0deg);
    }
    to {
        transform : rotate(360deg);
    }
}

@keyframes spin-stamp {
    0% {
        transform : rotate(0deg) scale(1);
    }
    25% {
        transform : rotate(45deg) scale(1.1); /* Збільшуємо і обертаємо */
    }
    50% {
        transform : rotate(90deg) scale(1); /* Відновлюємо до нормального масштабу */
    }
    75% {
        transform : rotate(135deg) scale(1.1); /* Збільшуємо і обертаємо */
    }
    100% {
        transform : rotate(180deg) scale(1);
    }
}

@keyframes pulse {
    0% {
        opacity : 0;
    }
    1% {
        opacity          : .50;
        transform-origin : 50% 50%;
        transform        : rotate(-2deg) scale(5);
        transition       : all .3s cubic-bezier(0.6, 0.04, 0.98, 0.335);
    }
    100% {
        opacity   : 1;
        transform : rotate(0) scale(1);
    }
}