html {
    font-family: "Golos_Text";
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    scroll-behavior: smooth;
    min-height: 100vh;

    background-color: #F5F5F5;
}


body {
    margin: 0;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;

    position: relative;
    overflow-y: auto;

    transition: padding 0s;
}

main {
    display: block;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

pre {
    font-family: monospace, monospace;
    font-size: 1em;
}

a {
    background-color: transparent;
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline dotted;
}

b,
strong {
    font-weight: bold;
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

small {
    font-size: 80%;
}

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

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

img {
    border-style: none;
    display: block;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;
}

img[data-src] {
    cursor: pointer;
}

button {
    background-color: unset;
}

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

button,
input {
    overflow: visible;
    width: 100%;
    max-height: max-content;
}

button,
select {
    text-transform: none;
}

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

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}

progress {
    vertical-align: baseline;
}

textarea {
    overflow: auto;
    resize: none;
}

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

[type="search"] {
    -webkit-appearance: textfield;
    appearance: textfield;
    outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

details {
    display: block;
}

summary {
    display: list-item;
}

template {
    display: none;
}

[hidden] {
    display: none;
}

ul,
ol {
    list-style: none;
}

ol {
    counter-reset: ol;
}

ol li {
    counter-increment: ol;
}

ol li::before {
    content: counters(ol, ".") ". ";
}

li>ol {
    margin-left: 14px;
}

blockquote,
q {
    quotes: none;
}

a,
button,
label,
input[type="submit"] {
    cursor: pointer;
    display: block;
}

a {
    text-decoration: none;
    color: unset;
}

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

[data-error="true"] {
    box-shadow: 0px 0px 0px 2px rgb(225, 50, 50) inset;
}

* {
    text-wrap: pretty;
    margin: 0;
    padding: 0;
    border: 0;
    outline: none;
    vertical-align: baseline;
    -webkit-tap-highlight-color: transparent;
    transition: padding .1s, gap .1s, color .1s;

    --scrollbarRadius: 0px;
    --scrollbarWidth: 8px;
    --scrollbarHeight: 8px;
    --scrollbarBackgroundTrack: #fff0;
    --scrollbarBackgroundThumb: rgba(255, 214, 106, 1);

    --mobileResMin: 940;
    --mobileResMax: 1200;

    --linearInterpolation940x1200: calc((1200 * 1px - 100vw) / ((1200 - 940) / 100));
    --linearInterpolation500x940: calc((940 * 1px - 100vw) / ((940 - 500) / 100));
    --linearInterpolation500x1200: calc((1200 * 1px - 100vw) / ((1200 - 500) / 100));

    --minWidth: 327px;

    --sidePaddingClampFormula: clamp(var(--sidePaddingClampMin) * 1px, var(--sidePaddingClampMax) * 1px - (var(--linearInterpolation940x1200) * ((var(--sidePaddingClampMax) - var(--sidePaddingClampMin)) / 100)), var(--sidePaddingClampMax) * 1px);
    --sidePaddingClampFormulaLeft: var(--sidePaddingClampFormula);
    --sidePaddingClampFormulaRight: var(--sidePaddingClampFormula);
}

.__stopScrolling * {
    --sidePaddingClampFormulaRight: calc(var(--sidePaddingClampFormula) + var(--bodyScrollbarWidth));
}

:root {
    --baseIconArrow: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Asvg%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20version%3D%221.1%22%3E%0A%20%3Cg%20class%3D%22layer%22%3E%0A%20%20%3Ctitle%3ELayer%201%3C%2Ftitle%3E%0A%20%20%3Cg%20id%3D%22SVGRepo_bgCarrier%22%20stroke-width%3D%220%22%2F%3E%0A%20%20%3Cg%20id%3D%22SVGRepo_tracerCarrier%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%20%20%3Cg%20id%3D%22SVGRepo_iconCarrier%22%20transform%3D%22translate(0%200.005)%20translate(-0.005%200)%20rotate(90%20256.004%20255.999)%22%3E%0A%20%20%20%3Ctitle%3Etriangle-filled%3C%2Ftitle%3E%0A%20%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20id%3D%22Page-1%22%20transform%3D%22translate(0%2024.645)%20translate(-0.195%200)%20translate(2.55%203.28899)%20matrix(1.1216%200%200%201.1216%20-34.7696%20-46.736)%22%3E%0A%20%20%20%20%3Cg%20fill%3D%22%23000000%22%20id%3D%22drop%22%20transform%3D%22translate(32.000000%2C%2042.666667)%22%3E%0A%20%20%20%20%20%3Cpath%20d%3D%22m246.31%2C5.63c6.62%2C3.78%2012.1%2C9.26%2015.88%2C15.88l182.48%2C319.33c11.69%2C20.46%204.58%2C46.52%20-15.88%2C58.21c-6.45%2C3.69%20-13.74%2C5.63%20-21.17%2C5.63l-364.95%2C0c-23.57%2C0%20-42.67%2C-19.11%20-42.67%2C-42.67c0%2C-7.43%201.94%2C-14.72%205.62%2C-21.17l182.48%2C-319.33c11.69%2C-20.46%2037.75%2C-27.57%2058.21%2C-15.88z%22%20id%3D%22Combined-Shape%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%20%3C%2Fg%3E%0A%20%20%3C%2Fg%3E%0A%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');

    --fontSizeMin: 20;
    --fontSizeMax: 20;
    --baseVW: 4vw;
    --sidePaddingHTML: 20px;

    --akcentnyy: #f5d73c;
    --zagolovki: #303235;
    --tekst: #4f5359;
    --svetlyy-tekst: #737980;
    --belyy: #fff;
    --podlozhka: #f5f5f5;
}

*::-webkit-scrollbar {
    border-radius: var(--scrollbarRadius);
    height: var(--scrollbarHeight);
    width: var(--scrollbarWidth);
    background: var(--scrollbarBackgroundTrack);
}

*::-webkit-scrollbar-track {
    border-radius: var(--scrollbarRadius);
    background: var(--scrollbarBackgroundTrack);
}

/* *:not(html, body, main)::-webkit-scrollbar-track {
    border: 2px solid transparent;
    background-clip: content-box;
    border-radius: var(--scrollbarRadius);
} */

*::-webkit-scrollbar-thumb {
    border-radius: var(--scrollbarRadius);
    background: var(--scrollbarBackgroundThumb);
    height: var(--scrollbarHeight);
    width: var(--scrollbarWidth);
}

*::-webkit-scrollbar:disabled,
*::-webkit-scrollbar-track:disabled,
*::-webkit-scrollbar-thumb:disabled {
    background: #fff0;
}










/*
//////////////////
/////////////
/////////
!ADDITIONAL GLOBAL STYLES
/////////
/////////////
////////////////
*/
body.__stopScrolling {
    position: relative;
    /* padding-right: var(--bodyScrollbarWidth); */
}








/*
//////////////////
/////////////
/////////
SWIPER
/////////
/////////////
////////////////
*/
.swiper {
    overflow: visible;
}

.swiper-slide {
    width: fit-content;
}

:where(.swiper-wrapper, .swiper, *>:has(.swiper)) {
    min-width: 0px;
}

.swiper-pagination-bullet {
    margin: 0;
    opacity: 1;
    display: block;
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-horizontal.swiper-pagination-bullets {
    .swiper-pagination-bullet {
        margin: 0;
    }
}

.swiper--free {
    width: max-content;
    max-width: 100%;
    margin: 0;
}

.swiper--runningLine,
.ratingList {
    width: 100%;
}

:is(.swiper--runningLine, .ratingList) .swiper-wrapper {
    transition-timing-function: linear !important;
    will-change: transform, opacity;
}

:is(.swiper--runningLine, .ratingList) .swiper-slide {
    margin-right: 30px;
    height: auto;
    will-change: transform, opacity;
}


















/*
//////////////////
/////////////
/////////
AG-TABS
/////////
/////////////
////////////////
*/
.ag-tabs-switcher--disabled {
    filter: grayscale(1);
    opacity: 0.4;
    /* pointer-events: none; */
    cursor: unset;
}













/*
//////////////////
/////////////
/////////
!container
/////////
/////////////
////////////////
*/
.container {
    display: inherit;
    flex-direction: inherit;
    justify-content: inherit;
    align-items: inherit;
    gap: inherit;

    --sidePaddingClampMin: 0;
    --sidePaddingClampMax: 0;
    --maxWidth: 100%;

    width: 100%;
    height: inherit;
    max-width: calc(var(--maxWidth) + var(--sidePaddingClampFormulaLeft) + var(--sidePaddingClampFormulaRight));
    padding-left: var(--sidePaddingClampFormulaLeft);
    padding-right: var(--sidePaddingClampFormulaRight);
    margin: 0 auto;
    box-sizing: border-box;

    transition: all 0s;
}

.__stopScrolling .container .container {
    --sidePaddingClampFormulaLeft: calc(var(--sidePaddingClampFormula));
    --sidePaddingClampFormulaRight: calc(var(--sidePaddingClampFormula));
}

.container.container--nopadding {
    /* padding-left: 0;
    padding-right: 0; */
    --sidePaddingClampMin: 0;
    --sidePaddingClampMax: 0;
}

.container.container--alignLeft {
    margin: 0 auto 0 0;
}

.container.container--alignRight {
    margin: 0 0 0 auto;
}

.container--620 {
    --sidePaddingClampMin: 20;
    --sidePaddingClampMax: 30;
    --maxWidth: 620px;
}

.container--1310 {
    --sidePaddingClampMin: 20;
    --sidePaddingClampMax: 30;
    --maxWidth: 1310px;
}

.container--1180 {
    --sidePaddingClampMin: 20;
    --sidePaddingClampMax: 30;
    --maxWidth: 1180px;
}

.container--headerBlock__top {
    --sidePaddingClampMin: 10;
    --sidePaddingClampMax: 15;
    --maxWidth: 1180px;
}

.container--1880 {
    --sidePaddingClampMin: 20;
    --sidePaddingClampMax: 30;
    --maxWidth: 1880px;
}

.container--880 {
    --sidePaddingClampMin: 20;
    --sidePaddingClampMax: 30;
    --maxWidth: 880px;
}

.container--header {
    --sidePaddingClampMin: 10;
    --sidePaddingClampMax: 15;
    --maxWidth: 1180px;
}

.container--partnershipsSlider {
    --sidePaddingClampMin: 20;
    --sidePaddingClampMax: 30;
    --maxWidth: 1310px;
}






/*
//////////////////
/////////////
/////////
!__menu
/////////
/////////////
////////////////
*/
.__menu,
:where(.__menu) .sub-menu {
    box-sizing: border-box;

    top: var(--menuTop);
    left: var(--menuLeft);
    right: var(--menuRight);
    gap: var(--menuRowGap) var(--menuColGap);

    padding-top: var(--menuTopPadding);
    padding-bottom: var(--menuBottomPadding);
    padding-left: var(--menuLeftPadding);
    padding-right: var(--menuRightPadding);
    margin-top: var(--menuTopMargin);
    margin-left: var(--menuLeftMargin);
    margin-bottom: var(--menuBottomMargin);
    margin-right: var(--menuRightMargin);

    border-radius: var(--menuBorderRadius);

    --menuitemHaschildrenIMG: var(--baseIconArrow);
}

.__menu,
:where(.__menu) .sub-menu {
    --menuitemHaschildrenIMG: var(--baseIconArrow);

    --menuTop: 0px;
    --menuLeft: 0px;

    --menuTopPadding: 0px;
    --menuBottomPadding: 0px;
    --menuLeftPadding: 20px;
    --menuRightPadding: 0px;

    --menuTopMargin: 0px;
    --menuRightMargin: 0px;
    --menuBottomMargin: 0px;
    --menuLeftMargin: 0px;

    --menuBorderRadius: 0px;

    --menuItemPadding-top: 0px;
    --menuItemPadding-bottom: 0px;
    --menuItemPadding-right: 0px;
    --menuItemPadding-left: 0px;

    --menuFirstChildTopPadding: 0px;
    --menuLastChildBottomPadding: 0px;

    --menuRowGap: 0px;
    --menuColGap: 0px;
}

/*================menu-item=================*/
:where(.__menu) .menu-item {
    z-index: 1;
}

.__menu :where(.menu-item.ag-tabs-tabChild--active) {
    pointer-events: all;
}

.__menu :where(.menu-item:has(>.menu-item--active:first-child), .menu-item.menu-item--active) {
    z-index: 2;
}

/*================a=================*/
.__menu :where(.menu-item>*:first-child) {
    position: relative;
    box-sizing: border-box;
    cursor: pointer;

    padding: var(--menuItemPadding-top) var(--menuItemPadding-right) var(--menuItemPadding-bottom) var(--menuItemPadding-left);
}

.__menu :where(.menu-item:first-child>*:first-child) {
    --menuItemPadding-top: var(--menuFirstChildTopPadding);
    border-radius: var(--menuBorderRadius) var(--menuBorderRadius) 0px 0px;
}

.__menu :where(.menu-item:last-child>*:first-child) {
    --menuItemPadding-bottom: var(--menuLastChildBottomPadding);
    border-radius: 0px 0px var(--menuBorderRadius) var(--menuBorderRadius);
}

.__menu :where(.menu-item>*:first-child) {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    will-change: transform, opacity;
    /*-------------*/
    gap: 8px;
}

.__menu :where(.menu-item:not(.menu-item-has-children)>*:first-child) {
    display: inline-block;
    vertical-align: top;
}

/*================arrow=================*/
.__menu :where(.menu-item-has-children>*:first-child)::after {
    content: '';
    display: block;

    mask: var(--menuitemHaschildrenIMG) center / contain no-repeat;
    -webkit-mask: var(--menuitemHaschildrenIMG) center / contain no-repeat;

    pointer-events: none;

    transition: all .1s;
    will-change: transform, opacity;
    /*-------------*/
    min-width: 9px;
    max-width: 9px;
    min-height: 9px;
    max-height: 9px;

    background: rgb(51, 51, 51);
}

/*==============sub-menu===================*/
.__menu :where(.sub-menu) {
    position: relative;
    pointer-events: none;
    transition: all .2s;
}

.__menu :where(.sub-menu):not(.__mobile .sub-menu) {
    -webkit-box-shadow: 0px 10px 8px -4px rgba(34, 60, 80, 0.2);
    -moz-box-shadow: 0px 10px 8px -4px rgba(34, 60, 80, 0.2);
    box-shadow: 0px 10px 8px -4px rgba(34, 60, 80, 0.2);
}

.__menu :where(.sub-menu).sub-menu--active {
    pointer-events: all;
}

.__mobile :where(.__menu .sub-menu) {
    overflow: hidden;
}

.__menu :where(.sub-menu)::after {
    content: '';
    display: block;

    position: absolute;
    top: calc(var(--menuTopMargin) * -1);
    left: 0;
    right: 0;
    height: var(--menuTopMargin);
}




/*
//////////////////
/////////////
/////////
!TAPOGRAPHY
/////////
/////////////
////////////////
*/

.h1 {
    --fontsizeMin: 36;
    --fontsizeMax: 54;
    font-size: clamp(var(--fontsizeMin) * 1px, var(--fontsizeMax) * 1px - (var(--linearInterpolation500x1200) * ((var(--fontsizeMax) - var(--fontsizeMin)) / 100)), var(--fontsizeMax) * 1px);
    /* H1 */
    color: rgba(255, 255, 255, 1);

    font-family: Geologica;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: left;
}

.h2 {
    --fontsizeMin: 32;
    --fontsizeMax: 52;
    font-size: clamp(var(--fontsizeMin) * 1px, var(--fontsizeMax) * 1px - (var(--linearInterpolation500x1200) * ((var(--fontsizeMax) - var(--fontsizeMin)) / 100)), var(--fontsizeMax) * 1px);
    /* H2 */
    color: rgba(36, 39, 42, 1);

    font-family: Geologica;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: left;
}

.pricepage .main .h2 {
    --fontsizeMax: 38;
}

.h3 {
    --fontsizeMin: 28;
    --fontsizeMax: 44;
    font-size: clamp(var(--fontsizeMin) * 1px, var(--fontsizeMax) * 1px - (var(--linearInterpolation500x1200) * ((var(--fontsizeMax) - var(--fontsizeMin)) / 100)), var(--fontsizeMax) * 1px);
    /* H2 */
    color: rgba(36, 39, 42, 1);

    font-family: Geologica;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: left;
}

.pricepage .main .h3 {
    --fontsizeMin: 21;
    --fontsizeMax: 24;
}

.section--rubricTabs .section__header .h3 {
    --fontsizeMin: 30;
    --fontsizeMax: 30;
}

/*=================================*/
.link {
    --linkAnimDur: .4s;

    position: relative;

    display: inline-block;

    font-size: 20px;
    font-weight: 500;
    line-height: 133%;
    letter-spacing: 0;
    text-align: center;

    padding-left: 0px;
    padding-right: 14px;

    overflow: hidden;

    background: linear-gradient(90deg, rgb(51, 51, 51) 0%, rgb(51, 51, 51) 100%);
    background-position: left bottom;
    background-size: 100% 1px;
    background-repeat: no-repeat;

    transition: all var(--linkAnimDur);
}

.link:active {}

/*=================================*/

.required::after {
    content: '\00A0*';
    display: inline;
    color: rgb(237, 25, 25);
}























/*
//////////////////
/////////////
/////////
!BTN
/////////
/////////////
////////////////
*/
.btnsCont {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    max-width: 100%;
}

.btnsCont .btnsCont {
    flex-wrap: nowrap;
}

.header__inner>.btnsCont {
    gap: 10px;
}

.header__nav>.btnsCont {
    display: none;
}

.header__nav>.btn {
    display: none;
}

.header__nav>.header__schedule {
    display: none;
}

.header__nav>.header__phone {
    display: none;
}

/*=================================*/
.btn {
    position: relative;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    max-height: max-content;
    box-sizing: border-box;

    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    backface-visibility: hidden;

    cursor: pointer;

    opacity: 1;
    translate: 0px 0px;

    /*=================================*/
    color: rgba(57, 60, 67, 1);

    font-family: Geologica;
    font-size: 16px;
    font-weight: 500;
    line-height: 110%;
    letter-spacing: 0%;
    text-align: left;

    padding: 12.5px 24px 13.5px;
    max-width: max-content;

    /* border: 0px solid rgba(200, 218, 255, 1); */
    border-radius: 10px;
    background: rgba(255, 255, 255, 1);
    scale: 1;

    transition: all .1s;
}

.section__main__inner>.btn {
    font-size: 20px;
    align-self: center;

    font-weight: 600;
    line-height: 110%;
    text-align: center;

    padding: 24px 28px;
    min-height: 70px;
    box-sizing: border-box;
    aspect-ratio: 266/70;
}

.form .btn {
    max-width: 100%;
    text-align: center;
}

@media (hover: hover) {
    .btn:hover {
        /* color: rgba(31, 97, 227, 0.8); */
    }
}


.btn:not(.btn--text):active {
    scale: 0.95;
    /* color: rgba(31, 97, 227, 0.6); */
}

/*=================================*/
.btn--disabled {
    pointer-events: none;
    color: rgba(41, 41, 41, 0.3);
}

/*=================================*/
.btn--stretched {
    max-width: 100%;
}

/*=================================*/
.btn--text {
    background: unset;
    border: unset;
    padding: unset;
    border-radius: unset;
    scale: unset;
    translate: unset;
}

@media (hover: hover) {
    .btn--text:hover {
        opacity: 0.8;
    }
}

.btn--text:active {
    opacity: 0.6;
}


/*=================================*/
.btn--yellow {
    background: rgba(255, 221, 45, 1);
}

@media (hover: hover) {
    .btn--yellow:hover {
        background: rgb(255, 229, 99);
    }
}

.btn--yellow:active {
    background: rgba(255, 221, 45, 1);
}

/*=================================*/
.btn--white {
    background: rgb(255, 255, 255);
}

@media (hover: hover) {
    .btn--white:hover {
        background: rgb(251, 251, 251);
    }
}

.btn--white:active {
    background: rgb(245, 245, 245);
}

/*=================================*/
.btn--green {
    background: rgba(167, 212, 153, 1);
}

@media (hover: hover) {
    .btn--green:hover {
        background: rgb(154, 195, 141);
    }
}

.btn--green:active {
    background: rgb(134, 171, 123);
}

/*=================================*/
.btn--icon {
    display: flex;
    gap: 10px;

    min-width: 32px;
    max-width: 32px;
    min-height: 32px;
    max-height: 32px;
    padding: 0px;
    border: 0px;
    box-sizing: border-box;

    background-color: unset;

    transition: opacity .1s;
}

.btn--icon::before {
    content: '';
    display: block;

    min-width: 32px;
    max-width: 32px;
    min-height: 32px;
    max-height: 32px;

    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;

    mask-size: contain;
    mask-position: center;
    mask-repeat: no-repeat;
    transition: all .1s;
}

@media (hover: hover) {
    .btn--icon:hover {
        opacity: 0.8;
    }
}

/*=================================*/

.btn--icon:active {
    padding: 0px;
    border: 0px;
    opacity: 0.6;
}

.btn--icon:active::before {
    padding: 0px;
    border: 0px;
}

/*=================================*/
.btn--icon.btn--disabled::before {
    /* background: rgba(41, 41, 41, 0.3); */
    filter: grayscale(1);
}

/*=================================*/
.btn--icon--tg::before {
    background-image: url(../img/icon_tg_32x32.svg);
}

.btn--icon--wp::before {
    background-image: url(../img/icon_wp_32x32.svg);
}

/*=================================*/
.btn--icon--plus::before {
    background-image: url(../img/icon_plus_29x29.svg);
}

.btn--icon--minus::before {
    background-image: url(../img/icon_minus_29x29.svg);
}

/*=================================*/
.btn--icon--share {
    border: 1px solid rgba(242, 244, 246, 1);
    box-shadow: 0px 4px 40px 0px rgba(97, 97, 97, 0.05);
    background: rgba(191, 227, 180, 1);
}

.btn--icon--share::before {
    background-image: url(../img/icon_share_32x32.svg);
}


















/*
//////////////////
/////////////
/////////
!radioBtn
/////////
/////////////
////////////////
*/
.radioBtn {
    position: relative;

    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;

    width: 100%;
    min-height: 24px;
    padding-left: 24px;
    box-sizing: border-box;
}

.radioBtn::after {
    content: '';
    display: block;

    position: absolute;

    left: 0;

    min-width: 16px;
    max-width: 16px;
    min-height: 16px;
    max-height: 16px;

    border-radius: 100%;

    background: radial-gradient(circle, rgb(255, 255, 255) 4px, rgb(255, 255, 255) 4px, rgb(255, 255, 255) 7px, rgb(255, 213, 202) 7px, rgb(255, 213, 202) 8px);
}

.radioBtn:has(input:checked)::after {
    background: radial-gradient(circle, rgb(244, 83, 43) 4px, rgb(255, 255, 255) 4px, rgb(255, 255, 255) 7px, rgb(255, 213, 202) 7px, rgb(255, 213, 202) 8px);
}

.radioBtn input {
    position: absolute;
    top: 12px;
    left: 8px;

    min-width: 1px;
    max-width: 1px;
    min-height: 1px;
    max-height: 1px;

    z-index: -1;
}

.radioBtn span {
    display: block;

    color: rgba(41, 41, 41, 0.8);
    font-family: 'Lexend';
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: 0;
    text-align: left;
}

.radioBtn:has(input:checked) span {
    color: rgba(41, 41, 41);
    letter-spacing: 0;
    text-align: left;

    text-shadow:
        .1px .1px rgba(41, 41, 41, 0.5),
        .1px -.1px rgba(41, 41, 41, 0.5),
        -.1px .1px rgba(41, 41, 41, 0.5),
        -.1px -.1px rgba(41, 41, 41, 0.5);
}

















/*
//////////////////
/////////////
/////////
!sliderBtn
/////////
/////////////
////////////////
*/
.sliderBtn {
    cursor: pointer;
    opacity: 1;
    transition: all .1s;
}

.sliderBtn--prev {}

.sliderBtn--next {}

.sliderBtn.swiper-button-lock {
    display: none;
}

.sliderBtn:is(.swiper-button-disabled, .ag-lightbox-btn--disabled) {
    filter: grayscale(1);
    opacity: 0.4;
}

@media (hover: hover) {
    .sliderBtn:not(.swiper-button-disabled, .swiper-button-lock, .ag-lightbox-btn--disabled):hover {
        opacity: .85;
    }
}

.sliderBtn:not(.swiper-button-disabled, .swiper-button-lock, .ag-lightbox-btn--disabled):active {
    opacity: .7;
}

.sliderBtn--prev:not(.swiper-button-disabled, .swiper-button-lock, .ag-lightbox-btn--disabled):active {
    translate: -3px;
}

.sliderBtn--next:not(.swiper-button-disabled, .swiper-button-lock, .ag-lightbox-btn--disabled):active {
    translate: 3px;
}


















/*
//////////////////
/////////////
/////////
!section
/////////
/////////////
////////////////
*/
.section {
    --sectionPaddingTopMin: 50;
    --sectionPaddingTopMax: 70;
    --sectionPaddingTop: clamp(var(--sectionPaddingTopMin) * 1px, var(--sectionPaddingTopMax) * 1px - (var(--linearInterpolation500x1200) * ((var(--sectionPaddingTopMax) - var(--sectionPaddingTopMin)) / 100)), var(--sectionPaddingTopMax) * 1px);
    --sectionPaddingBottomMin: 50;
    --sectionPaddingBottomMax: 70;
    --sectionPaddingBottom: clamp(var(--sectionPaddingBottomMin) * 1px, var(--sectionPaddingBottomMax) * 1px - (var(--linearInterpolation500x1200) * ((var(--sectionPaddingBottomMax) - var(--sectionPaddingBottomMin)) / 100)), var(--sectionPaddingBottomMax) * 1px);

    width: 100%;
    height: 100%;
    overflow-x: clip;
}

/*=================================*/

.section .container .section {
    overflow-x: unset;
}

/*=================================*/
.section__inner {
    width: 100%;
}

/*=================================*/
.section__header {
    width: 100%;
}

/*=================================*/
.section__header__inner {
    width: 100%;
    margin-bottom: 25px;
}

.section--serviceReview .section__header__inner {
    margin-bottom: 15px;
}

.section--serviceMoscow .section__header__inner {
    margin-bottom: 15px;
}

.section--rubricTabs .section__header__inner {
    margin-bottom: 20px;
}

.pricepage .section--calculator .section__header__inner {
    margin-bottom: 9px;
}

/*=================================*/
:where(.section)>:where(.section__inner) {
    padding-bottom: var(--sectionPaddingBottom);
}

:where(.section)>:where(.container)>:where(.section__inner) {
    padding-bottom: var(--sectionPaddingBottom);
}

/*=================================*/

:where(.section)>:where(.section__inner) {
    padding-top: var(--sectionPaddingTop);
}

:where(.section)>:where(.container)>:where(.section__inner) {
    padding-top: var(--sectionPaddingTop);
}

/*=================================*/

.section:where(:last-child)>:where(.section__inner) {
    padding-bottom: 0px;
}

.section:where(:last-child)>:where(.container)>:where(.section__inner) {
    padding-bottom: 0px;
}

/*=================================*/
.section:first-child>:where(.section__inner) {
    padding-top: 0px;
}

.section:first-child>:where(.container)>:where(.section__inner) {
    padding-top: 0px;
}

/*=================================*/
.section+:where(.section)>:where(.section__inner) {
    padding-top: var(--sectionPaddingTop);
}

.section+:where(.section)>:where(.container)>:where(.section__inner) {
    padding-top: var(--sectionPaddingTop);
}

/*=================================*/
.main+:where(.section)>:where(.section__inner) {
    padding-top: var(--sectionPaddingTop);
}

.main+:where(.section)>:where(.container)>:where(.section__inner) {
    padding-top: var(--sectionPaddingTop);
}

/*=================================*/
.main__content__inner>:where(.section:first-child)>:where(.section__inner) {
    padding-top: 0px;
}

.main__content__inner>:where(.section:first-child)>:where(.container)>:where(.section__inner) {
    padding-top: 0px;
}

/*=================================*/
.section__title {
    text-align: left;
    word-break: break-word;
    /* width: 100%; */
}

/*=================================*/
.section__subtitle {
    --fontsizeMin: 18;
    --fontsizeMax: 20;
    font-size: clamp(var(--fontsizeMin) * 1px, var(--fontsizeMax) * 1px - (var(--linearInterpolation500x1200) * ((var(--fontsizeMax) - var(--fontsizeMin)) / 100)), var(--fontsizeMax) * 1px);
    /* Title 1 */
    color: rgba(70, 73, 83, 1);

    font-family: Lexend;
    font-weight: 300;
    line-height: 140%;
    letter-spacing: 0%;
    text-align: left;
}

/*=================================*/
.section__desc {
    color: rgba(138, 141, 152, 1);

    font-family: Lexend;
    --fontsizeMin: 18;
    --fontsizeMax: 20;
    font-size: clamp(var(--fontsizeMin) * 1px, var(--fontsizeMax) * 1px - (var(--linearInterpolation500x1200) * ((var(--fontsizeMax) - var(--fontsizeMin)) / 100)), var(--fontsizeMax) * 1px);

    font-weight: 300;
    line-height: 140%;
    letter-spacing: 0%;
    text-align: left;
}

/*=================================*/
.section__main {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 100%;
}

/*=================================*/
.section__main__inner {
    position: relative;

    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

.section--sidebar .section__main__inner {
    flex-direction: row;
    justify-content: space-between;
    align-items: start;
    gap: 30px;
}

.section--articleHeader .section__main__inner {
    gap: 20px;
}

/*=================================*/
.section__sidebar {
    min-width: 370px;
    max-width: 370px;
    max-height: max-content;
}

.section__sidebar__inner {}


















/*
//////////////////
/////////////
/////////
reviewsSlider
/////////
/////////////
////////////////
*/
.reviewsSlider {
    width: 100%;
}

.reviewsSlider__inner {
    width: 100%;
    overflow: visible;
}

.reviewsSlider__header {
    width: 100%;
    margin-bottom: 20px;
}

.reviewsSlider__title {}

.reviewsSlider__main {
    width: 100%;
}

.reviewsSlider__slide {
    --paddingMin: 25;
    --paddingMax: 40;
    padding: clamp(var(--paddingMin) * 1px, var(--paddingMax) * 1px - (var(--linearInterpolation940x1200) * ((var(--paddingMax) - var(--paddingMin)) / 100)), var(--paddingMax) * 1px);

    box-sizing: border-box;
    border: 1px solid rgba(238, 240, 244, 1);
    border-radius: 10px;
    /* Базовая тень */
    box-shadow: 0px 5px 40px -5px rgba(0, 66, 130, 0.07);
    background: rgba(255, 255, 255, 1);
}



















/*
//////////////////
/////////////
/////////
!POPUP
/////////
/////////////
////////////////
*/
.popup {
    /* --sidePaddingClampMin: 20;
    --sidePaddingClampMax: 20; */
    --maxHeight: clamp(0px, 100%, 100%);
    --maxWidth: clamp(0px, 100%, 100%);

    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    min-width: 0;
    width: 100vw;
    max-width: 100vw;

    height: 100vh;
    box-sizing: border-box;
    margin: 0 auto;

    opacity: 0;
    z-index: 201;

    pointer-events: none;
    transition: opacity .1s;

    overflow: hidden;
}

.popup.ag-popup--active {
    opacity: 1;
    pointer-events: all;
}

.popup .container {
    transition: 0s;
}

/*=================================*/
.popup:not(.ag-popup--active) * {
    pointer-events: none;
}

/*=================================*/
.popup::before {
    content: '';
    display: block;
    position: absolute;

    top: 0;
    bottom: 0;
    left: 0;
    right: 0;

    width: 100vw;
    height: 100vh;

    backdrop-filter: blur(0px);
    /* background: rgba(13, 13, 13, 0.85); */
    background: rgba(41, 41, 41, 0.4);


    z-index: -1;
}

.ag-popup--active::before {
    backdrop-filter: blur(15px);
    transition: backdrop-filter 1s;
}

/*=================================*/
.popup__scroller {
    position: relative;

    min-width: 100%;
    min-height: 100%;
    max-height: 100%;
    max-width: 100%;

    transition: all 0s;

    overflow-y: scroll;
    z-index: 1;
}

/*=================================*/
.popup__container {
    display: flex;
    align-items: center;
    min-height: 100%;
}

/*=================================*/
.popup__inner {
    position: relative;

    height: 100%;
    width: 100%;

    transition: all 0s;

    z-index: 2;
}

/*=================================*/
.popup__header {
    position: relative;
    top: 0;
    right: 0;

    text-align: center;

    width: 100%;
    height: 60px;
    padding: 19px;
    box-sizing: border-box;

    color: #fff;
    font-weight: 600;

    z-index: 3;
}

/*=================================*/
.popup__close {
    position: absolute;
    top: -15px;
    right: -15px;

    display: flex;
    justify-content: center;
    align-items: center;

    min-width: 50px;
    max-width: 50px;
    min-height: 50px;
    max-height: 50px;

    /* border-radius: 100%; */

    opacity: 1;
    transition: all .2s;
    cursor: pointer;

    z-index: 4;
}

.popup__close::after {
    content: '';
    position: relative;

    min-width: 33px;
    max-width: 33px;
    min-height: 33px;
    max-height: 33px;

    rotate: 45deg;

    /* background: rgb(57, 57, 57); */

    background: rgb(44, 43, 51);
    mask-image: url(../img/icon_plus_22x22.svg);
    mask-position: center;
    mask-size: contain;
    mask-repeat: no-repeat;
}

.popup__close:hover {
    opacity: .8;
}























/*
//////////////////
/////////////
/////////
!BREADCRUMB
/////////
/////////////
////////////////
*/
.breadcrumbs {
    position: relative;

    width: 100%;
    box-sizing: border-box;

    background: rgba(255, 255, 255, 0);

    transition: all .1s;
}

/*=================================*/
.breadcrumbs__inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    /* gap: 12px; */

    width: 100%;
}

/*=================================*/
.breadcrumbs a,
.breadcrumbs__elem {
    display: inline;

    color: rgba(131, 135, 145, 1);
    font-family: Golos_Text;
    font-size: 16px;
    font-weight: 400;
    line-height: 110%;
    letter-spacing: 0%;
    text-align: left;

    opacity: 1;
    transition: all .1s;
    cursor: pointer;
}

@media (hover: hover) {
    .breadcrumbs a:hover {
        opacity: .8;
    }
}

.breadcrumbs__current {
    color: rgba(36, 39, 42, 1);
}

.sepp {
    position: relative;

    display: inline;

    /* min-width: 16px;
    max-width: 16px;
    min-height: 16px;
    max-height: 16px; */

    margin: 0px 2px;

    color: rgba(131, 135, 145, 1);
    font-family: Golos_Text;
    font-size: 16px;
    font-weight: 400;
    line-height: 110%;
    letter-spacing: 0%;
    text-align: left;
}

/* .sepp::before {
    content: '';
    display: block;

    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    min-width: 16px;
    max-width: 16px;
    min-height: 16px;
    max-height: 16px;

    background: rgba(41, 41, 41, 0.6);
    mask: url(../img/Arrow_right_16.svg) center / contain no-repeat;
} */


















/*
//////////////////
/////////////
/////////
pagination
/////////
/////////////
////////////////
*/
.pagination {
    display: flex;
    justify-content: center;
    width: 100%;
}

.pagination__inner {
    /* flex: 1; */
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 6px;
    max-width: max-content;
}

.pagination__item {
    box-sizing: border-box;
    border: 1px solid rgba(255, 255, 255, 1);
    border-radius: 10px;
    /* Основная тень */
    box-shadow: 0px 4px 40px 0px rgba(97, 97, 97, 0.05);
    background: rgba(255, 255, 255, 1);

    --fontsizeMin: 25;
    --fontsizeMax: 36;
    font-size: clamp(var(--fontsizeMin) * 1px, var(--fontsizeMax) * 1px - (var(--linearInterpolation500x1200) * ((var(--fontsizeMax) - var(--fontsizeMin)) / 100)), var(--fontsizeMax) * 1px);
    color: rgba(131, 135, 145, 1);

    font-family: Geologica;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: left;


    min-width: 64px;
    min-height: 64px;

    transition: all .1s;
}

.pagination__item>* {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.pagination__item.pagination__item--active {
    border: 1px solid rgba(255, 255, 255, 1);
    background: rgba(167, 212, 153, 1);
    color: rgba(255, 255, 255, 1);
}

.pagination__item:not(.pagination__item--active):hover {
    border: 1px solid rgb(197, 200, 207);
}



















/*
//////////////////
/////////////
/////////
!LIGHTBOX
/////////
/////////////
////////////////
*/
.lightbox {
    --sidePaddingClampMin: 20;
    --sidePaddingClampMax: 20;
    --maxHeight: clamp(0px, 100%, 100%);
    --maxWidth: clamp(0px, 100%, 1000px);

    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    min-width: 0;
    width: 100vw;
    max-width: 100vw;

    height: 100vh;
    box-sizing: border-box;
    margin: 0 auto;

    opacity: 0;
    z-index: 200;

    pointer-events: none;
    transition: opacity .3s;

    overflow: hidden;
}

.lightbox.ag-lightbox--active {
    opacity: 1;
    pointer-events: all;
}

/*=================================*/
.lightbox .container {
    transition: all 0s;
}

/*=================================*/
.lightbox:not(.ag-lightbox--active) * {
    pointer-events: none;
}

/*=================================*/
.lightbox *::selection {
    background: #fff0;
}

/*=================================*/
.lightbox::before {
    content: '';
    display: block;
    position: absolute;

    top: 0;
    bottom: 0;
    left: 0;
    right: 0;

    width: 100%;
    height: 100vh;

    backdrop-filter: blur(0px);
    background: rgba(13, 13, 13, 0.85);


    pointer-events: none;
    z-index: -1;
}

.ag-lightbox--active::before {
    backdrop-filter: blur(15px);
    transition: backdrop-filter 1s;
}

/*=================================*/
.lightbox__container {
    display: flex;
    justify-content: center;
    align-items: center;

    position: relative;

    min-width: 0;
    width: 100%;
    height: 100%;
    max-height: var(--maxHeight);
    max-width: var(--maxWidth);

    transition: all 0s;

    z-index: 1;
}

/*=================================*/
.lightbox__inner {
    position: relative;

    display: flex;
    justify-content: center;
    align-items: center;

    max-width: 100%;

    transition: all 0s;

    z-index: 2;
}

/*=================================*/
.lightbox__wrapper {
    position: relative;

    display: flex;
    justify-content: center;
    align-items: center;

    height: 100%;
    width: 100%;

    transition: all 0s;

    z-index: 3;
}

.lightbox .ag-lightbox-slide {
    overflow: hidden;

    opacity: 0;

    height: 100%;
    width: 100%;

    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    pointer-events: none;

    z-index: 4;
}

.lightbox .ag-lightbox-slide--active {
    position: relative;
    opacity: 1;
}

.lightbox .ag-lightbox-img {
    object-fit: contain;
    width: 100%;
    height: 100%;
}

/*=================================*/
.lightbox__btn {
    position: fixed;

    display: flex;
    justify-content: center;
    align-items: center;

    min-width: 40px;
    max-width: 40px;
    min-height: 40px;
    max-height: 40px;

    background: rgba(13, 13, 13, 0.7);

    transition: all .2s;
    cursor: pointer;

    z-index: 5;
}

.lightbox__btn::before {
    content: '';

    position: absolute;

    min-width: 24px;
    max-width: 24px;
    min-height: 24px;
    max-height: 24px;

    background: rgb(255, 255, 255);
    mask: url(../img/icon_arrowhead_small_19x27.svg) center / contain no-repeat;

    transition: all .2s;
    cursor: pointer;
}

.lightbox__btn--next {
    right: 0;
}

.lightbox__btn--prev {
    left: 0;
    rotate: 180deg;
}

/*=================================*/
.lightbox__close {
    position: fixed;
    top: 0;
    right: 0;

    display: flex;
    justify-content: center;
    align-items: center;

    min-width: 40px;
    max-width: 40px;
    min-height: 40px;
    max-height: 40px;

    background: rgba(13, 13, 13, 0.7);

    opacity: 1;
    transition: all .2s;
    cursor: pointer;

    z-index: 5;
}

.lightbox__close::after {
    content: '';
    position: absolute;

    min-width: 22px;
    max-width: 22px;
    min-height: 22px;
    max-height: 22px;

    /* background: #ffffff; */
    background: url(../img/icon_plus_22x22.svg) center center / contain no-repeat;

    rotate: 45deg;
}

.lightbox__close:hover {
    opacity: .8;
}

/*=================================*/
.lightbox__counter {
    position: fixed;
    top: 16px;
    left: 12px;

    display: flex;

    /* background: #ffffff7c; */

    color: rgb(255, 255, 255);
    /* font-family: 'Lexend'; */
    font-size: 14px;
    font-weight: 600;
    line-height: 180%;
    letter-spacing: 0;
    text-align: left;
    text-transform: uppercase;
}

.lightbox__counter .ag-lightbox-counter-sep {
    margin: 0 2px;
}

.lightbox__counter .ag-lightbox-counter-sep::before {
    content: '/';
}

















/*
//////////////////
/////////////
/////////
!map
/////////
/////////////
////////////////
*/
.mapBlock {
    display: flex;
    flex-direction: column;
    gap: 20px;

    width: 100%;
}

.mapBlock__split {
    display: flex;
    flex-wrap: wrap;
    gap: 25px 10px;

    width: 100%;
}

.mapBlock__split>* {
    min-width: 300px;
    flex: 1;
    width: calc(50% - 5px);
}

.mapBlock__desc {
    color: rgba(41, 41, 41, 1);

    font-family: Space_Grotesk;

    --fontsizeMin: 20;
    --fontsizeMax: 24;
    font-size: clamp(var(--fontsizeMin) * 1px, var(--fontsizeMax) * 1px - (var(--linearInterpolation500x1200) * ((var(--fontsizeMax) - var(--fontsizeMin)) / 100)), var(--fontsizeMax) * 1px);

    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0%;
    text-align: left;

    padding: 15px 30px 0px;
}

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

.map {
    aspect-ratio: 650/400;
    min-height: 300px;
    max-height: 400px;

    box-sizing: border-box;
    overflow: hidden;

    border: 1px solid rgba(238, 240, 244, 1);
    border-radius: 20px;
    box-shadow: 0px 5px 40px -5px rgba(0, 66, 130, 0.07);
}

.map>* {
    width: 100%;
    height: 100%;
}

.map iframe {
    width: 100% !important;
    height: 100% !important;
}


















/*
//////////////////
/////////////
/////////
!table
/////////
/////////////
////////////////
*/
.table {
    display: flex;
    flex-direction: column;
    align-items: center;

    width: 100%;
    border-radius: 20px;
    box-sizing: border-box;
    overflow-y: hidden;
    box-shadow: 0px 4px 40px 0px rgba(97, 97, 97, 0.05);
    border: 1px solid rgba(242, 244, 246, 1);
    background: rgba(255, 255, 255, 1);
}

/*=================================*/
.table__inner {
    overflow-x: scroll;
    overflow-y: hidden;
    width: 100%;
    max-width: 100%;

}

/*=================================*/
.table__check {
    min-width: 23px;
    max-width: 23px;
    min-height: 23px;
    max-height: 23px;
    background: url(../img/icon_check_23x23.svg) center / contain no-repeat;
}

.table__cross {
    min-width: 23px;
    max-width: 23px;
    min-height: 23px;
    max-height: 23px;
    background: url(../img/icon_crest_23x23.svg) center / contain no-repeat;
}

/*=================================*/
.table__btn {
    margin: 7px 0px 15px;
    padding: 12px 40px;
    min-height: 42px;

    font-size: 16px;
    font-weight: 600;
}

/*=================================*/
.table__subtitle>* {
    font-weight: 600;
}

/*=================================*/
table {
    width: 100%;
    min-width: 900px;
    /* table-layout: fixed; */
}

th {
    vertical-align: middle;
}

td {
    vertical-align: middle;
}

/*=================================*/
thead {}

/*=================================*/
thead tr {}

/*=================================*/
thead th {
    color: rgba(78, 83, 88, 1);

    font-family: Golos_Text;
    font-size: 18px;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: 0%;
    text-align: left;

    vertical-align: middle;
    word-wrap: break-word;

    padding: 23px 0px 23px 15px;
    background: rgba(255, 214, 106, 1);
    box-sizing: border-box;

    border-top: 1px rgba(242, 244, 246, 1);
    border-bottom: 1px rgba(242, 244, 246, 1);
}

thead th:first-child {
    padding-left: 25px;
    border-radius: 20px 0px 0px 20px;
    border-left: 1px rgba(242, 244, 246, 1);
}

thead th:last-child {
    padding-right: 25px;
    border-right: 1px rgba(242, 244, 246, 1);
    border-radius: 0px 20px 20px 0px;
}

/*=================================*/
tbody {}

/*=================================*/
tbody tr:not(:last-child) {
    border-bottom: 1px solid rgba(242, 244, 246, 1);
}

.table__inner:not(:last-child) tbody tr:last-child {
    border-bottom: 1px solid rgba(242, 244, 246, 1);
}

/*=================================*/
tbody td {
    color: rgba(36, 39, 42, 1);
    font-family: Golos_Text;
    font-size: 18px;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: 0%;
    text-align: left;

    word-wrap: break-word;

    padding: 15px 0px 17px 15px;
}

tbody td:first-child {
    padding-left: 25px;
}

tbody td:last-child {
    padding-right: 25px;
}

tbody td:not(:last-child) {
    border-right: 1px solid rgba(242, 244, 246, 1);
}



















/*
//////////////////
/////////////
/////////
!ICONS
/////////
/////////////
////////////////
*/
.iconsCont {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

/*=================================*/
.icon {
    position: relative;

    display: flex;
    justify-content: center;
    align-items: center;

    opacity: 1;
    transition: all .2s;
}

.icon::before {
    position: relative;

    content: '';
    display: block;
}

.icon:hover {
    opacity: .8;
}

.icon:active {
    opacity: .6;
}


















/*
//////////////////
/////////////
/////////
!ag-select
/////////
/////////////
////////////////
*/
.ag-select {
    position: relative;
    z-index: 1;
}

.ag-select--expand {
    z-index: 2;
}

/*=================================*/
.ag-select-selection {
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;

    padding-right: 25px;

    background: #fff;
}

.ag-select-selection::after {
    position: absolute;
    right: 5px;

    content: '⯆';

    display: block;

    transition: scale .1s;
}

.ag-select--expand .ag-select-selection::after {
    scale: -1;
}

.ag-select-selection:empty::before {
    content: attr(data-placeholder);
    opacity: .7;
}


/*=================================*/
.ag-select-optionsContainer {
    position: absolute;
    top: 100%;
    left: 0px;

    min-width: min-content;
    width: 100%;

    background: #fff;
    pointer-events: none;

    opacity: 0;
}

/*=================================*/

.ag-select--alwaysExpand .ag-select-optionsContainer {
    position: static;
    top: unset;
    left: unset;

    opacity: 1;
    height: auto;
    pointer-events: all;
}

/*=================================*/

.ag-select--expand .ag-select-optionsContainer {
    transition: opacity .2s;
    opacity: 1;
    pointer-events: all;
}

/*=================================*/
.ag-select-option {
    cursor: pointer;
    width: 100%;
    box-sizing: border-box;
}

.ag-select-option.ag-select-option--disabled {
    pointer-events: none;
    color: #ccccccaf;
}

.ag-select-option[data-disabled] {
    pointer-events: none;
    color: #ccccccaf;
}

.ag-select-option--active {
    background: #d3d6dfd8;
}

/*=================================*/
.ag-select-hidden {
    display: none !important;
}

/*=================================*/
.ag-select-originalSelect {
    max-height: 0px;
    max-width: 0px;
    position: absolute;


    z-index: -100;
}


















/*
//////////////////
/////////////
/////////
!inputs
/////////
/////////////
////////////////
*/
input:is([type="text"], [type="tel"], [type="week"], [type="email"], [type="date"], [type="datetime"], [type="datetime-local"], [type="month"], [type="number"], [type="password"], [type="search"], [type="time"], [type="url"]),
textarea,
.ag-select-selection {
    flex: 1;

    font-family: Golos_Text;
    font-size: 16px;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: 0%;
    text-align: left;

    max-width: 100%;
    width: 100%;
    padding: 19px 20px 20px 20px;
    min-height: 60px;
    box-sizing: border-box;

    border-radius: 10px;

    /* caret-color: rgb(55, 168, 191); */

    background-color: rgba(255, 255, 255, 1);
}

.ag-select-selection {
    padding-right: 48px;
}

input:is([type="text"], [type="tel"], [type="week"], [type="email"], [type="date"], [type="datetime"], [type="datetime-local"], [type="month"], [type="number"], [type="password"], [type="search"], [type="time"], [type="url"])::placeholder,
textarea::placeholder,
.ag-select-selection::after {
    color: rgba(138, 141, 152, 0.6);
}

/*=================================*/
.ag-select {
    max-width: 100%;
    flex: 1;
}

.ag-select-selection::after {
    right: 16px;
    content: '';
    display: block;

    min-width: 14px;
    max-width: 14px;
    min-height: 14px;
    max-height: 14px;

    background: rgba(131, 135, 145, 1);
    mask-image: url(../img/icon_arrowhead_thin_16x16.svg);
    mask-position: center;
    mask-size: contain;
    mask-repeat: no-repeat;

    rotate: 90deg;
}

.ag-select--expand .ag-select-optionsContainer {
    transition: all .2s;
}

.ag-select-optionsContainer {
    top: calc(100% + 5px);
    border-radius: 12px;
    box-shadow: 0px 0px 0px 0px rgb(0, 0, 0, .1);
    background: rgb(255, 255, 255);
    overflow: hidden;
    transition: all 0s;
}

.ag-select--expand .ag-select-optionsContainer {
    box-shadow: 0px 4px 10px 0px rgb(0, 0, 0, .1);
}

.ag-select-option {
    font-family: Golos_Text;
    font-size: 15px;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: 0%;
    text-align: left;

    display: flex;
    padding: 16px 16px;
    transition: all .2s;
}

@media (hover: hover) {
    .ag-select-option:hover {
        background: rgba(191, 227, 180, 0.2);
    }
}

.ag-select-option.ag-select-option--active {
    background: rgba(191, 227, 180, 0.8);
}

/* .ag-select-option.ag-select-option--active::after {
    content: '';
    display: block;

    min-width: 24px;
    max-width: 24px;
    min-height: 24px;
    max-height: 24px;

    background: rgb(55, 168, 191);
    mask-image: url(../img/chevron_down_small_24.svg);
    mask-position: center;
    mask-size: contain;
    mask-repeat: no-repeat;
} */

/*==============checkboxCont===================*/

.checkboxCont {
    --checkboxSize: 22;
    --borderRadius: 5;
    --borderColor: rgba(131, 135, 145, 1);
    --background: rgba(255, 255, 255, 1);
    flex: 1;

    position: relative;

    display: flex;
    align-items: center;

    padding-left: 29px;
    min-height: 20px;
    max-height: max-content;
    box-sizing: border-box;
}

.form .checkboxCont {
    margin-bottom: 16px;
}

.checkboxCont::selection {
    background: #fff0;
}

/*================checkbox=================*/
input[type="checkbox"] {
    position: absolute;
    top: 18px;
    left: 10px;

    min-width: 1px;
    max-width: 1px;
    min-height: 1px;
    max-height: 1px;
    margin: 0;
    padding: 0;
    cursor: pointer;

    /* color: rgb(0, 119, 186); */

    background: #fff0;
    padding-block: 0px;
    padding-inline: 0px;
}

input[type="checkbox"]::before {
    content: '';
    display: block;
    position: absolute;
    top: -18px;
    left: -10px;

    min-width: calc(var(--checkboxSize) * 1px);
    max-width: calc(var(--checkboxSize) * 1px);
    min-height: calc(var(--checkboxSize) * 1px);
    max-height: calc(var(--checkboxSize) * 1px);

    box-sizing: border-box;
    border: 1px solid var(--borderColor);
    border-radius: calc(var(--borderRadius) * 1px);
    background: var(--background);
}

input[type="checkbox"]::after {
    content: '';
    display: block;
    position: absolute;
    top: -18px;
    left: -10px;

    min-width: calc(var(--checkboxSize) * 1px);
    max-width: calc(var(--checkboxSize) * 1px);
    min-height: calc(var(--checkboxSize) * 1px);
    max-height: calc(var(--checkboxSize) * 1px);
    box-sizing: border-box;

    border: 1px solid #fff0;

    background: rgb(44, 43, 51);

    mask-image: url(../img/icon_check_19x19.svg);
    mask-position: center;
    mask-size: 13px auto;
    mask-repeat: no-repeat;

    opacity: 0;
}

input[type="checkbox"]:checked::after {
    opacity: 1;
}

/*================label=================*/
input[type="checkbox"]+label {
    color: rgba(242, 244, 246, 1);

    font-family: Golos_Text;
    font-size: 14px;
    font-weight: 400;
    line-height: 110%;
    letter-spacing: 0%;
    text-align: left;
}


.checkboxCont__label {
    color: rgba(242, 244, 246, 1);

    font-family: Golos_Text;
    font-size: 14px;
    font-weight: 400;
    line-height: 110%;
    letter-spacing: 0%;
    text-align: left;
}


















/*
//////////////////
/////////////
/////////
!form
/////////
/////////////
////////////////
*/
.form {
    width: 100%;
}

/*=================================*/
.form__inner {
    position: relative;

    display: flex;
    flex-direction: column;
    gap: 0px;

    height: 100%;
    width: 100%;
    --paddingMin_B: 25;
    --paddingMax_B: 35;
    padding: 35px clamp(var(--paddingMin_B) * 1px, var(--paddingMax_B) * 1px - (var(--linearInterpolation940x1200) * ((var(--paddingMax_B) - var(--paddingMin_B)) / 100)), var(--paddingMax_B) * 1px);
    box-sizing: border-box;

    /* border: 1px solid rgba(242, 244, 246, 1); */
    border-radius: 15px 100px 15px 15px;
    background: radial-gradient(137.09% 98.23% at 9% 13%, rgb(44, 43, 51), rgb(59, 62, 70) 100%);
}

/*=================================*/
.form__inner::before {
    content: '';
    display: none;
    position: absolute;

    top: calc(50% - 32px);
    left: calc(50% - 32px);

    min-width: 64px;
    max-width: 64px;
    min-height: 64px;
    max-height: 64px;

    background: conic-gradient(from -1deg at 50% 50%, rgb(20, 85, 254), rgb(255, 255, 255) 74%);

    mask-image: url(../img/form_loadIMG.svg);
    mask-position: center;
    mask-size: contain;
    mask-repeat: no-repeat;
    rotate: 0deg;

    pointer-events: none;
    z-index: -10000;
}

@keyframes form-loadIMG_anim {
    from {
        rotate: 0deg;
    }

    to {
        rotate: -360deg;
    }
}

.form--load .form__inner::before {
    display: block;
    animation: form-loadIMG_anim 1.2s infinite cubic-bezier(1, 0.4, 0.4, 0.7);
    z-index: 1;
    opacity: 1;
}

/*=================================*/
.form--load .form__inner>* {
    opacity: 0;
    pointer-events: none;
}

/*=================================*/
.form__title {
    width: 100%;
    color: rgba(255, 255, 255, 1);

    --fontsizeMin: 22;
    --fontsizeMax: 26;
    font-size: clamp(var(--fontsizeMin) * 1px, var(--fontsizeMax) * 1px - (var(--linearInterpolation500x1200) * ((var(--fontsizeMax) - var(--fontsizeMin)) / 100)), var(--fontsizeMax) * 1px);

    font-family: Geologica;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: left;

    margin-bottom: 10px;
}

/*=================================*/
.form__subtitle {
    width: 100%;

    --fontsizeMin: 16;
    --fontsizeMax: 18;
    font-size: clamp(var(--fontsizeMin) * 1px, var(--fontsizeMax) * 1px - (var(--linearInterpolation500x1200) * ((var(--fontsizeMax) - var(--fontsizeMin)) / 100)), var(--fontsizeMax) * 1px);

    color: rgba(242, 244, 246, 1);

    font-family: Golos_Text;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: 0%;
    text-align: left;

    margin-bottom: 15px;
}

/*=================================*/
.form__error {
    display: none;

    color: rgb(237, 25, 25);
    font-family: Onest;
    font-size: 13px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 1%;
    text-align: left;

    padding: 8px 16px;
    box-sizing: border-box;

    opacity: 0;
}

[data-error="true"]+.form__error {
    display: block;
    opacity: 1;
}

/*=================================*/
.form__inputsList {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.form__inputsList:not(:last-child) {
    margin-bottom: 13px;
}

/*=================================*/

.form__row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

/*=================================*/

.form__split {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.form__split--alignCenter {
    align-items: center;
}

.form__split>* {
    flex: 1;
}

/*=================================*/
:is(.form-input) {
    display: flex;
    flex-direction: column;
    position: relative;

    min-width: 200px;
}

/*=================================*/
:is(.form-input)::before {
    content: '';
    display: none;

    position: absolute;
    top: 16px;
    right: 16px;

    min-width: 24px;
    max-width: 24px;
    min-height: 24px;
    max-height: 24px;

    background: rgb(55, 168, 191);
    mask-position: center;
    mask-size: contain;
    mask-repeat: no-repeat;
}

/*=================================*/
.form-input--textarea>textarea {
    height: min-content;
    min-height: 80px;
    max-height: 200px;
}

/*=================================*/
.form-input--search {
    min-width: 267px;
    justify-content: center;
}

.form-input--search>input {
    background: rgb(242, 253, 255);
    padding-left: 48px;
}

.form-input--search>input::-webkit-search-cancel-button {
    display: none;
    -webkit-appearance: none;
}

.form-input--search::before {
    display: block;
    left: 16px;
    right: unset;
}

/*=================================*/
.form-input--search__clear {
    position: absolute;

    right: 16px;

    min-width: 24px;
    max-width: 24px;

    aspect-ratio: 1/1;

    background: url(../img/Close_24.svg) center / 24px no-repeat;

    opacity: 1;

    transition: all .1s;
}

@media (hover: hover) {
    .form-input--search__clear:hover {
        opacity: .8;
    }
}

/*=================================*/
.form-input__title {
    color: rgba(36, 39, 42, 1);

    font-family: Geologica;
    font-size: 20px;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: left;
    margin-bottom: 5px;
}

/*=================================*/
.form__submit {
    font-size: 16px;

    padding: 18.5px 20px;
    width: 100%;
    max-width: 100%;
}

/*=================================*/
.form__counter {
    min-width: 88px;
    min-height: 29px;
    max-height: 29px;
    max-width: max-content;
    /* max-width: 88px; */

    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 1px;
}

.form__counter__num {
    color: rgba(78, 83, 88, 1);

    font-family: Golos_Text;
    font-size: 18px;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: 0%;
    text-align: left;
}

.form__counter__btn {
    min-width: 29px;
    max-width: 29px;
    min-height: 29px;
    max-height: 29px;

    display: block;
}

.form__counter__btn::before {
    min-width: 29px;
    max-width: 29px;
    min-height: 29px;
    max-height: 29px;
}

.form__counter__btn--plus {}

.form__counter__btn--minus {}
















/*
//////////////////
/////////////
/////////
!article
/////////
/////////////
////////////////
*/
.article {
    position: relative;

    display: flex;
    gap: 40px;

    color: rgba(70, 73, 83, 1);

    font-family: Golos_Text;
    --fontsizeMin: 18;
    --fontsizeMax: 20;
    font-size: clamp(var(--fontsizeMin) * 1px, var(--fontsizeMax) * 1px - (var(--linearInterpolation500x1200) * ((var(--fontsizeMax) - var(--fontsizeMin)) / 100)), var(--fontsizeMax) * 1px);

    font-weight: 300;
    line-height: 150%;
    letter-spacing: 0%;
    text-align: left;

    width: 100%;
    margin: 0 auto 0 0;
}

.article__inner {
    --paddingMin: 20;
    --paddingMax: 60;
    padding: 60px clamp(var(--paddingMin) * 1px, var(--paddingMax) * 1px - (var(--linearInterpolation500x1200) * ((var(--paddingMax) - var(--paddingMin)) / 100)), var(--paddingMax) * 1px) 60px;
    box-sizing: border-box;

    border: 1px solid rgba(242, 244, 246, 1);
    border-radius: 25px;
    box-shadow: 0px 4px 40px 0px rgba(97, 97, 97, 0.05);
    background: rgba(255, 255, 255, 1);
}

/*=================================*/
.blockquote1 {
    width: 100%;
    --paddingMin: 20;
    --paddingMax: 30;
    --padding: clamp(var(--paddingMin) * 1px, var(--paddingMax) * 1px - (var(--linearInterpolation500x1200) * ((var(--paddingMax) - var(--paddingMin)) / 100)), var(--paddingMax) * 1px);
}

.blockquote1:not(:first-child) {
    margin-top: 30px;
}

.blockquote1:not(:last-child) {
    margin-bottom: 30px;
}

.blockquote1__author {
    position: relative;

    display: flex;
    align-items: center;
    gap: 10px;

    border-radius: 10px 10px 10px 0px;
    background: rgba(57, 60, 67, 1);

    padding: 7px 20px 7px 7px;
    box-sizing: border-box;
    max-width: max-content;

    margin-bottom: -10px;

    margin-left: var(--padding);
}

.blockquote1__author::after {
    content: '';
    display: block;

    position: absolute;

    min-width: 30px;
    max-width: 30px;
    min-height: 16px;
    max-height: 16px;

    top: calc(100%);
    left: 0;

    background: url(../img/blockquote1.svg) center / contain no-repeat;
}

.blockquote1__containerImg {
    position: relative;

    display: flex;
    justify-content: center;
    align-items: center;

    min-width: 51px;
    max-width: 51px;
    min-height: 51px;
    max-height: 51px;

    box-sizing: border-box;
    /* border: 1px solid rgba(242, 244, 246, 1); */
    border-radius: 6px;
    background: rgba(242, 244, 246, 1);

    overflow: hidden;
}

.blockquote1__containerImg img {
    position: absolute;
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
}

.blockquote1__data {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.blockquote1__name {
    color: rgba(255, 255, 255, 1);

    font-family: Geologica;
    font-size: 20px;
    font-weight: 600;
    line-height: 110%;
    letter-spacing: 0%;
    text-align: left;
}

.blockquote1__function {
    color: rgba(242, 244, 246, 1);

    font-family: Golos_Text;
    font-size: 14px;
    font-weight: 400;
    line-height: 110%;
    letter-spacing: 0%;
    text-align: left;
}

.blockquote1__text {
    color: rgba(78, 83, 88, 1);

    font-family: Geologica;
    font-size: 18px;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: 0%;
    text-align: left;
    font-style: italic;
    text-wrap: balance;

    border-radius: 15px 100px 15px 15px;
    background: rgba(191, 227, 180, 1);

    padding: 30px calc(15px + var(--padding) * 2) 30px var(--padding);
}

/*=================================*/
.article__content blockquote {
    position: relative;
    width: 100%;

    padding: 5px 0px 5px 28px;
}

.article__content blockquote.blockquote1 {
    padding: 5px 0px;
}

.article__content blockquote:not(:first-child) {
    margin-top: 30px;
}

.article__content blockquote:not(:last-child) {
    margin-bottom: 30px;
}

.article__content blockquote:not(.blockquote1)::after {
    content: '';
    display: block;

    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;

    width: 10px;
    border-radius: 5px;
    background: rgba(255, 214, 106, 1);
}

.article__content blockquote p {
    margin: 0 0 15px;

    color: rgba(36, 39, 42, 1);

    font-family: Golos_Text;
    font-size: 18px;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: 0%;
    text-align: left;
}

.article__content blockquote p:first-child {
    margin: 0;
}

/*=================================*/
.article__loc {
    width: 100%;
}

:where(.article__content) .article__loc:not(:first-child) {
    margin-top: 60px;
}

:where(.article__content) .article__loc:not(:last-child) {
    margin-bottom: 60px;
}

.article__loc ul {
    display: flex;
    flex-direction: column;

    list-style: none;

    width: 100%;
}

.article__loc ul li {
    width: 100%;

    border-bottom: 1px solid rgba(191, 227, 180, 1);

    color: rgba(78, 83, 88, 1);

    font-family: Geologica;
    font-size: 20px;
    font-weight: 400;
    line-height: 110%;
    letter-spacing: 0%;
    text-align: left;

    margin-left: 0px;
}

.article__loc ul li a {
    text-decoration: none;
    font-weight: 400;
}

.article__loc ul li::before {
    display: none;
}

.article__loc ul li:first-child {
    border-top: 1px solid rgba(191, 227, 180, 1);
}

.article__loc ul li>* {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;

    width: 100%;
    padding: 17px;
    box-sizing: border-box;
    padding-right: 0px;

    background: #fff0;

    transition: all .1s;
}

.article__loc li>*:hover {

    background: rgb(0, 0, 0, 0.02);
}

.article__loc li>*::after {
    content: '';
    display: block;

    min-width: 17px;
    max-width: 17px;
    min-height: 12px;
    max-height: 12px;

    background: url(../img/icon_arrow_small_17x12.svg) center / contain no-repeat;
}

/*=================================*/
.article__content {
    width: 100%;
}

/*=================================*/
:where(.article__content)>section:not(:first-child) {
    margin-top: 60px;
}

:where(.article__content)>section:not(:last-child) {
    margin-bottom: 60px;
}

/*=================================*/
:where(.article__content) img:not([class]) {
    max-width: 100%;
}

/*=================================*/
:where(.article__content) h1 {
    color: rgba(37, 39, 45, 1);

    font-family: Geologica;
    --fontsizeMin: 40;
    --fontsizeMax: 52;
    font-size: clamp(var(--fontsizeMin) * 1px, var(--fontsizeMax) * 1px - (var(--linearInterpolation500x1200) * ((var(--fontsizeMax) - var(--fontsizeMin)) / 100)), var(--fontsizeMax) * 1px);
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: left;
}

/*=================================*/
:where(.article__content) h2 {
    color: rgba(36, 39, 42, 1);

    font-family: Geologica;
    --fontsizeMin: 30;
    --fontsizeMax: 36;
    font-size: clamp(var(--fontsizeMin) * 1px, var(--fontsizeMax) * 1px - (var(--linearInterpolation500x1200) * ((var(--fontsizeMax) - var(--fontsizeMin)) / 100)), var(--fontsizeMax) * 1px);
    font-weight: 700;
    line-height: 45px;
    letter-spacing: 0%;
    text-align: left;
}

:where(.techpage .article__content) h2 {
    --fontsizeMax: 38;
}

:where(.article__content) :where(h2:not(:last-child)) {
    margin-bottom: 18px;
}

:where(.article__content) :where(h2:not(:first-child)) {
    margin-top: 18px;
}

/*=================================*/
:where(.article__content) :is(h2+p,
    h2+ul,
    h2+ol,
    h2+h3,
    h2+h4,
    h2+h5,
    h2+h6):not([class]) {
    margin-top: 20px;
    margin-bottom: 0;
}

:where(.article__content) :is(h3+ol,
    h4+ol,
    h5+ol,
    h6+ol,
    h3+p,
    h4+p,
    h5+p,
    h6+p,
    h3+ul,
    h4+ul,
    h5+ul,
    h6+ul):not([class]) {
    margin-top: 20px;
    margin-bottom: 0;
}

:where(.article__content) h3 {
    color: rgb(51, 51, 51);
    --fontsizeMin: 21;
    --fontsizeMax: 24;
    font-size: clamp(var(--fontsizeMin) * 1px, var(--fontsizeMax) * 1px - (var(--linearInterpolation500x1200) * ((var(--fontsizeMax) - var(--fontsizeMin)) / 100)), var(--fontsizeMax) * 1px);
    font-weight: 600;
    line-height: 120%;
    letter-spacing: 0;
    text-align: left;
    text-transform: uppercase;

}

:where(.article__content) :where(h3:not(:first-child)) {
    margin-top: 20px;
}

:where(.article__content) :where(h4:not(:first-child)) {
    margin-top: 20px;
}

:where(.article__content) h4 {
    color: rgb(51, 51, 51);
    font-size: 17px;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: 0;
    text-align: left;
    text-transform: uppercase;
}

/*=================================*/
:where(.article__content) :where(p:not([class])) {
    margin-top: 20px;
    /* white-space: pre-line; */
}

/*=================================*/
:where(.article__content) a {
    /* text-decoration: underline;
    text-decoration-color: inherit;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;

    cursor: pointer; */

    display: inline;
}

/*=================================*/
:where(.article__content) figure:not([class]) div:not([class]):has(img) {
    width: 100%;
    border-radius: 15px;
    overflow: hidden;
}

.article__content a {
    color: rgba(0, 0, 0, 1);
    font-weight: 700;
    text-decoration: underline;
}

.article__content a:hover {
    color: rgba(0, 0, 0, .5);
    text-decoration: none;
}

:where(.article__content) figure:not([class]):not(:first-child),
div:not([class]):has(img):not(:first-child) {
    margin-top: 30px;
}

:where(.article__content) figure:not([class]):not(:last-child) div:not([class]):has(img):not(:last-child) {
    margin-bottom: 30px;
}

:where(.article__content) figure:not([class])>img,
div:not([class])>img {
    object-fit: cover;
    object-position: center;
    height: 100%;
    width: 100%;
}

:where(.article__content) figure figcaption {
    margin-top: 8px;
    width: 100%;
    color: rgba(78, 83, 88, 1);

    font-family: Golos_Text;
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: 0%;
    text-align: left;
}

:where(.article__content) figure figcaption p {
    padding-top: 0px;
}

/*=================================*/
:where(.article__content ul:not([class])) {
    position: relative;
    list-style: none;
    /* padding: 5px 0px; */
}

/* :where(.article__content) ul:not([class]):not(:first-child) {
    margin-top: 20px;
} */

:where(.article__content ul:not([class]):not(:first-child)) {
    /* margin-top: 30px; */
}

/* :where(.article__content) ul:not([class])::before {
    content: '';

    position: absolute;

    left: 0;
    top: 0;
    bottom: 0;

    width: 3px;
    border-radius: 5px;

    background: radial-gradient(273.03% 142.13% at -1% 0%, rgba(75.39942932128906, 124.71927642822266, 225.3317108154297, 1), rgba(32.4398078918457, 55.5433464050293, 205.71632385253906, 1) 100%);
} */

/*=================================*/
:where(.article__content ul:not([class]) li) {
    position: relative;
    margin-left: 30px;
}

:where(.article__content ul:not([class]) li:not(:last-child)) {}

:where(.article__content ul:not([class]) li)::before {
    content: '';

    position: absolute;
    left: -17px;
    top: 13px;

    display: block;

    min-width: 5px;
    max-width: 5px;
    min-height: 5px;
    max-height: 5px;

    background: rgba(70, 73, 83, 1);

    border-radius: 100%;
}

/*=================================*/
:where(.article__content ol:not([class])) {}

:where(.article__content ol:not([class]) li) {
    position: relative;
    margin-left: 30px;
}

:where(.article__content ol:not([class]) li)::before {
    content: counters(ol, ".") ". ";

    position: absolute;
    left: -25px;
    top: 0px;

    display: block;

    min-width: 20px;
    max-width: 20px;
    min-height: 20px;
    max-height: 20px;
}


/*=================================*/
.articleAuthor {
    width: 100%;
}

.articleAuthor__inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px 20px;
    width: 100%;
}

.articleAuthor__authorCard {
    display: flex;
    align-items: center;
    gap: 15px;

    padding: 15px;
    box-sizing: border-box;

    border: 1px solid rgba(242, 244, 246, 1);
    border-radius: 25px;
    box-shadow: 0px 4px 40px 0px rgba(97, 97, 97, 0.05);
    background: rgba(255, 255, 255, 1);
}

.articleAuthor__authorCard__photo {
    position: relative;

    display: flex;
    align-items: center;
    justify-content: center;

    min-width: 85px;
    max-width: 85px;
    min-height: 85px;
    max-height: 85px;

    border: 1px solid rgba(242, 244, 246, 1);
    border-radius: 15px;
    background: rgba(242, 244, 246, 1);

    overflow: hidden;
}

.articleAuthor__authorCard__photo img {
    position: absolute;
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
}

.articleAuthor__authorCard__caption {}

.articleAuthor__authorCard__title {
    color: rgba(131, 135, 145, 1);

    font-family: Golos_Text;
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: 0%;
    text-align: left;

    margin-bottom: 2px;
}

.articleAuthor__authorCard__name {
    color: rgba(36, 39, 42, 1);

    font-family: Geologica;
    font-size: 24px;
    font-weight: 600;
    line-height: 110%;
    letter-spacing: 0%;
    text-align: left;

    margin-bottom: 1px;
}

.articleAuthor__authorCard__function {
    color: rgba(78, 83, 88, 1);

    font-family: Golos_Text;
    font-size: 18px;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: 0%;
    text-align: left;
}

.articleAuthor__articleData {
    display: flex;
    gap: 35px;
    padding: 0px 15px;
}

.articleAuthor__articleData__col {}

.articleAuthor__articleData__title {
    color: rgba(131, 135, 145, 1);

    font-family: Golos_Text;
    font-size: 18px;
    font-weight: 400;
    line-height: 110%;
    letter-spacing: 0%;
    text-align: left;

    margin-bottom: 5px;
}

.articleAuthor__articleData__value {
    color: rgba(36, 39, 42, 1);

    font-family: Golos_Text;
    font-size: 20px;
    font-weight: 700;
    line-height: 140%;
    letter-spacing: 0%;
    text-align: left;
}

.articleAuthor__shareBtn {
    min-width: 75px;
    max-width: 75px;
    min-height: 75px;
    max-height: 75px;
    border: 1px solid rgba(242, 244, 246, 1);
    border-radius: 15px;
}



















/*
//////////////////
/////////////
/////////
!logo
/////////
/////////////
////////////////
*/
.logo {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px 12px;

    cursor: pointer;
}

/*=================================*/
.logo__SVG {
    display: block;

    aspect-ratio: 205 / 47;
    min-width: 205px;
    max-width: 205px;
    /* height: 100%; */

    background: url(../img/logo.svg) center / contain no-repeat;
}

/*=================================*/
.logo__text {
    position: relative;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    color: rgba(88, 90, 94, 1);
    white-space: nowrap;

    font-family: Golos_Text;
    font-size: 14px;
    font-weight: 400;
    line-height: 105%;
    letter-spacing: 0%;
    text-align: left;
}


































/*
//////////////////
/////////////
/////////
!HEADER
/////////
/////////////
////////////////
*/
.header {
    position: relative;
    top: -1000px;
    left: 0;
    overflow-x: clip;

    display: block;
    width: 100%;

    pointer-events: none;
    transition: opacity .2s, background 0s, backdrop-filter 2s;

    z-index: -10;
}

/* .__mobileMenuActive .header {
    background: rgba(255, 255, 255, 1);
} */

/* .header::after {
    content: '';
    display: block;

    position: absolute;
    bottom: -59px;

    min-width: 100%;
    max-width: 100%;

    --D: 106px;

    min-height: var(--D);
    max-height: var(--D);

    background: radial-gradient(var(--D), rgb(214, 240, 245) 50%, rgba(0, 0, 0, 0) 50%) center / calc(var(--D));
    background-repeat: repeat-x;

    opacity: 1;

    z-index: -1;
} */

.__mobileMenuActive .header::after {
    opacity: 0;
}

/*=================================*/
.header.header--loaded {
    position: relative;
    top: 0px;
    pointer-events: all;
    visibility: visible;
    opacity: 1;

    animation-name: header-visible;
    animation-duration: 1s;

    z-index: 200;
}

.__mobileMenuActive .header {
    transition: opacity .2s, background .2s, backdrop-filter .2s;
    backdrop-filter: blur(0px);
    background: rgba(255, 255, 255, 1);

    /* border-bottom: 1px solid rgba(41, 41, 41, 0.3); */
}

.__stopScrolling:not(.__mobileMenuActive) .header {
    /* margin-right: var(--scrollbarWidth);
    width: calc(100vw - var(--scrollbarWidth)); */
}

.__mobileMenuActive .header {
    /* padding-right: var(--scrollbarWidth); */
    /* width: 100vw; */
}

@keyframes header-visible {
    0% {
        opacity: 0;
        visibility: hidden;
    }

    100% {
        opacity: 1;
        visibility: visible;
    }
}

/*=================================*/
.header__inner {
    /* display: flex;
    justify-content: space-between;
    align-items: center;
    gap: clamp(20px, 4vw, 56px) 20px;

    padding: 15px 19px;

    box-sizing: border-box;
    border: 1px solid rgba(238, 240, 244, 1);
    border-radius: 15px;
    box-shadow: 0px 5px 40px -5px rgba(0, 66, 130, 0.07);
    background: rgba(255, 255, 255, 1);

    margin-top: 4px;

    transition: all .0s; */

    max-width: 1880px;
    box-sizing: border-box;

    border-radius: 30px;
    background: rgba(255, 255, 255, 1);
    padding-top: 5px;
}

/* .__mobileMenuActive .header__inner {
    padding: 16px 20px 15px;

    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-radius: 0px;

    box-shadow: unset;
} */

/* .__scroll .header--loaded .header__inner {
    padding: 5px 0px 4px;
} */

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

    width: 100%;
    padding: 10px 0px 12px;

    border-bottom: 1px solid rgba(238, 238, 238, 1);
}

.header__inner__bottom {
    display: flex;
    justify-content: start;
    align-items: center;
    width: 100%;
}








/*
//////////////////
/////////////
/////////
!header__nav
/////////
/////////////
////////////////
*/
.header__nav {
    flex: 1;
    display: flex;
    box-sizing: border-box;
    transition: all .2s, opacity .2s;

    z-index: 10;
}

.header__nav {
    justify-content: flex-start;
    gap: 40px;
}

/*=================================*/
.header__nav :is(.searchFrom, .header__email, .btnsCont, .header__tel, .header__location, .btn--cart, .btn--zakaz) {
    display: none;
}

/*=================================*/
.__mobile .header__nav>*:not(:last-child) {
    margin-bottom: 20px;
}

/*=================================*/
.__mobile .header__nav__ul>.menu-item,
.__mobile .header__nav>*:not(.header__nav__ul) {
    animation-name: navElem-hidden-mobile;
    animation-fill-mode: both;
    animation-duration: .2s;
}

.__mobile .header__nav__ul>.menu-item.ag-tabs-tabChild--active,
.__mobile .header__nav>*:not(.header__nav__ul).ag-tabs-tabChild--active {
    animation-name: navElem-visible-mobile;
}

@keyframes navElem-visible-mobile {
    0% {
        opacity: 0;
        translate: -40px 0px;
    }

    100% {
        opacity: 1;
        translate: 0px 0px;
    }
}

@keyframes navElem-hidden-mobile {

    0% {
        opacity: 1;
        translate: 0px 0px;
    }

    100% {
        opacity: 0;
        translate: -40px 0px;
    }
}


/*=================================*/
.header__nav__ul .sub-menu {
    opacity: 0;
    animation-name: submenu-hidden-desctop;
    animation-fill-mode: both;
    animation-duration: .2s;
}

.header__nav__ul .sub-menu.sub-menu--active {
    animation-name: submenu-visible-desctop;
}

@keyframes submenu-visible-desctop {
    0% {
        opacity: 0;
        translate: 0px 10px;
    }

    100% {
        translate: 0px 0px;
        opacity: 1;
    }
}

@keyframes submenu-hidden-desctop {
    0% {
        translate: 0px 0px;
        opacity: 1;
    }

    100% {
        opacity: 0;
        translate: 0px 10px;
    }
}

/*=================================*/
.header__nav__ul .menu-item .menu-item {
    /* animation-name: menuItem-hidden-desctop; */
    animation-fill-mode: both;
    animation-duration: .2s;
}

.header__nav__ul .menu-item .menu-item.ag-tabs-tabChild--active {
    /* animation-name: menuItem-visible-desctop; */
}

@keyframes menuItem-visible-desctop {
    0% {
        opacity: 0;
        translate: 0px -20px;
    }

    100% {
        translate: 0px 0px;
        opacity: 1;
    }
}

@keyframes menuItem-hidden-desctop {
    0% {
        translate: 0px 0px;
        opacity: 1;
    }

    100% {
        opacity: 0;
        translate: 0px -20px;
    }
}

/*=================================*/
.__mobile .header__nav__ul .menu-item .menu-item {
    animation-name: menuItem-hidden-mobile;
    animation-fill-mode: both;
    animation-duration: .2s;
}

.__mobile .header__nav__ul .menu-item .menu-item.ag-tabs-tabChild--active {
    animation-name: menuItem-visible-mobile;
}

@keyframes menuItem-visible-mobile {
    0% {
        opacity: 0;
        translate: 0px -20px;
    }

    100% {
        translate: 0px 0px;
        opacity: 1;
    }
}

@keyframes menuItem-hidden-mobile {
    0% {
        translate: 0px 0px;
        opacity: 1;
    }

    100% {
        opacity: 0;
        translate: 0px -20px;
    }
}




/*==============================================*/
/*====================lvl 0=====================*/
/*==============================================*/
.header__nav__ul {
    /* --menuitemHaschildrenIMG: url(); */

    --menuLeft: 0px;

    --menuTopPadding: 18px;
    --menuBottomPadding: 22px;
    --menuLeftPadding: 0px;
    --menuRightPadding: 0px;

    --menuTopMargin: 0px;
    --menuRightMargin: 0px;
    --menuBottomMargin: 0px;
    --menuLeftMargin: 0px;

    --menuBorderRadius: 0px;

    --menuItemPadding-top: 0px;
    --menuItemPadding-bottom: 0px;
    --menuItemPadding-right: 0px;
    --menuItemPadding-left: 0px;

    --menuFirstChildTopPadding: 0px;
    --menuLastChildBottomPadding: 0px;

    --menuRowGap: 10px;

    --menuColGapMin: 15;
    --menuColGapMax: 40;
    --menuColGap: clamp(var(--menuColGapMin) * 1px, var(--menuColGapMax) * 1px - (var(--linearInterpolation940x1200) * ((var(--menuColGapMax) - var(--menuColGapMin)) / 100)), var(--menuColGapMax) * 1px);
}

/*===============sub-menu==================*/
.header__nav__ul {
    display: flex;
    justify-content: start;
    flex-wrap: wrap;

    width: 100%;
    max-width: max-content;
    flex-grow: 1000;
    max-height: max-content;
    margin: auto 0;
}

/*===============menu-item==================*/
.header__nav__ul *:has(>[data-ag-tabs-level="0"]),
.header__nav__ul>.menu-item:not(:has(>.ag-tabs-switcher)) {
    position: relative;
    transition: all .1s;
}

/*===============a==================*/
.header__nav__ul .ag-tabs-switcher[data-ag-tabs-level="0"],
.header__nav__ul>.menu-item>a:not(.ag-tabs-switcher) {
    height: 100%;
    width: 100%;

    transition: all .1s;
    /*--------------*/
    color: rgba(36, 39, 42, 1);

    font-family: Golos_Text;
    font-size: 20px;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: 0%;
}

/*===============a:hover==================*/
@media (hover: hover) {

    .header__nav__ul .ag-tabs-switcher[data-ag-tabs-level="0"]:hover,
    .header__nav__ul>.menu-item>a:not(.ag-tabs-switcher):hover {
        color: rgb(from var(--zagolovki) r g b / 0.6);
    }
}

/*===============a:active==================*/
.header__nav__ul .ag-tabs-switcher[data-ag-tabs-level="0"]:active,
.header__nav__ul>.menu-item>a:not(.ag-tabs-switcher):active {
    color: rgb(from var(--zagolovki) r g b / 0.6);
}

/*===============menu-item-has-children==================*/
.header__nav__ul *:has(>.ag-tabs-tab[data-ag-tabs-level="0"]) {}

/*================a=================*/
.header__nav__ul .ag-tabs-switcher[data-ag-tabs-level="0"] {
    gap: 10px;
}

/*================a:hover=================*/
@media (hover: hover) {
    .header__nav__ul .ag-tabs-switcher[data-ag-tabs-level="0"]:hover {}
}

/*================a:active=================*/
.header__nav__ul .ag-tabs-switcher[data-ag-tabs-level="0"]:active {}

/*================a--active=================*/
.header__nav__ul .ag-tabs-switcher[data-ag-tabs-level="0"].menu-item--active {
    color: rgb(from var(--zagolovki) r g b / 0.6);
}

/*================a::arrow=================*/
.header__nav__ul .ag-tabs-switcher[data-ag-tabs-level="0"]::after {
    rotate: 90deg;
    margin-bottom: -2px;
}

/*================a:hover::arrow=================*/
.header__nav__ul .ag-tabs-switcher[data-ag-tabs-level="0"]:hover::after {}

/*================a:active::arrow=================*/
.header__nav__ul .ag-tabs-switcher[data-ag-tabs-level="0"]:active::after {}

/*================a--active::arrow=================*/
.header__nav__ul .ag-tabs-switcher[data-ag-tabs-level="0"].menu-item--active::after {
    transform: scaleX(-1);
}

/*===============ag-tabs-tabChild--active==================*/

.header__nav__ul .ag-tabs-tabChild--active>.ag-tabs-switcher[data-ag-tabs-level="0"] {}




/*==============================================*/
/*===================lvl 1======================*/
/*==============================================*/
.header__nav__ul .ag-tabs-tab[data-ag-tabs-level="0"] {
    /* --menuitemHaschildrenIMG: url(../img/icon_arrow_8.svg); */
    --menuTop: 100%;
    --menuLeft: -10px;
    --menuRight: -10px;

    --menuTopPadding: 5px;
    --menuBottomPadding: 5px;
    --menuLeftPadding: 5px;
    --menuRightPadding: 5px;

    --menuTopMargin: 10px;
    --menuRightMargin: 0px;
    --menuBottomMargin: 0px;
    --menuLeftMargin: 0px;

    --menuBorderRadius: 10px;

    --menuItemPadding-top: 10px;
    --menuItemPadding-bottom: 10px;
    --menuItemPadding-right: 24px;
    --menuItemPadding-left: 24px;

    --menuFirstChildTopPadding: 10px;
    --menuLastChildBottomPadding: 10px;

    --menuRowGap: 0px;
    --menuColGap: 0px;
}

.header__nav__ul .ag-tabs-tab[data-ag-tabs-level="0"].orientationLeft {
    --menuRight: auto !important;
}

.header__nav__ul .ag-tabs-tab[data-ag-tabs-level="0"].orientationRight {
    --menuLeft: auto !important;
}

/*================sub-menu=================*/
.header__nav__ul .ag-tabs-tab[data-ag-tabs-level="0"] {
    position: absolute;
    transition: all .1s;
}

/*================only desctop sub-menu=================*/
.header__nav__ul:not(.__mobile .header__nav__ul) .ag-tabs-tab[data-ag-tabs-level="0"] {
    -webkit-box-shadow: 0 0 0 1px #EDEFF0, 0 8px 24px 0 #0000001A;
    -moz-box-shadow: 0 0 0 1px #EDEFF0, 0 8px 24px 0 #0000001A;
    box-shadow: 0 0 0 1px #EDEFF0, 0 8px 24px 0 #0000001A;

    min-width: 200px;

    background: var(--belyy);
}

/*================only desctop sub-menu--active=================*/
.header__nav__ul:not(.__mobile .header__nav__ul) .ag-tabs-tab[data-ag-tabs-level="0"].sub-menu--active {
    animation-name: menuItem-visible-desctop;
}

/*================menu-item=================*/
.header__nav__ul *:has(>[data-ag-tabs-level="1"]),
.header__nav__ul .ag-tabs-tab[data-ag-tabs-level="0"]>.menu-item:not(:has(>.ag-tabs-switcher)) {
    position: relative;
    transition: all .1s;
    width: 100%;
}

/*================a=================*/
.header__nav__ul .ag-tabs-switcher[data-ag-tabs-level="1"],
.header__nav__ul .ag-tabs-tab[data-ag-tabs-level="0"]>.menu-item>a:not(.ag-tabs-switcher) {
    height: 100%;
    width: 100%;

    transition: all .1s;
    /*--------------*/
    background: #fff0;
    border-radius: 12px;

    font-family: var(--font-family);
    font-weight: 400;
    font-size: 18px;
    line-height: 130%;
    letter-spacing: 0%;
    color: rgba(36, 39, 42, 1);
}

/*================a:hover=================*/
@media (hover: hover) {

    .header__nav__ul .ag-tabs-switcher[data-ag-tabs-level="1"]:hover,
    .header__nav__ul .ag-tabs-tab[data-ag-tabs-level="0"]>.menu-item>a:not(.ag-tabs-switcher):hover {
        background: var(--podlozhka);
        color: rgb(from var(--zagolovki) r g b / 0.7);
    }
}

/*================a:active=================*/
.header__nav__ul .ag-tabs-switcher[data-ag-tabs-level="1"]:active,
.header__nav__ul .ag-tabs-tab[data-ag-tabs-level="0"]>.menu-item>a:not(.ag-tabs-switcher):active {
    scale: 0.97;
    background: var(--podlozhka);
    color: rgb(from var(--zagolovki) r g b / 0.7);
}

/*================menu-item-has-childdren=================*/
.header__nav__ul *:has(>[data-ag-tabs-level="1"]) {}

/*================a=================*/
.header__nav__ul .ag-tabs-switcher[data-ag-tabs-level="1"] {}

/*================a:hover=================*/
@media (hover: hover) {

    .header__nav__ul .ag-tabs-switcher[data-ag-tabs-level="1"]:hover {}
}

/*================a:active=================*/
.header__nav__ul .ag-tabs-switcher[data-ag-tabs-level="1"]:active {}

/*================a--active=================*/
.header__nav__ul .ag-tabs-switcher[data-ag-tabs-level="1"].menu-item--active {
    background: var(--podlozhka);
    color: rgb(from var(--zagolovki) r g b / 0.7);
}

/*================a::arrow=================*/
.header__nav__ul .ag-tabs-switcher[data-ag-tabs-level="1"]::after {}

/*================a:hover::arrow=================*/
@media (hover: hover) {
    .header__nav__ul .ag-tabs-switcher[data-ag-tabs-level="1"]:hover::after {}
}

/*================a:active::arrow=================*/
.header__nav__ul .ag-tabs-switcher[data-ag-tabs-level="1"]:active::after {}

/*================a--active::arrow=================*/
.header__nav__ul .ag-tabs-switcher[data-ag-tabs-level="1"].menu-item--active::after {
    transform: scaleX(-1);
}

/*================ag-tabs-tabChild--active=================*/
.header__nav__ul .ag-tabs-tabChild--active>.ag-tabs-switcher[data-ag-tabs-level="1"] {}




/*==============================================*/
/*===================lvl 2+=====================*/
/*==============================================*/
.header__nav__ul .ag-tabs-tab[data-ag-tabs-level="0"] .ag-tabs-tab {
    /* --menuitemHaschildrenIMG: url(../img/icon_arrowhead_10x15.svg); */
    --menuTop: -5px;
    --menuLeft: 100%;
    --menuRight: 100%;

    --menuTopPadding: 5px;
    --menuBottomPadding: 5px;
    --menuLeftPadding: 5px;
    --menuRightPadding: 5px;

    --menuTopMargin: 0px;
    --menuRightMargin: 0px;
    --menuBottomMargin: 0px;
    --menuLeftMargin: 0px;

    --menuBorderRadius: 10px;

    --menuItemPadding-top: 10px;
    --menuItemPadding-bottom: 10px;
    --menuItemPadding-right: 24px;
    --menuItemPadding-left: 24px;

    --menuFirstChildTopPadding: 10px;
    --menuLastChildBottomPadding: 10px;

    --menuRowGap: 0px;
    --menuColGap: 0px;
}

.header__nav__ul .ag-tabs-tab[data-ag-tabs-level="0"] .ag-tabs-tab.orientationLeft {
    --menuRight: auto !important;
}

.header__nav__ul .ag-tabs-tab[data-ag-tabs-level="0"] .ag-tabs-tab.orientationRight {
    --menuLeft: auto !important;
}

/*================sub-menu=================*/
.header__nav__ul .ag-tabs-tab[data-ag-tabs-level="0"] .ag-tabs-tab {
    position: absolute;
    transition: all .1s;
}

/*================only desctop sub-menu=================*/
.header__nav__ul:not(.__mobile .header__nav__ul) .ag-tabs-tab[data-ag-tabs-level="0"] .ag-tabs-tab {
    -webkit-box-shadow: 0 0 0 1px #EDEFF0, 0 8px 24px 0 #0000001A;
    -moz-box-shadow: 0 0 0 1px #EDEFF0, 0 8px 24px 0 #0000001A;
    box-shadow: 0 0 0 1px #EDEFF0, 0 8px 24px 0 #0000001A;

    min-width: 200px;

    background: var(--belyy);
}

/*================only desctop sub-menu--active=================*/
.header__nav__ul:not(.__mobile .header__nav__ul) .ag-tabs-tab[data-ag-tabs-level="0"] .ag-tabs-tab.sub-menu--active {}

/*================menu-item=================*/
.header__nav__ul .ag-tabs-tab[data-ag-tabs-level="0"] .ag-tabs-tab *:has(>.ag-tabs-switcher),
.header__nav__ul .ag-tabs-tab[data-ag-tabs-level="0"] .ag-tabs-tab .menu-item:not(:has(>.ag-tabs-switcher)) {
    position: relative;
    transition: all .1s;
    width: 100%;
}

/*================a=================*/
.header__nav__ul .ag-tabs-tab[data-ag-tabs-level="0"] .ag-tabs-tab .ag-tabs-switcher,
.header__nav__ul .ag-tabs-tab[data-ag-tabs-level="0"] .ag-tabs-tab .menu-item>a:not(.ag-tabs-switcher) {
    height: 100%;
    width: 100%;

    transition: all .1s;
    /*--------------*/
    background: #fff0;
    border-radius: 12px;

    font-family: var(--font-family);
    font-weight: 400;
    font-size: 18px;
    line-height: 120%;
    color: var(--zagolovki);
}

/*================a:hover=================*/
@media (hover: hover) {

    .header__nav__ul .ag-tabs-tab[data-ag-tabs-level="0"] .ag-tabs-tab .ag-tabs-switcher:hover,
    .header__nav__ul .ag-tabs-tab[data-ag-tabs-level="0"] .ag-tabs-tab .menu-item>a:not(.ag-tabs-switcher):hover {
        background: var(--podlozhka);
        color: rgb(from var(--zagolovki) r g b / 0.7);
    }
}

/*================a:active=================*/
.header__nav__ul .ag-tabs-tab[data-ag-tabs-level="0"] .ag-tabs-tab .ag-tabs-switcher:active,
.header__nav__ul .ag-tabs-tab[data-ag-tabs-level="0"] .ag-tabs-tab .menu-item>a:not(.ag-tabs-switcher):active {
    scale: 0.97;
    background: var(--podlozhka);
    color: rgb(from var(--zagolovki) r g b / 0.7);
}

/*================menu-item-has-childdren=================*/
.header__nav__ul .ag-tabs-tab[data-ag-tabs-level="0"] .ag-tabs-tab *:has(>.ag-tabs-switcher) {}

/*================a=================*/
.header__nav__ul .ag-tabs-tab[data-ag-tabs-level="0"] .ag-tabs-tab .ag-tabs-switcher {}

/*================a:hover=================*/
@media (hover: hover) {
    .header__nav__ul .ag-tabs-tab[data-ag-tabs-level="0"] .ag-tabs-tab .ag-tabs-switcher:hover {}
}

/*================a:active=================*/
.header__nav__ul .ag-tabs-tab[data-ag-tabs-level="0"] .ag-tabs-tab .ag-tabs-switcher:active {}

/*================a--active=================*/
.header__nav__ul .ag-tabs-tab[data-ag-tabs-level="0"] .ag-tabs-tab .ag-tabs-switcher.menu-item--active {
    background: var(--podlozhka);
    color: rgb(from var(--zagolovki) r g b / 0.7);
}

/*================a::arrow=================*/
.header__nav__ul .ag-tabs-tab[data-ag-tabs-level="0"] .ag-tabs-tab .ag-tabs-switcher::after {}

/*================a:hover::arrow=================*/
@media (hover: hover) {
    .header__nav__ul .ag-tabs-tab[data-ag-tabs-level="0"] .ag-tabs-tab .ag-tabs-switcher:hover::after {}
}

/*================a:active::arrow=================*/
.header__nav__ul .ag-tabs-tab[data-ag-tabs-level="0"] .ag-tabs-tab .ag-tabs-switcher:active::after {}

/*================a--active::arrow=================*/
.header__nav__ul .ag-tabs-tab[data-ag-tabs-level="0"] .ag-tabs-tab .ag-tabs-switcher.menu-item--active::after {
    transform: scaleX(-1);
}

/*================ag-tabs-tabChild--active=================*/
.header__nav__ul .ag-tabs-tab[data-ag-tabs-level="0"] .ag-tabs-tab .ag-tabs-tabChild--active>.ag-tabs-switcher {}




/*=======================================*/
/*==============MOBILE===================*/
/*=======================================*/
.__mobile .header__nav {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;

    position: absolute;
    top: calc(100% + 0px);
    left: 0;

    width: 100vw;
    max-width: 100vw;
    max-height: calc(var(--100vh) - 100%) !important;
    min-height: calc(var(--100vh) - 100%) !important;

    transition: all 0s, max-height .2s, min-height .2s, opacity .2s, translate .2s;

    overflow-y: scroll;
    /*--------------*/
    padding: 20px calc(var(--sidePaddingClampFormula));
    gap: 0px;
    background: var(--belyy);

    opacity: 0;
    pointer-events: none;
    /* transition: all 1s cubic-bezier(0.075, 0.82, 0.165, 1); */
}

.__mobile .header__nav:not(.header__nav--active) {
    --scrollbarBackgroundTrack: #fff0;
    --scrollbarBackgroundThumb: #fff0;
    width: 100%;
}

.__mobile :where(.header__nav>*:not(:last-child)) {
    margin-bottom: 20px;
}

.__mobile .header__nav.header__nav--active {
    opacity: 1;
    pointer-events: all;

    translate: 0px 0px;
}




/*==============================================*/
/*==============MOBILE lvl 0===================*/
/*==============================================*/
.__mobile .header__nav__ul {
    /* --menuitemHaschildrenIMG: url(../img/icon_arrowhead_10x15.svg); */

    --menuTop: 0px;
    --menuLeft: 0px;

    --menuTopPadding: 0px;
    --menuLeftPadding: 0px;
    --menuBottomPadding: 0px;
    --menuRightPadding: 0px;

    --menuTopMargin: 0px;
    --menuRightMargin: 0px;
    --menuBottomMargin: 0px;
    --menuLeftMargin: 0px;

    --menuBorderRadius: 0px;

    --menuItemPadding-top: 7px;
    --menuItemPadding-bottom: 7px;
    --menuItemPadding-right: 21px;
    --menuItemPadding-left: 21px;

    --menuFirstChildTopPadding: 7px;
    --menuLastChildBottomPadding: 7px;

    --menuRowGap: 0px;
    --menuColGap: 0px;
}

/*================sub-menu=================*/
.__mobile .header__nav__ul {
    display: block;
    max-height: initial;
    margin: 0;
    margin-bottom: 40px;
    transition: all 0s;
}

/*================menu-item=================*/
.__mobile .header__nav__ul *:has(>[data-ag-tabs-level="0"]),
.__mobile .header__nav__ul>.menu-item:not(:has(>.ag-tabs-switcher)) {
    position: relative;
    width: 100%;
}

/*================a=================*/
.__mobile .header__nav__ul .ag-tabs-switcher[data-ag-tabs-level="0"],
.__mobile .header__nav__ul>.menu-item>a:not(.ag-tabs-switcher) {
    --fontSizeMin: 18;
    --fontSizeMax: 18;
    line-height: 120%;

    align-items: center;
    border-bottom: 0px;
    white-space: unset;
    width: 100%;

    border-radius: 12px;

    z-index: 2;
}

/*================a:hover=================*/
@media (hover: hover) {

    .__mobile .header__nav__ul .ag-tabs-switcher[data-ag-tabs-level="0"]:hover,
    .__mobile .header__nav__ul>.menu-item>a:not(.ag-tabs-switcher):hover {
        background: var(--podlozhka);
        color: rgb(from var(--zagolovki) r g b / 0.7);
    }
}

/*================a:active=================*/
.__mobile .header__nav__ul .ag-tabs-switcher[data-ag-tabs-level="0"]:active,
.__mobile .header__nav__ul>.menu-item>a:not(.ag-tabs-switcher):active {
    scale: 0.97;
    background: var(--podlozhka);
    color: rgb(from var(--zagolovki) r g b / 0.7);
}

/*================menu-item-has-children=================*/
.__mobile .header__nav__ul *:has(>[data-ag-tabs-level="0"]) {}

/*================a=================*/
.__mobile .header__nav__ul .ag-tabs-switcher[data-ag-tabs-level="0"] {}

/*================a--active=================*/
.__mobile .header__nav__ul .ag-tabs-switcher[data-ag-tabs-level="0"].menu-item--active {
    background: var(--podlozhka);
    color: rgb(from var(--zagolovki) r g b / 0.7);
}

/*================a::arrow=================*/
.__mobile .header__nav__ul .ag-tabs-switcher[data-ag-tabs-level="0"]::after {
    rotate: 90deg;
}

/*================ag-tabs-tabChild--active=================*/
.__mobile .header__nav__ul *:has(>[data-ag-tabs-level="0"].ag-tabs-tabChild--active),
.__mobile .header__nav__ul>.menu-item:not(:has(>.ag-tabs-switcher).ag-tabs-tabChild--active) {}




/*==============================================*/
/*==============MOBILE lvl 1===================*/
/*==============================================*/
.__mobile .header__nav__ul .ag-tabs-tab[data-ag-tabs-level="0"] {
    /* --menuitemHaschildrenIMG: url(../img/arrowMicro_greay_13x8.svg); */

    --menuTop: 0px;
    --menuLeft: 0px;

    --menuTopPadding: 7px;
    --menuLeftPadding: 0px;
    --menuBottomPadding: 7px;
    --menuRightPadding: 0px;

    --menuTopMargin: 0px;
    --menuRightMargin: 0px;
    --menuBottomMargin: 0px;
    --menuLeftMargin: 0px;

    --menuBorderRadius: 0px;

    --menuItemPadding-top: 7px;
    --menuItemPadding-bottom: 7px;
    --menuItemPadding-right: 21px;
    --menuItemPadding-left: 21px;

    --menuFirstChildTopPadding: 7px;
    --menuLastChildBottomPadding: 7px;

    --menuRowGap: 0px;
    --menuColGap: 0px;
}

/*================sub-menu=================*/
.__mobile .header__nav__ul .ag-tabs-tab[data-ag-tabs-level="0"] {
    position: relative;
    top: 0;
    width: 100%;
    padding-left: 20px !important;

    transition: all 0s;

    max-width: max-content;

    z-index: 1;
}

.__mobile .header__nav__ul .ag-tabs-tab[data-ag-tabs-level="0"]::before {
    content: '';

    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 10px;

    width: 2px;

    background: linear-gradient(var(--akcentnyy) 0%, var(--akcentnyy) 100%);

    opacity: .3;

    transition: all .2s;

    pointer-events: none;
    z-index: 3;
}

/*================menu-item=================*/
.__mobile .header__nav__ul *:has(>[data-ag-tabs-level="1"]),
.__mobile .header__nav__ul .ag-tabs-tab[data-ag-tabs-level="0"]>.menu-item:not(:has(>.ag-tabs-switcher)) {}

/*================a=================*/
.__mobile .header__nav__ul .ag-tabs-switcher[data-ag-tabs-level="1"],
.__mobile .header__nav__ul .ag-tabs-tab[data-ag-tabs-level="0"]>.menu-item>a:not(.ag-tabs-switcher) {
    font-size: 17px;
    transition: all .2s;
    z-index: 2;
}

/*================menu-item-has-childdren=================*/
.__mobile .header__nav__ul *:has(>[data-ag-tabs-level="1"]) {}

/*================a=================*/
.__mobile .header__nav__ul .ag-tabs-switcher[data-ag-tabs-level="1"] {}

/*================a::arrow=================*/
.__mobile .header__nav__ul .ag-tabs-switcher[data-ag-tabs-level="1"]::after {
    rotate: 90deg;
}

/*================ag-tabs-tabChild--active=================*/

.__mobile .header__nav__ul .ag-tabs-tabChild--active>.ag-tabs-switcher[data-ag-tabs-level="1"],
.__mobile .header__nav__ul .ag-tabs-tab[data-ag-tabs-level="0"]>.ag-tabs-tabChild--active>a:not(.ag-tabs-switcher) {}




/*==============================================*/
/*==============MOBILE lvl 2+===================*/
/*==============================================*/
.__mobile .header__nav__ul .ag-tabs-tab[data-ag-tabs-level="0"] .ag-tabs-tab {
    /* --menuitemHaschildrenIMG: url(../img/icon_arrowhead_10x15.svg); */

    --menuTop: 0px;
    --menuLeft: 0px;

    --menuTopPadding: 7px;
    --menuLeftPadding: 0px;
    --menuBottomPadding: 7px;
    --menuRightPadding: 0px;

    --menuTopMargin: 0px;
    --menuRightMargin: 0px;
    --menuBottomMargin: 0px;
    --menuLeftMargin: 0px;

    --menuBorderRadius: 0px;

    --menuItemPadding-top: 7px;
    --menuItemPadding-bottom: 7px;
    --menuItemPadding-right: 21px;
    --menuItemPadding-left: 21px;

    --menuFirstChildTopPadding: 7px;
    --menuLastChildBottomPadding: 7px;

    --menuRowGap: 0px;
    --menuColGap: 0px;
}

/*================sub-menu=================*/
.__mobile .header__nav__ul .ag-tabs-tab[data-ag-tabs-level="0"] .ag-tabs-tab {
    position: relative;
    top: 0;
    width: max-content;
    padding-left: 20px !important;

    transition: all 0s;

    max-width: max-content;

    z-index: 1;
}

.__mobile .header__nav__ul .ag-tabs-tab[data-ag-tabs-level="0"] .ag-tabs-tab::before {
    content: '';

    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 10px;

    width: 2px;

    background: linear-gradient(var(--akcentnyy) 0%, var(--akcentnyy) 100%);

    opacity: .3;

    transition: all .2s;

    pointer-events: none;
    z-index: 3;
}

/*================menu-item=================*/
.__mobile .header__nav__ul .ag-tabs-tab[data-ag-tabs-level="0"] .ag-tabs-tab *:has(>.ag-tabs-switcher),
.__mobile .header__nav__ul .ag-tabs-tab[data-ag-tabs-level="0"] .ag-tabs-tab .menu-item:not(:has(>.ag-tabs-switcher)) {
    width: 100%;
}

/*================a=================*/
.__mobile .header__nav__ul .ag-tabs-tab[data-ag-tabs-level="0"] .ag-tabs-tab .ag-tabs-switcher,
.__mobile .header__nav__ul .ag-tabs-tab[data-ag-tabs-level="0"] .ag-tabs-tab .menu-item>a:not(.ag-tabs-switcher) {
    font-size: 16px;
    transition: all .2s;
    z-index: 2;
}

/*================menu-item-has-childdren=================*/
.__mobile .header__nav__ul .ag-tabs-tab[data-ag-tabs-level="0"] .ag-tabs-tab *:has(>.ag-tabs-switcher) {}

/*================a=================*/
.__mobile .header__nav__ul .ag-tabs-tab[data-ag-tabs-level="0"] .ag-tabs-tab .ag-tabs-switcher {}

/*================a::arrow=================*/
.__mobile .header__nav__ul .ag-tabs-tab[data-ag-tabs-level="0"] .ag-tabs-tab .ag-tabs-switcher::after {
    rotate: 90deg;
}

/*================ag-tabs-tabChild--active=================*/
.__mobile .header__nav__ul .ag-tabs-tab[data-ag-tabs-level="0"] .ag-tabs-tab .ag-tabs-tabChild--active>.ag-tabs-switcher,
.__mobile .header__nav__ul .ag-tabs-tab[data-ag-tabs-level="0"] .ag-tabs-tab .ag-tabs-tabChild--active>a:not(.ag-tabs-switcher) {}







/*
//////////////////
/////////////
/////////
!menuBtn
/////////
/////////////
////////////////
*/
.menuBtn {
    --spanHeight: 2px;
    --borderRadius: 2px;
    --stickColor: rgba(78, 83, 88, 1);
    --backgroundColor: rgba(255, 221, 45, 1);

    align-self: center;

    display: none;
    align-items: center;
    justify-content: center;
    position: relative;

    min-width: 46px;
    max-width: 46px;
    min-height: 46px;
    max-height: 46px;

    border-radius: 10px;
    background: var(--backgroundColor);

    cursor: pointer;
}

.__mobile .menuBtn {
    display: flex;
    grid-area: right;
    justify-self: right;
}

/*=================================*/
.menuBtn__cont {
    position: relative;

    display: flex;
    align-items: center;
    gap: 2px;

    min-width: 23px;
    max-width: 23px;
    min-height: 17.5px;
    max-height: 17.5px;


    box-sizing: border-box;
}

/*=================================*/
.menuBtn__cont::after,
.menuBtn__cont::before,
.menuBtn__cont__btn {
    display: block;

    width: 100%;
    min-height: var(--spanHeight);
    max-height: var(--spanHeight);

    background: var(--stickColor);
    border-radius: var(--borderRadius);

    transition: all .2s;
}

.menuBtn__cont__btn {
    position: relative;
}

.menuBtn__cont::after,
.menuBtn__cont::before {
    content: '';
    position: absolute;
    transform: rotate(0deg);
}

.menuBtn__cont::after {
    top: 0;
}

.menuBtn__cont::before {
    bottom: 0;
}

/*=================================*/
.__mobileMenuActive .menuBtn__cont__btn {
    background: #fff0;
}

.__mobileMenuActive .menuBtn__cont::after {
    top: calc(50% - (var(--spanHeight) / 2));
    transform: rotate(45deg);
}

.__mobileMenuActive .menuBtn__cont::before {
    bottom: calc(50% - (var(--spanHeight) / 2));
    transform: rotate(-45deg);
}


















/*
//////////////////
/////////////
/////////
section--footer
/////////
/////////////
////////////////
*/
.section--footer {}

.section--footer .section__inner {
    padding-bottom: 58px;
}




















/*
//////////////////
/////////////
/////////
!FOOTER
/////////
/////////////
////////////////
*/
.footer {
    width: 100%;
}

.footer .btnsCont {
    column-gap: 20px;
}

.footer .btn--icon {
    min-width: 52px;
    max-width: 52px;
    min-height: 52px;
    max-height: 52px;
}

.footer .btn--icon::before {
    min-width: 52px;
    max-width: 52px;
    min-height: 52px;
    max-height: 52px;
}

/*=================================*/
.footer__inner {
    display: grid;
    grid-template-areas:
        "header nav"
        "conf nav"
        "copywriting disclaimer";

    grid-template-columns: 400fr 700fr;
    --gapMin: 40;
    --gapMax: 80;
    gap: 0px clamp(var(--gapMin) * 1px, var(--gapMax) * 1px - (var(--linearInterpolation940x1200) * ((var(--gapMax) - var(--gapMin)) / 100)), var(--gapMax) * 1px);

    width: 100%;
    margin: 0 auto;
}

/*=================================*/
.footer__header {
    grid-area: header;

    position: relative;

    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 25px;

    --paddingMin: 0;
    --paddingMax: 40;
    padding-right: clamp(var(--paddingMin) * 1px, var(--paddingMax) * 1px - (var(--linearInterpolation940x1200) * ((var(--paddingMax) - var(--paddingMin)) / 100)), var(--paddingMax) * 1px);

    border-right: 1px solid rgba(238, 240, 244, 1);
}

/*=================================*/
.footer__data {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

/*=================================*/
.footer__data__col {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

/*=================================*/
.footer__data__block {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

/*=================================*/
.footer__rating {
    grid-area: rating;

    padding-bottom: 50px;
}

/*=================================*/
.footer__nav {
    grid-area: nav;

    display: flex;
    gap: 40px 80px;
}


/*=================================*/
.footer__nav__col {
    flex: 1;

    display: flex;
    flex-direction: column;
    gap: 40px 50px;
}

/*=================================*/
.footer__nav__block {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/*=================================*/
.footer__nav__title {
    color: rgba(78, 83, 88, 1);

    font-family: Geologica;
    font-size: 24px;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: 0%;
    text-align: left;
}

/*=================================*/
.footer__nav__ul ul,
.footer__nav__ul {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/*=================================*/
.footer__nav__ul li {
    color: rgba(78, 83, 88, 1);

    font-family: Golos_Text;
    font-size: 18px;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: 0%;
    text-align: left;

    cursor: pointer;
}

.footer__nav__ul li:hover {
    color: rgb(149, 156, 177);
}

/*=================================*/
.footer__copywriting {
    grid-area: copywriting;

    align-self: end;

    padding-top: 65px;
}

/*=================================*/
.footer__conf {
    grid-area: conf;
    align-self: self-end;
}

/*=================================*/
.footer__disclaimer {
    grid-area: disclaimer;
    align-self: end;

    padding-top: 65px;
}

.footer__disclaimer .footer__text1 {
    font-weight: 400;
    font-size: 15px;
    line-height: 130%;
    color: rgba(78, 83, 88, 1);
}

/*=================================*/
.footer__data__title {
    color: rgba(138, 141, 152, 1);

    font-family: Space_Grotesk;
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: 0%;
}

.footer__schedule {
    color: rgba(78, 82, 91, 1);

    font-family: Geologica;
    font-size: 20px;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: 0%;
}

.footer__phone {
    color: rgba(34, 34, 34, 1);

    font-family: Geologica;
    --fontsizeMin: 22;
    --fontsizeMax: 32;
    font-size: clamp(var(--fontsizeMin) * 1px, var(--fontsizeMax) * 1px - (var(--linearInterpolation940x1200) * ((var(--fontsizeMax) - var(--fontsizeMin)) / 100)), var(--fontsizeMax) * 1px);
    /* font-size: 32px; */
    font-weight: 600;
    line-height: 130%;
    letter-spacing: 0%;
}

.footer__email {
    color: rgba(34, 34, 34, 1);

    font-family: Geologica;
    font-size: 26px;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: 0%;
}

.footer__address {
    color: rgba(78, 82, 91, 1);

    font-family: Geologica;
    font-size: 20px;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: 0%;
}

.footer__text2 {
    color: rgba(78, 83, 88, 1);

    font-family: Golos_Text;
    font-size: 18px;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: 0%;
}

.footer__text3 {
    margin: 15px 0 0;

    color: rgba(78, 83, 88, 1);

    font-family: Golos_Text;
    font-size: 20px;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: 0%;
}



















/*
//////////////////
/////////////
/////////
!MAIN
/////////
/////////////
////////////////
*/
.main {
    width: 100%;
    --paddingTopMin: 10;
    --paddingTopMax: 10;
    padding-top: clamp(var(--paddingTopMin) * 1px, var(--paddingTopMax) * 1px - (var(--linearInterpolation500x1200) * ((var(--paddingTopMax) - var(--paddingTopMin)) / 100)), var(--paddingTopMax) * 1px);
    --paddingBottomMin: 50;
    --paddingBottomMax: 70;
    padding-bottom: clamp(var(--paddingBottomMin) * 1px, var(--paddingBottomMax) * 1px - (var(--linearInterpolation500x1200) * ((var(--paddingBottomMax) - var(--paddingBottomMin)) / 100)), var(--paddingBottomMax) * 1px);
}

/*=================================*/
.main__header {
    width: 100%;
}

.main__header__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;

    width: 100%;
}

.main__title {
    text-align: center;

    max-width: 800px;
}

.main__subtitle {
    text-align: center;

    max-width: 600px;
}

.main__content {
    display: flex;
    flex-direction: column;

    width: 100%;
    /* min-height: 500px; */
}

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


















/*
//////////////////
/////////////
/////////
OTHER
/////////
/////////////
////////////////
*/
.header__phone {
    color: rgba(34, 34, 34, 1);

    font-family: Geologica;
    font-size: 21px;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: 0%;
    text-align: left;
}

.header__schedule {
    color: rgba(78, 82, 91, 1);

    font-family: Geologica;
    font-size: 16px;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: 0%;
    text-align: left;
}

.header__schedule__from {}

.header__schedule__to {}

















/*
//////////////////
/////////////
/////////
pages
/////////
/////////////
////////////////
*/
.frontpage {}

.frontpage .h1 {
    --fontsizeMax: 64;
}

/*=================================*/
:is(.roomspage, .officepage, .renovationpage, .firepage) .section {
    /* --sectionPaddingTopMin: 30; */
    --sectionPaddingTopMax: 50;
    /* --sectionPaddingBottomMin: 30; */
    --sectionPaddingBottomMax: 50;
}

/*=================================*/

:is(.blogpage, .pricepage) .main .section {
    --sectionPaddingTopMin: 30;
    --sectionPaddingTopMax: 30;
    --sectionPaddingBottomMin: 30;
    --sectionPaddingBottomMax: 30;
}

:is(.articlepage) .main .section {
    --sectionPaddingTopMin: 30;
    --sectionPaddingTopMax: 60;
    --sectionPaddingBottomMin: 30;
    --sectionPaddingBottomMax: 60;
}

:is(.techpage) .main .section {
    --sectionPaddingTopMin: 20;
    --sectionPaddingTopMax: 30;
    --sectionPaddingBottomMin: 20;
    --sectionPaddingBottomMax: 30;
}

/*=================================*/
:is(.blogpage, .techpage, .pricepage, .articlepage) .section:not(.main .section) {
    --sectionPaddingTopMax: 60;
    --sectionPaddingBottomMax: 60;
}

/*=================================*/
:is(.blogpage, .pricepage, .articlepage) .main {
    --paddingTopMin: 40;
    --paddingTopMax: 60;
    --paddingBottomMax: 60;
}

:is(.techpage) .main {
    --paddingTopMin: 40;
    --paddingTopMax: 60;
    --paddingBottomMax: 80;
}


















/*
//////////////////
/////////////
/////////
--sections
/////////
/////////////
////////////////
*/
.section--mainHeader {}

.section--reviews .section__header {
    margin-left: 0px;
    max-width: calc(100% - 153px);
}

:is(.section--serviceMoscow, .section--serviceReview) .section__main__inner>.tabsBlock:first-child .tabsBlock__containerSwitchers {
    margin-left: 0px;
    max-width: calc(100% - 190px);
}

.section--articleHeader .section__inner {
    padding-bottom: 34px;
}

.section--articleContent .section__inner {
    padding-top: 0px;
}

















/*
//////////////////
/////////////
/////////
headerBlock
/////////
/////////////
////////////////
*/
.headerBlock {
    width: 100%;
}

.headerBlock--small {}

.headerBlock--yellow {}

.headerBlock--green {}

/*=================================*/
.headerBlock .form {
    max-width: max-content;
}

.headerBlock .form__inner {
    box-sizing: border-box;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 15px;
    backdrop-filter: blur(15px);
    background: rgba(53, 53, 53, 0.2);
    padding: 10px;

    max-width: max-content;
}

.headerBlock .form__submit {
    min-height: 60px;

    padding: 20px 22px;
    color: rgba(57, 60, 67, 1);

    font-family: Geologica;
    font-size: 18px;
    font-weight: 500;
    line-height: 110%;
    letter-spacing: 0%;

    max-width: unset;
}

.headerBlock input:is([type="text"], [type="tel"], [type="week"], [type="email"], [type="date"], [type="datetime"], [type="datetime-local"], [type="month"], [type="number"], [type="password"], [type="search"], [type="time"], [type="url"]),
.headerBlock textarea {
    color: rgba(242, 244, 246, 1);

    font-family: Golos_Text;
    font-size: 20px;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: 0%;
    text-align: left;
    padding: 16px 18px 18px 18px;

    border-radius: 8px;
    background: rgba(66, 68, 72, 1);

    min-height: 60px;
    height: 100%;
    max-height: unset;
    max-width: 100%;
}

.headerBlock input:is([type="text"], [type="tel"], [type="week"], [type="email"], [type="date"], [type="datetime"], [type="datetime-local"], [type="month"], [type="number"], [type="password"], [type="search"], [type="time"], [type="url"])::placeholder,
.headerBlock textarea::placeholder,
.headerBlock .ag-select-selection::after {
    color: rgba(242, 244, 246, 0.6);
}

/*=================================*/
.headerBlock__inner {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
    box-sizing: border-box;
}

.headerBlock--small .headerBlock__inner {
    gap: 12px;
    border-radius: 30px 120px 30px 30px;

    --paddingMin: 20;
    --paddingMax: 60;
    padding: 50px 60px 60px clamp(var(--paddingMin) * 1px, var(--paddingMax) * 1px - (var(--linearInterpolation500x1200) * ((var(--paddingMax) - var(--paddingMin)) / 100)), var(--paddingMax) * 1px);
}

.headerBlock--yellow .headerBlock__inner {
    background: rgba(255, 214, 106, 1);
}

.headerBlock--green .headerBlock__inner {
    background: rgba(191, 227, 180, 1);
}

/*=================================*/
.headerBlock__top {
    position: relative;

    box-sizing: border-box;
    border-radius: 40px;

    overflow: hidden;

    z-index: 1;
}

.headerBlock--small .headerBlock__top {
    border-radius: 0px;
    overflow: visible;
}

/*=================================*/

.headerBlock__top::before {
    position: absolute;

    content: '';

    background-repeat: no-repeat;
    background-size: 1960px auto;

    z-index: -1;
}

.frontpage .headerBlock__top::before {
    top: -10px;
    right: -40px;
    bottom: -29px;
    left: -40px;

    filter: blur(7px);

    background-image: url(../img/header_frontpage.png);
    background-position: bottom 0 center;
}

.roomspage .headerBlock__top::before {
    top: -10px;
    right: -40px;
    bottom: -208px;
    left: -40px;

    filter: blur(4px);

    background-image: url(../img/header_cleaningroom.png);
    background-position: bottom 0 center;
}

.officespage .headerBlock__top::before {
    top: -10px;
    right: -40px;
    bottom: -310px;
    left: -40px;

    filter: blur(4px);

    background-image: url(../img/header_cleaningoffice.png);
    background-position: bottom 0 center;
}

.renovationpage .headerBlock__top::before {
    top: -10px;
    right: -40px;
    bottom: -84px;
    left: -40px;

    filter: blur(4px);

    background-image: url(../img/header_cleaningafterrenovation.png);
    background-position: bottom 0 center;
}

.firepage .headerBlock__top::before {
    top: -40px;
    right: -40px;
    left: -40px;
    bottom: -40px;

    filter: blur(4px);

    background-image: url(../img/header_cleaningafterfire.png);
    background-position: center;
}

/*=================================*/
:is(.frontpage, .roomspage, .officespage, .renovationpage, .firepage) .headerBlock__top::after {
    position: absolute;
    top: -10px;
    right: -40px;
    bottom: -12px;
    left: -40px;

    background: linear-gradient(180deg, rgba(36, 39, 42, 0.6) 0%, rgba(36, 39, 42, 0.6) 100%), linear-gradient(0deg, rgba(43, 48, 52, 1) 0%, rgba(255, 255, 255, 0) 100%);

    content: '';

    z-index: -1;
}

/*=================================*/
.headerBlock__top__inner {
    display: flex;
    gap: 40px 62px;

    width: 100%;

    padding: 60px 0px;
}

.firepage .headerBlock__top__inner {
    padding: 110px 0px 93px;
}

.headerBlock--small .headerBlock__top__inner {
    padding: 0px;
}

/*=================================*/
.headerBlock__top__content {
    display: flex;
    align-items: center;
    align-content: end;
    flex-wrap: wrap;

    gap: 10px 22px;
}

.firepage .headerBlock__top__content {
    flex-direction: column;
    align-items: start;

    max-width: 603px;
}

/*=================================*/

.headerBlock__title {
    width: 100%;
    text-wrap: balance;
}

.frontpage :where(.headerBlock__title) {
    margin-bottom: 12px;
    padding-right: 90px;
}

.roomspage :where(.headerBlock__title) {
    padding-right: 140px;
}

.officespage :where(.headerBlock__title) {
    padding-right: 159px;
}

.renovationpage :where(.headerBlock__title) {
    padding-right: 166px;
}

.headerBlock--small :where(.headerBlock__title) {
    --fontsizeMax: 52;
    color: rgba(36, 39, 42, 1);
}

/*=================================*/
.headerBlock__btn {
    padding: 23px 30px 25px;
    font-size: 18px;
    line-height: 110%;

    text-align: center;
}

/*=================================*/
.headerBlock__subtitle {
    color: rgba(242, 244, 246, 1);

    font-family: Golos_Text;
    --fontsizeMin: 18;
    --fontsizeMax: 20;
    font-size: clamp(var(--fontsizeMin) * 1px, var(--fontsizeMax) * 1px - (var(--linearInterpolation500x1200) * ((var(--fontsizeMax) - var(--fontsizeMin)) / 100)), var(--fontsizeMax) * 1px);
    font-weight: 400;
    line-height: 130%;
    letter-spacing: 0%;
    text-align: left;
    text-wrap: balance;

    margin-bottom: 30px;
}

.frontpage .headerBlock__subtitle {
    margin-bottom: 0px;
    flex-basis: 45%;
    flex-grow: 1;
}

.headerBlock--small .headerBlock__subtitle {
    margin-bottom: 0px;
}

/*=================================*/
.headerBlock__figure {
    position: relative;
}

.frontpage .headerBlock__figure {
    margin-top: -31px;
    height: calc(100% + 31px);
}

.roomspage .headerBlock__figure {
    margin-top: -30px;
    height: calc(100% + 30px);
}

.officespage .headerBlock__figure {
    margin-top: -44px;
    height: calc(100% + 44px);
}

.renovationpage .headerBlock__figure {
    margin-top: -37px;
    height: calc(100% + 37px);
}

/*=================================*/
.headerBlock__figure__text {
    position: absolute;

    color: rgba(78, 83, 88, 1);

    font-family: Golos_Text;
    --fontsizeMin: 16;
    --fontsizeMax: 18;
    font-size: clamp(var(--fontsizeMin) * 1px, var(--fontsizeMax) * 1px - (var(--linearInterpolation500x1200) * ((var(--fontsizeMax) - var(--fontsizeMin)) / 100)), var(--fontsizeMax) * 1px);
    font-weight: 400;
    line-height: 130%;
    letter-spacing: 0%;
    text-align: left;

    box-sizing: border-box;
    border-radius: 20px;
    background: rgba(242, 244, 246, 1);

    min-width: 313px;
    max-width: 313px;

    padding: 30px 105px 30px 30px;

    z-index: 2;
}

.frontpage .headerBlock__figure__text {
    padding: 30px 105px 26px 30px;
    top: 106px;
    left: -120px;
}

.roomspage .headerBlock__figure__text {
    padding: 31px 72px 30px 30px;
    top: 65px;
    left: -180px;
}

.officespage .headerBlock__figure__text {
    padding: 31px 60px 30px 30px;
    top: 79px;
    left: -150px;
}

.renovationpage .headerBlock__figure__text {
    padding: 31px 85px 30px 30px;
    top: 72px;
    left: -108px;
}

/*=================================*/

.headerBlock__figure__text::before {
    position: absolute;
    top: -22px;
    left: 30px;

    content: '';
    display: block;

    min-width: 43px;
    max-width: 43px;
    min-height: 43px;
    max-height: 43px;
    background: url(../img/icon_medal_43x43.svg) center / contain no-repeat;
}

/*=================================*/
.headerBlock__figure__containerImg {
    position: relative;
}

.frontpage .headerBlock__figure__containerImg {
    min-width: 380px;
    max-width: 380px;
    min-height: 411px;
    max-height: 411px;
}

.roomspage .headerBlock__figure__containerImg {
    min-width: 360px;
    max-width: 360px;
    min-height: 369px;
    max-height: 369px;
}

.officespage .headerBlock__figure__containerImg {
    min-width: 360px;
    max-width: 360px;
    min-height: 340px;
    max-height: 340px;
}

.renovationpage .headerBlock__figure__containerImg {
    min-width: 360px;
    max-width: 360px;
    min-height: 340px;
    max-height: 340px;
}

/*=================================*/

.headerBlock__figure__containerImg::before {
    position: absolute;

    bottom: 0;
    left: 0;
    right: 0;

    content: '';
    display: block;

    width: 100%;

    box-sizing: border-box;
    border-radius: 25px;
    backdrop-filter: blur(20px);
    background: rgba(53, 53, 53, 0.2);

    z-index: 1;
}

.frontpage .headerBlock__figure__containerImg::before {
    top: 71px;
}

.roomspage .headerBlock__figure__containerImg::before {
    top: 30px;
}

.officespage .headerBlock__figure__containerImg::before {
    top: 44px;
}

.renovationpage .headerBlock__figure__containerImg::before {
    top: 37px;
}

/*=================================*/

.headerBlock__figure__warpperImg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

    content: '';
    display: block;
    z-index: 3;

    border-radius: 0px 0px 25px 25px;
    overflow: hidden;
}

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

.officespage .headerBlock__figure__warpperImg img {
    object-position: right;
}

/*=================================*/
.headerBlock__bottom {
    width: 100%;
}

/*=================================*/
.headerBlock__bottom__inner {
    width: 100%;
}

/*=================================*/
.headerBlock__descList {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
    width: 100%;
}

/*=================================*/
.headerBlock__descList__li {
    flex: 1;

    min-width: 250px;
    padding: 30px 35px 38px;

    box-sizing: border-box;
    border: 1px solid rgba(242, 244, 246, 1);
    border-radius: 25px 100px 25px 25px;
    background: rgba(255, 255, 255, 1);
}

/*=================================*/
.headerBlock__descList__icon {
    margin-bottom: 20px;

    min-height: 64px;
    max-height: 64px;

    width: 100%;

    background-position: left;
    background-repeat: no-repeat;
}

.headerBlock__descList__icon--worker {
    background-image: url(../img/icon_worker_46x64.svg);
}

.headerBlock__descList__icon--schedule {
    background-image: url(../img/icon_schedule_54x64.svg);
}

.headerBlock__descList__icon--shield {
    background-image: url(../img/icon_shield_47x64.svg);
}

/*=================================*/
.headerBlock__descList__title {
    color: rgba(36, 39, 42, 1);

    font-family: Geologica;
    font-size: 22px;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: 0%;
    text-align: left;
    margin-bottom: 10px;
}

/*=================================*/
.headerBlock__descList__desc {
    color: rgba(78, 83, 88, 1);

    font-family: Geologica;
    font-size: 18px;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: 0%;
    text-align: left;
}


















/*
//////////////////
/////////////
/////////
tabsBlock
/////////
/////////////
////////////////
*/
.tabsBlock {
    width: 100%;
}

/*=================================*/
.tabsBlock__inner {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 20px;
    width: 100%;
}

/*=================================*/
.tabsBlock__header {
    display: flex;
    flex-wrap: wrap;

    justify-content: space-between;
    align-items: end;
    gap: 20px 62px;
    width: 100%;
}

.pricepage .tabsBlock__header {
    flex-direction: column;
    align-items: start;
}

/*=================================*/
.tabsBlock__containerSwitchers {
    /* flex: 1; */
    flex-basis: max-content;

    padding: 15px;
    box-sizing: border-box;
    max-width: max-content;
    margin: 0;

    border: 1px solid rgba(242, 244, 246, 1);
    border-radius: 20px;
    box-shadow: 0px 4px 40px 0px rgba(97, 97, 97, 0.05);
    background: rgba(255, 255, 255, 1);

    overflow: hidden;
}

.tabsBlock__containerSwitchers--marginRight {
    max-width: calc(100% - 153px);
}



/*=================================*/
.tabsBlock__containerSwitchers__wrapper {
    /* display: flex; */
}

/*=================================*/
.tabsBlock__switcher {
    display: flex;
    align-items: center;
    justify-content: center;

    height: auto;
    padding: 19.5px 25px 21.5px;
    min-height: 63px;
    box-sizing: border-box;

    border: 1px solid rgba(242, 244, 246, 1);
    border-radius: 10px;
    background: rgba(250, 250, 250, 1);

    color: rgba(78, 83, 88, 1);

    font-family: Geologica;
    --fontsizeMin: 16;
    --fontsizeMax: 20;
    font-size: clamp(var(--fontsizeMin) * 1px, var(--fontsizeMax) * 1px - (var(--linearInterpolation500x1200) * ((var(--fontsizeMax) - var(--fontsizeMin)) / 100)), var(--fontsizeMax) * 1px);
    font-weight: 300;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;

    cursor: pointer;

    transition: all .1s;

    position: relative;
}

.tabsBlock__switcher a:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.pricepage .tabsBlock__switcher {
    --fontsizeMax: 16;
    padding: 16px 18px 17px;
    min-height: 50px;
}

.tabsBlock__switcher:hover,
.tabsBlock__switcher.tabsBlock__switcher--active {
    color: rgba(255, 255, 255, 1);
    background: rgba(57, 60, 67, 1);
}

.tabsBlock__switcher:not(:last-child) {
    margin-right: 8px;
}

/*=================================*/
.tabsBlock__containerTabs {
    position: relative;
    width: 100%;
}

/*=================================*/
.tabsBlock__tab {
    position: absolute;
    top: 0;
    left: 0;

    display: flex;
    flex-direction: column;
    gap: 25px;

    width: 100%;
    opacity: 0;
    pointer-events: none;

    transition: all .2s;

    z-index: 1;
}

.tabsBlock__tab.tabsBlock__tab--active {
    position: static;
    opacity: 1;
    pointer-events: all;

    z-index: 2;
}

/*=================================*/
.tabsBlock__btn {
    font-size: 20px;
    align-self: center;

    font-weight: 600;
    line-height: 110%;
    text-align: center;

    padding: 24px 28px;
    min-height: 70px;
    box-sizing: border-box;
    aspect-ratio: 266/70;
}

















/*
//////////////////
/////////////
/////////
slider
/////////
/////////////
////////////////
*/
.slider {
    width: 100%;
}

.slider--2item {}

.slider--3item {}

/*=================================*/
.slider__wrapper {}

/*=================================*/
.slider__slide {
    height: auto;
}

.ag-tabs-container .slider__slide {
    opacity: 0;
    translate: 0px -20px;
    height: auto;

    transition: opacity .3s, translate .3s;
}

.ag-tabs-container .slider__slide.ag-tabs-tabChild--active {
    opacity: 1;
    translate: 0px 0px;
}

/*=================================*/
.slider__controls {
    position: absolute;
    bottom: calc(100% + 20px);
    right: 0;

    display: flex;
    gap: 5px;
}

/*=================================*/
.slider__btn {
    min-width: 64px;
    max-width: 64px;
    min-height: 64px;
    max-height: 64px;
    box-sizing: border-box;

    border: 1px solid rgba(255, 255, 255, 1);
    border-radius: 10px;
    box-shadow: 0px 4px 40px 0px rgba(97, 97, 97, 0.05);
    background: rgba(167, 212, 153, 1);
}

.slider__btn::before {
    content: '';
    display: block;

    height: 100%;
    width: 100%;

    background: url(../img/icon_arrowhead_small_19x27.svg) center / auto no-repeat;
}

/*=================================*/
.slider__btn--prev {
    rotate: 180deg;
}

/*=================================*/
.slider__btn--next {}


















/*
//////////////////
/////////////
/////////
serviceCard
/////////
/////////////
////////////////
*/
.serviceCard {
    display: flex;
    flex-direction: column;

    height: 100%;
    width: 100%;
    box-sizing: border-box;

    border: 1px solid rgba(242, 244, 246, 1);
    border-radius: 25px;
    background: rgba(255, 255, 255, 1);

    overflow: hidden;
}

.serviceCard--1 {
    box-shadow: 0px 4px 40px 0px rgba(97, 97, 97, 0.05);
    padding: 15px;
}

.serviceCard--2 {
    padding: 20px;
}

.serviceCard--3 {
    padding: 0px;
}

/*=================================*/
.serviceCard__slider {
    position: relative;

    display: flex;
    align-items: center;

    min-width: 0px;

    width: 100%;

    border-radius: 20px;
    overflow: hidden;

    z-index: 1;
}

/*=================================*/
.serviceCard__slider__wrapper {}


/*=================================*/
.serviceCard__slider__nav {
    display: flex;
    align-items: center;

    z-index: 2;
}

/*=================================*/
.serviceCard__slider__arrow {
    position: absolute;

    display: flex;
    align-items: center;
    justify-content: center;

    box-sizing: border-box;
    border: 1px solid rgba(242, 244, 246, 1);
    border-radius: 10px;
    backdrop-filter: blur(9px);
    background: rgba(36, 39, 42, 0.3);

    min-width: 55px;
    max-width: 55px;
    min-height: 55px;
    max-height: 55px;
}

.serviceCard__slider__arrow::after {
    content: '';
    display: block;

    min-width: 16px;
    max-width: 16px;
    min-height: 16px;
    max-height: 16px;

    background: url(../img/icon_arrowhead_thin_16x16.svg) center / contain no-repeat;
}

.serviceCard__slider__arrow--prev {
    left: 20px;
    rotate: 180deg;
}

.serviceCard__slider__arrow--next {
    right: 20px;
}

/*=================================*/
.serviceCard__containerImg {
    position: relative;

    display: flex;
    justify-content: center;
    align-items: center;

    overflow: hidden;
}

.serviceCard--1 .serviceCard__containerImg:not(.serviceCard__slider .serviceCard__containerImg) {
    border-radius: 20px;
}

.serviceCard--2 .serviceCard__containerImg:not(.serviceCard__slider .serviceCard__containerImg) {
    border-radius: 20px;
}

.serviceCard--3 .serviceCard__containerImg {
    border-radius: 0px;
}

/*=================================*/
.serviceCard__wrapperImg {
    position: relative;

    display: flex;
    justify-content: center;
    align-items: center;

    height: 100%;
    width: 100%;

    background: rgba(242, 244, 246, 1);
}

.serviceCard--1 .serviceCard__wrapperImg {
    max-height: 235px;
    aspect-ratio: 350 / 235;
}

.serviceCard--2 .serviceCard__wrapperImg {
    max-height: 350px;
    aspect-ratio: 540 / 350;
}

.serviceCard--3 .serviceCard__wrapperImg {
    max-height: 380px;
    aspect-ratio: 380 / 220;
}


/*=================================*/
.serviceCard__wrapperImg img {
    position: absolute;
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
}

/*=================================*/
.serviceCard__badge {
    position: absolute;
    left: 20px;
    bottom: 20px;

    padding: 7px;
    box-sizing: border-box;

    border: 1px solid rgba(255, 255, 255, 1);
    border-radius: 10px;
    background: rgba(242, 244, 246, 1);

    color: rgba(36, 39, 42, 1);

    font-family: Geologica;
    --fontsizeMin: 16;
    --fontsizeMax: 20;
    font-size: clamp(var(--fontsizeMin) * 1px, var(--fontsizeMax) * 1px - (var(--linearInterpolation500x1200) * ((var(--fontsizeMax) - var(--fontsizeMin)) / 100)), var(--fontsizeMax) * 1px);
    font-weight: 700;
    line-height: 130%;
    letter-spacing: 0%;
    text-align: left;
}

/*=================================*/
.serviceCard__caption {
    flex: 1;

    display: flex;
    flex-direction: column;

    width: 100%;
    box-sizing: border-box;
}

.serviceCard--1 .serviceCard__caption {
    padding: 0px 20px;
    padding-top: 20px;
}

.serviceCard--2 .serviceCard__caption {
    padding: 0px 20px;
    padding-top: 25px;
}

.serviceCard--3 .serviceCard__caption {
    padding: 22px 35px 25px 35px;
}

.serviceCard--1 .serviceCard__caption:last-child {
    padding-bottom: 20px;
}

.serviceCard--2 .serviceCard__caption:last-child {
    padding-bottom: 20px;
}

/*=================================*/
.serviceCard__title {
    color: rgba(36, 39, 42, 1);

    font-family: Geologica;
    --fontsizeMin: 20;
    --fontsizeMax: 26;
    font-size: clamp(var(--fontsizeMin) * 1px, var(--fontsizeMax) * 1px - (var(--linearInterpolation500x1200) * ((var(--fontsizeMax) - var(--fontsizeMin)) / 100)), var(--fontsizeMax) * 1px);
    font-weight: 500;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: left;
}

.serviceCard--1 .serviceCard__title:not(:last-child) {
    margin-bottom: 20px;
}

.serviceCard--2 .serviceCard__title:not(:last-child) {
    margin-bottom: 12px;
}

.serviceCard--3 .serviceCard__title:not(:last-child) {
    --fontsizeMax: 24;
    margin-bottom: 12px;
}

/*=================================*/
.serviceCard__desc {
    flex: 1;

    color: rgba(78, 83, 88, 1);

    font-family: Golos_Text;
    --fontsizeMin: 16;
    --fontsizeMax: 18;
    font-size: clamp(var(--fontsizeMin) * 1px, var(--fontsizeMax) * 1px - (var(--linearInterpolation500x1200) * ((var(--fontsizeMax) - var(--fontsizeMin)) / 100)), var(--fontsizeMax) * 1px);
    font-weight: 400;
    line-height: 140%;
    letter-spacing: 0%;
    text-align: left;
}

/*=================================*/
.serviceCard__footer {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    width: 100%;
    box-sizing: border-box;
}

.serviceCard--1 .serviceCard__footer {
    padding: 0px 20px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.serviceCard--2 .serviceCard__footer {
    padding: 0px 20px;
    padding-top: 25px;
    padding-bottom: 20px;
}

.serviceCard--3 .serviceCard__footer {
    padding: 0px;
}

.serviceCard--1 .serviceCard__footer:last-child {
    padding-bottom: 20px;
}

.serviceCard--2 .serviceCard__footer:last-child {
    padding-bottom: 20px;
}

/*=================================*/
.serviceCard__btn {
    gap: 8px;
    font-size: 17px;

    padding: 19px 25px 20px 28px;
}

.serviceCard--3 .serviceCard__btn {
    position: relative;

    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    color: rgba(57, 60, 67, 1);
    font-weight: 500;
    line-height: 100%;
    text-align: left;

    width: 100%;
    padding: 20px 35px 35px 35px;
    box-sizing: border-box;

    background: #fff0;

    transition: all .2s;
}

.serviceCard--3 .serviceCard__btn::before {
    position: absolute;
    top: 0;

    content: '';
    display: block;

    width: calc(100% - 60px);

    height: 1px;
    border-radius: 10px;
    background: rgba(242, 244, 246, 1);
}

.serviceCard--3 .serviceCard__btn:hover {
    background: rgba(0, 0, 0, 0.05);
}

.serviceCard--3 .serviceCard__btn:active {
    background: rgba(0, 0, 0, 0.08);
}

.serviceCard__btn::after {
    white-space: nowrap;
    content: '';
    display: block;

    min-width: 17px;
    max-width: 17px;
    min-height: 12px;
    max-height: 12px;

    margin-bottom: -2px;

    background: url(../img/icon_arrow_small_17x12.svg) center / contain no-repeat;
}

.serviceCard__dl {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.serviceCard__dl__li {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.serviceCard__dl__title {
    color: rgba(131, 135, 145, 1);

    font-family: Golos_Text;
    --fontsizeMin: 15;
    --fontsizeMax: 17;
    font-size: clamp(var(--fontsizeMin) * 1px, var(--fontsizeMax) * 1px - (var(--linearInterpolation500x1200) * ((var(--fontsizeMax) - var(--fontsizeMin)) / 100)), var(--fontsizeMax) * 1px);
    font-weight: 400;
    line-height: 130%;
    letter-spacing: 0%;
    text-align: left;
}

.serviceCard__dl__desc {
    padding: 10px;
    box-sizing: border-box;

    color: rgba(255, 255, 255, 1);

    font-family: Geologica;
    --fontsizeMin: 20;
    --fontsizeMax: 26;
    font-size: clamp(var(--fontsizeMin) * 1px, var(--fontsizeMax) * 1px - (var(--linearInterpolation500x1200) * ((var(--fontsizeMax) - var(--fontsizeMin)) / 100)), var(--fontsizeMax) * 1px);
    font-weight: 700;
    line-height: 130%;
    letter-spacing: 0%;
    text-align: left;

    border-radius: 10px;
    background: rgba(78, 83, 88, 1);
}

.serviceCard__dl__desc.serviceCard__dl__desc--green {
    background: rgba(191, 227, 180, 1);
    color: rgba(78, 83, 88, 1);
}


















/*
//////////////////
/////////////
/////////
ourTechnique
/////////
/////////////
////////////////
*/
.ourTechnique {
    width: 100%;
}

.ourTechnique__inner {
    display: flex;
    --gapMin: 10;
    --gapMax: 20;
    gap: clamp(var(--gapMin) * 1px, var(--gapMax) * 1px - (var(--linearInterpolation940x1200) * ((var(--gapMax) - var(--gapMin)) / 100)), var(--gapMax) * 1px);
    width: 100%;
}

.ourTechnique__left {
    flex-basis: 660px;

    width: 100%;
    --paddingYMin: 30;
    --paddingYMax: 50;
    padding: 50px clamp(var(--paddingYMin) * 1px, var(--paddingYMax) * 1px - (var(--linearInterpolation500x940) * ((var(--paddingYMax) - var(--paddingYMin)) / 100)), var(--paddingYMax) * 1px);
    box-sizing: border-box;

    border: 1px solid rgba(242, 244, 246, 1);
    border-radius: 25px;
    background: rgba(57, 60, 67, 1);
}

.ourTechnique__title {
    color: rgba(255, 255, 255, 1);
    --fontsizeMin: 32;
    --fontsizeMax: 48;

    margin-bottom: 18px;
}

.ourTechnique__text {
    color: rgba(250, 250, 250, 1);

    font-family: Golos_Text;
    --fontsizeMin: 18;
    --fontsizeMax: 20;
    font-size: clamp(var(--fontsizeMin) * 1px, var(--fontsizeMax) * 1px - (var(--linearInterpolation500x1200) * ((var(--fontsizeMax) - var(--fontsizeMin)) / 100)), var(--fontsizeMax) * 1px);
    font-weight: 400;
    line-height: 140%;
    letter-spacing: 0%;
    text-align: left;
}

.ourTechnique__text p {
    margin: 0 0 10px;
}

.ourTechnique__left ul {}

.ourTechnique__left ul li::before {
    content: '•';
    margin-left: 10px;
    margin-right: 10px;
}

.ourTechnique__right {
    /* flex: 500; */
    flex-basis: 500px;

    position: relative;

    display: grid;
    grid-template-areas:
        "photo icon"
        "blockquote blockquote";
    gap: 10px;

    grid-template-columns: 290fr 200fr;
    grid-template-rows: 310fr 202fr;
}

.ourTechnique__right::after {
    content: '';
    display: block;

    grid-area: icon;
    box-sizing: border-box;
    border: 2px solid rgba(255, 255, 255, 1);
    border-radius: 25px 100px 25px 25px;

    background: rgba(245, 245, 245, 1) url(../img/icon_sandclock_61x120.svg) center / auto no-repeat;
}

.ourTechnique__photo {
    grid-area: photo;

    position: relative;

    display: flex;
    justify-content: center;
    align-items: center;

    margin-top: -25px;
    height: calc(100% + 25px);
    /* margin-top: -25px;
    margin-bottom: 25px; */

    border-radius: 25px;
    overflow: hidden;

    aspect-ratio: 290/335;
    max-width: 100%;
}

.ourTechnique__photo::before {
    align-self: flex-end;
    content: '';
    display: block;

    width: 100%;
    height: 100%;

    max-height: calc(100% - 25px);

    box-sizing: border-box;
    border: 1px solid rgba(242, 244, 246, 1);
    border-radius: 25px;
    background: rgba(255, 255, 255, 1);
}

.ourTechnique__photo img {
    position: absolute;
    object-fit: contain;
    object-position: center;
    height: 100%;
}

.ourTechnique__blockquote {
    grid-area: blockquote;

    --paddingYMin: 30;
    --paddingYMax: 40;
    padding: 37px clamp(var(--paddingYMin) * 1px, var(--paddingYMax) * 1px - (var(--linearInterpolation500x940) * ((var(--paddingYMax) - var(--paddingYMin)) / 100)), var(--paddingYMax) * 1px) 40px;
    box-sizing: border-box;
    border: 1px solid rgba(242, 244, 246, 1);
    border-radius: 25px;
    background: rgba(191, 227, 180, 1);

    color: rgba(78, 83, 88, 1);
    font-family: Geologica;
    --fontsizeMin: 17;
    --fontsizeMax: 19;
    font-size: clamp(var(--fontsizeMin) * 1px, var(--fontsizeMax) * 1px - (var(--linearInterpolation500x1200) * ((var(--fontsizeMax) - var(--fontsizeMin)) / 100)), var(--fontsizeMax) * 1px);
    font-weight: 300;
    line-height: 130%;
    letter-spacing: 0%;
    text-align: left;

    font-style: italic;
}


















/*
//////////////////
/////////////
/////////
banner
/////////
/////////////
////////////////
*/
.banner {
    position: relative;

    width: 100%;
    --paddingMin: 40;
    --paddingMax: 65;
    padding: 65px clamp(var(--paddingMin) * 1px, var(--paddingMax) * 1px - (var(--linearInterpolation500x1200) * ((var(--paddingMax) - var(--paddingMin)) / 100)), var(--paddingMax) * 1px);
    box-sizing: border-box;
    border-radius: 30px 120px 30px 30px;
    background: rgba(191, 227, 180, 1);

    z-index: 1;

    overflow: hidden;
}

.banner--1 {}

.banner--2 {}

.banner--3 {}

/*=================================*/
.banner--2::before {
    position: absolute;

    bottom: 0;
    right: clamp(-300px, 100% - 1400px, -193px);
    content: '';
    display: block;

    min-height: 324px;
    max-height: 324px;
    aspect-ratio: 1443/679;

    background: url(../img/banner_2_bg.png) center / contain no-repeat;

    z-index: -1;
}

.banner--3::before {
    position: absolute;

    bottom: -218px;
    right: -201px;
    content: '';
    display: block;

    min-height: 512px;
    max-height: 512px;
    aspect-ratio: 1280/508;

    rotate: -32deg;
    scale: -1 1;

    background: url(../img/banner_3_bg.png) center / contain no-repeat;
    z-index: -1;
}

/*=================================*/
.banner__containerImg {
    position: absolute;
    top: 26px;

    --rightMin: 54;
    --rightMax: 79;
    right: clamp(var(--rightMin) * 1px, var(--rightMax) * 1px - (var(--linearInterpolation500x1200) * ((var(--rightMax) - var(--rightMin)) / 100)), var(--rightMax) * 1px);
    bottom: 65px;

    content: '';
    display: block;
    border-radius: 15px;

    min-width: 242px;
    max-width: 242px;

    /* background: url(../img/photo_girl_3.png) bottom center / contain no-repeat; */

    z-index: -1;
}

.banner__wrapperImg {
    position: relative;

    display: flex;
    align-items: center;
    justify-content: center;

    height: 100%;
}

.banner__wrapperImg::before {
    position: absolute;
    top: 46px;
    right: 0;
    bottom: 0;

    content: '';
    display: block;

    min-width: 242px;
    max-width: 242px;
    box-sizing: border-box;

    border: 1px solid rgba(242, 244, 246, 1);
    border-radius: 15px 100px 15px 15px;
    backdrop-filter: blur(25px);
    background: rgba(255, 255, 255, 0.2);
}

.banner__wrapperImg img {
    position: absolute;
    object-fit: contain;
    object-position: bottom center;
    width: 100%;
    height: 100%;
}

/*=================================*/
.banner__inner {
    width: 100%;
}

/*=================================*/
.banner__content {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.banner--1 .banner__content {
    max-width: 770px;
    margin-right: 280px;
}

.banner--2 .banner__content {
    max-width: 590px;
    margin-right: clamp(0px, 1200px - 100%, 440px);
}

.banner--3 .banner__content {
    max-width: 680px;
    margin-right: 380px;
}

/*=================================*/
.banner__text {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

/*=================================*/
.banner__title {
    color: rgba(36, 39, 42, 1);
}

/*=================================*/
.banner__desc {
    color: rgba(57, 60, 67, 1);

    font-family: Golos_Text;
    --fontsizeMin: 16;
    --fontsizeMax: 18;
    font-size: clamp(var(--fontsizeMin) * 1px, var(--fontsizeMax) * 1px - (var(--linearInterpolation500x1200) * ((var(--fontsizeMax) - var(--fontsizeMin)) / 100)), var(--fontsizeMax) * 1px);
    font-weight: 400;
    line-height: 140%;
    letter-spacing: 0%;
    text-align: left;

    text-wrap: balance;
}

/*=================================*/
.banner__footer {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 51px;

    overflow: hidden;
}

/*=================================*/
.banner__footer>*:not(:first-child) {
    position: relative;
}

.banner__footer>*:not(:first-child)::after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -26px;

    content: '';
    display: block;

    width: 1px;

    background: rgba(242, 244, 246, 1);
}

/*=================================*/
.banner__btn {
    position: relative;
    font-family: Onest;
    font-size: 18px;
    width: 100vw;
    max-width: 258px;
    padding: 22px 22px;
    min-height: 64px;
    line-height: 110%;
    font-weight: 600;
    text-align: center;
}

/*=================================*/
.banner .btn--icon {
    min-width: 64px;
    max-width: 64px;
    min-height: 64px;
    max-height: 64px;
    border-radius: 10px;
    background: rgba(242, 244, 246, 1);
}


















/*
//////////////////
/////////////
/////////
workersList
/////////
/////////////
////////////////
*/
.workersList {
    width: 100%;
}

.workersList__inner {
    display: grid;
    --gapMin: 10;
    --gapMax: 20;
    gap: clamp(var(--gapMin) * 1px, var(--gapMax) * 1px - (var(--linearInterpolation940x1200) * ((var(--gapMax) - var(--gapMin)) / 100)), var(--gapMax) * 1px);

    grid-template-areas:
        "item1 item2 item3 item4"
        "item1 blockquote blockquote blockquote";

    grid-template-columns: 370fr 250fr 250fr 250fr;
    grid-template-rows: auto auto;
    width: 100%;
}

.workersList__li {}

.workersList__li:nth-child(5n - 4) {
    grid-area: item1;
}

.workersList__li:nth-child(5n - 3) {
    grid-area: item2;
}

.workersList__li:nth-child(5n - 2) {
    grid-area: item3;
}

.workersList__li:nth-child(5n - 1) {
    grid-area: item4;
}

.workersList__blockquote {
    grid-area: blockquote;

    color: rgba(57, 60, 67, 1);

    font-family: Geologica;
    font-size: 18px;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: 0%;
    text-align: left;
    font-style: italic;

    padding: 20px 25px;
    box-sizing: border-box;
    border: 1px solid rgba(242, 244, 246, 1);
    border-radius: 15px;
    background: rgba(191, 227, 180, 1);
}

.workersList__card {
    padding: 15px;
    height: 100%;

    box-sizing: border-box;
    border: 1px solid rgba(242, 244, 246, 1);
    border-radius: 25px;
    box-shadow: 0px 4px 40px 0px rgba(97, 97, 97, 0.05);
    background: rgba(255, 255, 255, 1);
}

.workersList__card__containerImg {
    position: relative;

    display: flex;
    justify-content: center;
    align-items: center;

    border-radius: 15px;

    width: 100%;
    max-height: 297px;
    aspect-ratio: 1/1;

    background: rgba(242, 244, 246, 1);

    overflow: hidden;
}

.workersList__card__containerImg img {
    position: absolute;
    object-fit: contain;
    object-position: top center;
    width: 100%;
    height: 100%;
}

.workersList__card__caption {
    padding: 18px 10px 10px 10px;
}

.workersList__li:nth-child(5n - 4) .workersList__card__caption {
    padding: 20px;
}

.workersList__card__title {
    color: rgba(78, 83, 88, 1);

    font-family: Geologica;
    font-size: 20px;
    font-weight: 600;
    line-height: 110%;
    letter-spacing: 0%;
    text-align: left;

    margin-bottom: 8px;
}

.workersList__li:nth-child(5n - 4) .workersList__card__title {
    font-size: 24px;
}

.workersList__card__desc {
    color: rgba(78, 83, 88, 1);

    font-family: Golos_Text;
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: 0%;
    text-align: left;
}

.workersList__li:nth-child(5n - 4) .workersList__card__desc {
    font-size: 18px;
}


















/*
//////////////////
/////////////
/////////
gridList
/////////
/////////////
////////////////
*/
.gridList {
    width: 100%;
}

/*=================================*/
.gridList__inner {
    width: 100%;

    display: grid;
    gap: 20px;

    grid-template-columns: 480fr 80fr 280fr 280fr;
    grid-auto-rows: 1fr;
}

/*=================================*/
.gridList__item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 49px;

    padding: 35px;
    box-sizing: border-box;
    border: 1px solid rgba(242, 244, 246, 1);
    border-radius: 25px;
}

.gridList__item:nth-child(5n - 4) {
    background: rgba(255, 214, 106, 1);
    grid-column: 1 / 2;
    grid-row: 1 / 2;
}

.gridList__item:nth-child(5n - 3) {
    background: rgba(57, 60, 67, 1);
    grid-column: 2 / 4;
    grid-row: 1 / 2;
}

.gridList__item:nth-child(5n - 2) {
    background: rgba(255, 255, 255, 1);
    grid-column: 4 / 5;
    grid-row: 1 / 2;
}

.gridList__item:nth-child(5n - 1) {
    background: rgba(255, 255, 255, 1);
    grid-column: 1 / 3;
    grid-row: 2 / 3;
}

.gridList__item:nth-child(5n) {
    background: rgba(255, 214, 106, 1);
    grid-column: 3 / 5;
    grid-row: 2 / 3;
}

/*=================================*/
.gridList__title {
    display: flex;
    gap: 20px;

    justify-content: space-between;

    color: rgba(36, 39, 42, 1);

    font-family: Geologica;
    font-size: 24px;
    font-weight: 600;
    line-height: 110%;
    letter-spacing: 0%;
    text-align: left;
}

.gridList__item:nth-child(5n - 3) .gridList__title {
    color: rgba(255, 255, 255, 1);
}

.gridList__title::after {
    content: '';

    background-position: center;
    background-repeat: no-repeat;
}

.gridList__item--clock .gridList__title::after {
    min-width: 54px;
    max-width: 54px;
    min-height: 52px;
    max-height: 52px;
    background-image: url(../img/icon_clock_54x52.svg);
}

.gridList__item--schedule .gridList__title::after {
    min-width: 36px;
    max-width: 36px;
    min-height: 62px;
    max-height: 62px;
    background-image: url(../img/icon_schedule_36x62.svg);
}

.gridList__item--books .gridList__title::after {
    min-width: 45px;
    max-width: 45px;
    min-height: 63px;
    max-height: 63px;
    background-image: url(../img/icon_books_45x63.svg);
}

.gridList__item--doc .gridList__title::after {
    min-width: 38px;
    max-width: 38px;
    min-height: 62px;
    max-height: 62px;
    background-image: url(../img/icon_doc_38x62.svg);
}

.gridList__item--ok .gridList__title::after {
    min-width: 55px;
    max-width: 55px;
    min-height: 51px;
    max-height: 51px;
    background-image: url(../img/icon_class_55x51.svg);
}

/*=================================*/
.gridList__desc {
    color: rgba(78, 83, 88, 1);

    font-family: Golos_Text;
    font-size: 18px;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: 0%;
    text-align: left;
}

.gridList__item:nth-child(5n - 3) .gridList__desc {
    color: rgba(242, 244, 246, 1);
}


















/*
//////////////////
/////////////
/////////
reviewCard
/////////
/////////////
////////////////
*/
.reviewCard {
    display: flex;
    flex-direction: column;

    width: 100%;
    --paddingMin: 20;
    --paddingMax: 35;
    padding: 33px clamp(var(--paddingMin) * 1px, var(--paddingMax) * 1px - (var(--linearInterpolation500x1200) * ((var(--paddingMax) - var(--paddingMin)) / 100)), var(--paddingMax) * 1px) 40px;

    box-sizing: border-box;
    border: 1px solid rgba(242, 244, 246, 1);
    border-radius: 30px;
    background: rgba(255, 255, 255, 1);
}

.reviewCard__top {
    display: flex;
    flex-wrap: wrap-reverse;
    margin-bottom: 18px;
}

.reviewCard__dl {
    flex: auto;

    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;

    --paddingMin: 20;
    --paddingMax: 25;
    --padding: clamp(var(--paddingMin) * 1px, var(--paddingMax) * 1px - (var(--linearInterpolation500x1200) * ((var(--paddingMax) - var(--paddingMin)) / 100)), var(--paddingMax) * 1px);
    padding: 20px var(--padding);
    box-sizing: border-box;

    border-radius: 20px;
    background: rgba(78, 83, 88, 1);
}

.reviewCard__dl__item {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.reviewCard__dl__title {
    color: rgba(131, 135, 145, 1);

    font-family: Golos_Text;
    font-size: 16px;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: 0%;
    text-align: left;
}

.reviewCard__dl__desc {
    color: rgba(255, 255, 255, 1);

    font-family: Geologica;
    --fontsizeMin: 20;
    --fontsizeMax: 24;
    font-size: clamp(var(--fontsizeMin) * 1px, var(--fontsizeMax) * 1px - (var(--linearInterpolation500x1200) * ((var(--fontsizeMax) - var(--fontsizeMin)) / 100)), var(--fontsizeMax) * 1px);
    font-weight: 700;
    line-height: 130%;
    letter-spacing: 0%;
    text-align: left;
}

.reviewCard__source {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: end;
    /* gap: 5px; */

    min-width: 165px;
    max-width: 165px;
    max-height: 97px;
    padding: 18px;
    box-sizing: border-box;
    border-radius: 20px;
    background: rgba(242, 244, 246, 1);
}

.reviewCard__conatainerImg {
    content: '';
    display: block;

    min-height: 32px;
    max-height: 32px;

    background-position: left center;
    background-repeat: no-repeat;
}

.reviewCard__conatainerImg img {
    object-fit: contain;
    object-position: center;
    width: 100%;
    height: 100%;
}

.reviewCard__conatainerImg--yandex {
    background-size: 99px 26px;
    aspect-ratio: 99/26;

    min-width: 99px;
    max-width: 99px;
}

.reviewCard__conatainerImg--google {
    background-size: 129px 22px;
    aspect-ratio: 129/22;
    min-width: 129px;
    max-width: 129px;
}

.reviewCard__conatainerImg--flamp {
    background-size: 127px 32px;
    aspect-ratio: 127/32;
    min-width: 127px;
    max-width: 127px;
}

.reviewCard__conatainerImg--zoon {
    background-size: 62px 16px;
    aspect-ratio: 62/16;
    min-width: 62px;
    max-width: 62px;
}

.reviewCard__conatainerImg--otzovik {
    background-size: 152px 32px;
    aspect-ratio: 154/32;
    min-width: 152px;
    max-width: 152px;
}

.reviewCard__btn {
    font-size: 14px;
    font-weight: 500;
    line-height: 100%;

    min-width: 100%;
    max-width: 100%;
    padding: 8px 10px;
    box-sizing: border-box;
    border-radius: 7px;

    text-align: center;
}

.reviewCard__text {
    flex: 1;

    color: rgba(78, 83, 88, 1);

    font-family: Golos_Text;
    font-size: 18px;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: 0%;
    text-align: left;

    margin-bottom: 15px;
    padding: 0px 10px;
    box-sizing: border-box;
}

.reviewCard__footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 10px 20px;

    padding: 0px 10px;
    box-sizing: border-box;
}

.reviewCard__title {
    color: rgba(36, 39, 42, 1);

    font-family: Geologica;
    font-size: 22px;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: 0%;
    text-align: left;
}

.reviewCard__date {
    color: rgba(131, 135, 145, 1);

    font-family: Golos_Text;
    font-size: 16px;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: 0%;
    text-align: left;
}


















/*
//////////////////
/////////////
/////////
averageRating
/////////
/////////////
////////////////
*/
.averageRating {
    width: calc(100% + var(--sidePaddingClampFormula) + 15px);

    margin-right: calc(var(--sidePaddingClampFormula) * -1 - 15px);
}

.averageRating__inner {
    display: flex;
    align-items: center;
    gap: 15px 26px;
    width: 100%;
}

.averageRating__title {
    color: rgba(57, 60, 67, 1);

    font-family: Geologica;
    font-size: 22px;
    font-weight: 500;
    line-height: 110%;
    letter-spacing: 0%;
    text-align: left;

    min-width: 192px;
    max-width: 192px;
}

.averageRating__content {}


















/*
//////////////////
/////////////
/////////
ratingList
/////////
/////////////
////////////////
*/
.ratingList {
    width: 100%;

    padding: 22px;
    box-sizing: border-box;
    border: 1px solid rgba(242, 244, 246, 1);
    border-radius: 15px;
    background: rgba(255, 255, 255, 1);

    overflow: hidden;
}

.ratingList__inner {
    /* -webkit-transition-timing-function: linear !important;
    transition-timing-function: linear !important; */
}

/* .ratingList__li:not(:last-child) {
    margin-right: 8px;
} */

















/*
//////////////////
/////////////
/////////
ratingBadge
/////////
/////////////
////////////////
*/
.ratingBadge {
    display: flex;
    align-items: center;
    gap: 5px;

    min-height: 52px;
    max-height: 52px;
    padding: 0px 12px;
    border-radius: 7px;
    /* Основная тень */
    box-shadow: 0px 4px 40px 0px rgba(97, 97, 97, 0.05);
    background: rgba(242, 244, 246, 1);
}

.ratingBadge__num {
    color: rgba(57, 60, 67, 1);

    font-family: Geologica;
    font-size: 22px;
    font-weight: 700;
    line-height: 130%;
    letter-spacing: 0%;
    text-align: left;

    min-height: 29px;
    margin-bottom: -3px;
}

.ratingBadge__containerImg {
    display: flex;
    align-items: center;
    min-height: 32px;
    max-height: 32px;

    width: auto;
}

.ratingBadge__containerImg img {
    object-fit: contain;
    object-position: left center;
    height: 100%;
}


















/*
//////////////////
/////////////
/////////
screenshootsList
/////////
/////////////
////////////////
*/
.screenshootsList {
    width: 100%;
}

.screenshootsList__inner {
    width: 100%;
}

.screenshootsList__li {
    position: relative;

    display: flex;
    justify-content: center;
    align-items: center;

    box-sizing: border-box;
    border: 1px solid rgba(255, 255, 255, 1);
    border-radius: 15px;
    box-shadow: 0px 4px 40px 0px rgba(97, 97, 97, 0.05);

    aspect-ratio: 220/476;
}

/* .screenshootsList__li:not(:last-child) {
    margin-right: 20px;
} */

.screenshootsList__li img {
    position: absolute;
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
    border-radius: 20px;
}


















/*
//////////////////
/////////////
/////////
gallery
/////////
/////////////
////////////////
*/
.gallery {
    width: 100%;
}

.gallery__inner {
    width: 100%;
}

.gallery__grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    --gapRow: 20px;
    --gapCol: 20px;
}

.gallery__grid--3_4_3 {
    --elemsCount: 3;
}

.gallery__item {
    flex-basis: 380px;

    width: 100%;
    min-width: 260px;
    min-height: 200px;
    max-height: 250px;
    aspect-ratio: 380/250;

    flex: calc((100% - ((var(--elemsCount) - 1) * var(--gapCol))) / var(--elemsCount));
}

.gallery__grid--3_4_3 .gallery__item:nth-child(7n-3) {
    flex-basis: 280px;
    aspect-ratio: 280/200;
    flex: calc((100% - ((var(--elemsCount)) * var(--gapCol))) / (var(--elemsCount) + 1));
}

.gallery__grid--3_4_3 .gallery__item:nth-child(7n-2) {
    flex-basis: 280px;
    aspect-ratio: 280/200;
    flex: calc((100% - ((var(--elemsCount)) * var(--gapCol))) / (var(--elemsCount) + 1));
}

.gallery__grid--3_4_3 .gallery__item:nth-child(7n-1) {
    flex-basis: 280px;
    aspect-ratio: 280/200;
    flex: calc((100% - ((var(--elemsCount)) * var(--gapCol))) / (var(--elemsCount) + 1));
}

.gallery__grid--3_4_3 .gallery__item:nth-child(7n) {
    flex-basis: 280px;
    aspect-ratio: 280/200;
    flex: calc((100% - ((var(--elemsCount)) * var(--gapCol))) / (var(--elemsCount) + 1));
}

/*=================================*/



@media (min-width: 700px) {
    .gallery__grid--3_3_4 {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-auto-rows: 289px 310px 280px;

        --displacmentProcent: calc(100% / 280 * 100);
    }

    .gallery__grid--3_3_4 .gallery__item {
        min-width: 100%;
        min-height: 100%;
    }

    .gallery__grid--3_3_4 .gallery__item:nth-child(10n-9) {
        max-width: calc(100% + var(--displacmentProcent));
        min-width: calc(100% + var(--displacmentProcent));
        grid-column: 1/2;

        max-height: calc(100% + 61px);
        min-height: calc(100% + 61px);
        margin-bottom: -61px;
    }

    .gallery__grid--3_3_4 .gallery__item:nth-child(10n - 8) {
        margin-left: calc(var(--displacmentProcent));
        grid-column: 2/3;
    }

    .gallery__grid--3_3_4 .gallery__item:nth-child(10n - 7) {
        max-width: calc(100% + var(--displacmentProcent) * 2);
        min-width: calc(100% + var(--displacmentProcent) * 2);
        margin-left: calc(var(--displacmentProcent));
        grid-column: 3/4;
    }

    .gallery__grid--3_3_4 .gallery__item:nth-child(10n - 6) {
        max-width: calc(100% + var(--displacmentProcent));
        min-width: calc(100% + var(--displacmentProcent));
        grid-column: 1/2;
        margin-top: 61px;
        max-height: calc(100% - 61px);
        min-height: calc(100% - 61px);
    }

    .gallery__grid--3_3_4 .gallery__item:nth-child(10n - 5) {
        max-width: calc(100% + var(--displacmentProcent) * 2);
        min-width: calc(100% + var(--displacmentProcent) * 2);
        margin-left: calc(var(--displacmentProcent));
        grid-column: 2/3;
    }

    .gallery__grid--3_3_4 .gallery__item:nth-child(10n - 4) {
        grid-column: 4/5;
    }

    .gallery__grid--3_3_4 .gallery__item:nth-child(10n - 3) {
        grid-column: 1/2;
    }

    .gallery__grid--3_3_4 .gallery__item:nth-child(10n - 2) {
        grid-column: 2/3;
    }

    .gallery__grid--3_3_4 .gallery__item:nth-child(10n - 1) {
        grid-column: 3/4;
    }

    .gallery__grid--3_3_4 .gallery__item:nth-child(10n) {
        grid-column: 4/5;
    }
}

@media (max-width: 700px) {
    .gallery__grid--3_3_4 {
        --gapRow: 20px;
        --gapCol: 20px;
        --elemsCount: 2;
        --minElemWidth: 267px;
        --maxElemWidth: 100%;

        --elemsWidth: calc((100% - var(--gapCol) * var(--elemsCount)) / var(--elemsCount));
        display: grid;
        gap: var(--gapRow) var(--gapCol);
        grid-template-columns: repeat(auto-fill, minmax(clamp(clamp(0px, 100%, var(--minElemWidth)), var(--elemsWidth), var(--maxElemWidth)), 1fr));

        grid-auto-rows: 1fr;
    }

    .gallery__grid--3_3_4 .gallery__item {
        aspect-ratio: 1/1;
        max-height: 310px;
        width: 100%;
    }
}

/*=================================*/
.gallery__item__wrapper {
    position: relative;

    display: flex;
    justify-content: center;
    align-items: center;

    height: 100%;
    width: 100%;

    border-radius: 15px;
    overflow: hidden;
}

.gallery__item__wrapper img {
    position: absolute;
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
}


















/*
//////////////////
/////////////
/////////
instructionBlock
/////////
/////////////
////////////////
*/
.instructionBlock {
    width: 100%;
}

.instructionBlock__inner {
    width: 100%;

    display: grid;
    grid-template-areas:
        "i1 i2 i3"
        "links form i4";
    grid-auto-rows: 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
}

.instructionBlock__item {
    height: auto;
}

.instructionBlock__item:nth-child(1) {
    grid-area: i1;
}

.instructionBlock__item:nth-child(2) {
    grid-area: i2;
}

.instructionBlock__item:nth-child(3) {
    grid-area: i3;
}

.instructionBlock__item:nth-child(4) {
    grid-area: i4;
}

.instructionBlock__item:nth-child(5) {
    grid-area: form;
}

.instructionBlock__item:nth-child(6) {
    grid-area: links;
}

.instructionBlock__item>* {
    height: 100%;
}

.instructionBlock__intruction {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;

    box-sizing: border-box;
    border: 1px solid rgba(242, 244, 246, 1);
    border-radius: 25px;
    background: rgba(255, 255, 255, 1);

    padding: 40px;
}

:is(.instructionBlock__item:nth-child(2), .instructionBlock__item:nth-child(4)) .instructionBlock__intruction {
    background: rgba(78, 83, 88, 1);
}

.instructionBlock__intruction::before {
    order: -2;

    content: '';
    display: block;
}

.instructionBlock__item:nth-child(1) .instructionBlock__intruction::before {
    min-width: 53px;
    max-width: 53px;
    min-height: 57px;
    max-height: 57px;

    margin-top: 1px;
    margin-bottom: -11px;

    background: url(../img/icon_chat_53x57.svg) center / contain no-repeat;
}

.instructionBlock__item:nth-child(2) .instructionBlock__intruction::before {
    min-width: 53px;
    max-width: 53px;
    min-height: 63px;
    max-height: 63px;

    margin-top: -5px;
    margin-bottom: -11px;

    background: url(../img/icon_headphones_53x63.svg) center / contain no-repeat;
}

.instructionBlock__item:nth-child(3) .instructionBlock__intruction::before {
    min-width: 49px;
    max-width: 49px;
    min-height: 59px;
    max-height: 59px;

    margin-top: -1px;
    margin-bottom: -11px;

    background: url(../img/icon_star_49x59.svg) center / contain no-repeat;
}

.instructionBlock__item:nth-child(4) .instructionBlock__intruction::before {
    min-width: 48px;
    max-width: 48px;
    min-height: 60px;
    max-height: 60px;

    margin-top: -5px;
    margin-bottom: -8px;

    background: url(../img/icon_wallet_48x60.svg) center / contain no-repeat;
}

.instructionBlock__intruction::after {
    order: -1;

    content: '';
    display: block;

    min-width: 47px;
    max-width: 47px;
    min-height: 47px;
    max-height: 47px;

    margin-bottom: 23px;

    border-radius: 100%;

    background: rgba(242, 244, 246, 1) url(../img/icon_arrow_small_17x12.svg) center / 17px 12px no-repeat;
}

.instructionBlock__item:nth-child(2) .instructionBlock__intruction::after {
    background: rgba(255, 255, 255, 1) url(../img/icon_arrow_small_17x12.svg) center / 17px 12px no-repeat;
}

.instructionBlock__item:nth-child(3) .instructionBlock__intruction::after {
    rotate: 90deg;
}

.instructionBlock__item:nth-child(4) .instructionBlock__intruction::after {
    background: rgba(255, 255, 255, 1) url(../img/icon_check_19x19.svg) center / 19px 19px no-repeat;
}

.instructionBlock__intruction__title {
    color: rgba(78, 83, 88, 1);

    font-family: Geologica;
    font-size: 24px;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: 0%;
    text-align: left;

    width: 100%;
    margin-bottom: 6px;
}

:is(.instructionBlock__item:nth-child(2), .instructionBlock__item:nth-child(4)) .instructionBlock__intruction__title {
    color: rgba(255, 255, 255, 1);
}

.instructionBlock__intruction__desc {
    color: rgba(78, 83, 88, 1);

    font-family: Golos_Text;
    font-size: 20px;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: 0%;
    text-align: left;

    width: 100%;
}

:is(.instructionBlock__item:nth-child(2), .instructionBlock__item:nth-child(4)) .instructionBlock__intruction__desc {
    color: rgba(242, 244, 246, 1);
}

.instructionBlock__media {
    display: flex;
    flex-direction: column;

    box-sizing: border-box;
    border: 1px solid rgba(242, 244, 246, 1);
    border-radius: 25px;

    background: rgba(78, 83, 88, 1);

    padding: 40px;
}

.instructionBlock__media__title {
    color: rgba(255, 255, 255, 1);

    font-family: Geologica;
    font-size: 24px;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: 0%;
    text-align: left;

    width: 100%;
    margin-bottom: 12px;
}

.instructionBlock__media__linksList {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

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

    padding: 10px 10px 10px 15px;
    border-radius: 10px;

    font-family: Geologica;
    font-size: 16px;
    font-weight: 600;
    line-height: 110%;
    letter-spacing: 0%;
    text-align: left;
}

.instructionBlock__media__linksList__link--wp {
    background: rgba(103, 193, 94, 1);
    color: rgba(255, 255, 255, 1);
}

.instructionBlock__media__linksList__link--tg {
    background: rgba(61, 185, 230, 1);
    color: rgba(255, 255, 255, 1);
}

.instructionBlock__media__linksList__link--phone {
    background: rgba(255, 255, 255, 1);
    color: rgba(57, 60, 67, 1);
}

.instructionBlock__media__linksList__link::after {
    content: '';
    display: block;

    min-width: 24px;
    max-width: 24px;
    min-height: 24px;
    max-height: 24px;

    mask-position: center;
    mask-size: contain;
    mask-repeat: no-repeat;

    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.instructionBlock__media__linksList__link--wp::after {
    background: rgba(255, 255, 255, 1);
    mask-image: url(../img/icon_wp_32x32.svg);
}

.instructionBlock__media__linksList__link--tg::after {
    background: rgba(255, 255, 255, 1);
    mask-image: url(../img/icon_tg_24x24.svg);
}

.instructionBlock__media__linksList__link--phone::after {
    background: rgba(131, 135, 145, 1);
    mask-image: url(../img/icon_phone_24x24.svg);
}

.instructionBlock .form__inner {
    border: 1px solid rgba(242, 244, 246, 1);
    border-radius: 25px;
    background: rgba(255, 255, 255, 1);
}

.instructionBlock .form__title {
    color: rgba(57, 60, 67, 1);
    --fontsizeMin: 20;
    --fontsizeMax: 24;
}

.instructionBlock input:not([type=submit]) {
    border-radius: 10px;
    background: rgba(242, 244, 246, 1);
    padding: 14px 17px 15px;
}

.instructionBlock .checkboxCont__label {
    color: rgba(131, 135, 145, 1);
}


















/*
//////////////////
/////////////
/////////
salesBlock
/////////
/////////////
////////////////
*/
.salesBlock {
    width: 100%;
}

.salesBlock__inner {
    width: 100%;

    display: flex;
    flex-wrap: wrap;
    gap: 20px;

    /* --gapRow: 20px;
    --gapCol: 20px;
    --elemsCount: 3;
    --minElemWidth: 300px;
    --maxElemWidth: 100%;

    --elemsWidth: calc((100% - var(--gapCol) * var(--elemsCount)) / var(--elemsCount));
    display: grid;
    gap: var(--gapRow) var(--gapCol);
    grid-template-columns: repeat(auto-fit, minmax(clamp(clamp(0px, 100%, var(--minElemWidth)), var(--elemsWidth), var(--maxElemWidth)), 1fr)); */
}

.salesBlock__inner>* {
    flex: 1;
    width: 100%;
    min-width: 267px;
}

.salesBlock__card {
    position: relative;

    padding: 119px 35px 32px;
    box-sizing: border-box;
    border-radius: 25px 100px 25px 25px;
    background: linear-gradient(180.00deg, rgba(242, 244, 246, 0), rgba(217, 229, 248, 1) 100%);

    overflow: hidden;

    z-index: 1;
}

.salesBlock__card::before {
    content: '';
    display: block;

    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;

    z-index: -1;
}

.salesBlock__card:nth-child(3n-2):before {
    background: linear-gradient(180.00deg, rgba(242, 244, 246, 0), rgba(217, 229, 248, 1) 77%);
}

.salesBlock__card:nth-child(3n-1):before {
    background: linear-gradient(180.00deg, rgba(242, 244, 246, 0), rgba(255, 247, 204, 1) 77%);
}

.salesBlock__card:nth-child(3n):before {
    background: linear-gradient(180.00deg, rgba(242, 244, 246, 0), rgba(231, 231, 231, 1) 77%);
}

.salesBlock__containerImg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;

    display: flex;
    justify-content: center;
    align-items: center;

    overflow: hidden;

    z-index: -2;
}

.salesBlock__containerImg img {
    position: absolute;
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
}

.salesBlock__content {
    display: flex;
    flex-direction: column;
    justify-content: end;
    gap: 15px;

    height: 100%;
}

.salesBlock__badge {
    box-sizing: border-box;
    border: 1px solid rgba(242, 244, 246, 1);
    border-radius: 10px;
    background: rgba(255, 255, 255, 1);
    color: rgba(78, 83, 88, 1);

    font-family: Geologica;
    font-size: 16px;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: 0%;
    text-align: left;

    padding: 13px;
    max-width: max-content;
}

.salesBlock__text {
    color: rgba(78, 83, 88, 1);

    font-family: Golos_Text;
    font-size: 22px;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: 0%;
    text-align: left;
}


















/*
//////////////////
/////////////
/////////
accordeon
/////////
/////////////
////////////////
*/
.accordeon {
    width: 100%;
}

.accordeon__inner {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
}

.accordeon__li {
    width: 100%;
}

.accordeon__li__container {
    box-sizing: border-box;
    border: 1px solid rgba(242, 244, 246, 1);
    border-radius: 15px;
    background: rgba(255, 255, 255, 1);


    overflow: hidden;
}

.accordeon__switcher {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;

    padding: 28px;
    box-sizing: border-box;

    color: rgba(78, 83, 88, 1);

    font-family: Geologica;
    font-size: 20px;
    font-weight: 500;
    line-height: 110%;
    letter-spacing: 0%;
    text-align: left;

    cursor: pointer;
}

.accordeon__switcher::after {
    content: '';
    display: block;

    min-width: 22px;
    max-width: 22px;
    min-height: 22px;
    max-height: 22px;

    background: url(../img/icon_plus_22x22.svg) center / cover no-repeat;

    transition: all .2s;
}

.ag-tabs-switcher--active.accordeon__switcher::after {
    min-height: 4px;
    max-height: 4px;
}

.accordeon__tab {
    /* transition: all .2s; */
}

.accordeon__content {
    color: rgba(78, 83, 88, 1);

    font-family: Golos_Text;
    font-size: 18px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0%;
    text-align: left;

    padding: 28px;
    padding-top: 0px;

    pointer-events: none;
    /* opacity: 0;
    translate: 0px -20px;
    scale: .98 .98;
    transition: all .2s; */

}

.ag-tabs-tab--active .accordeon__content {
    /* pointer-events: all;
    opacity: 1;
    translate: 0px 0px;
    scale: 1 1; */
}


















/*
//////////////////
/////////////
/////////
cardList
/////////
/////////////
////////////////
*/
.cardList {
    display: flex;

    width: 100%;
}

.cardList--3item {}

.cardList--2item {}

/*=================================*/
.cardList__inner {
    --gapRow: 20px;
    --gapCol: 20px;
    --minElemWidth: 267px;
    --maxElemWidth: 100%;

    --elemsWidth: calc((100% - var(--gapCol) * var(--elemsCount)) / var(--elemsCount));
    display: grid;
    gap: var(--gapRow) var(--gapCol);
    grid-template-columns: repeat(auto-fill, minmax(clamp(clamp(0px, 100%, var(--minElemWidth)), var(--elemsWidth), var(--maxElemWidth)), 1fr));
    width: 100%;
}

.cardList--3item .cardList__inner {
    --elemsCount: 3;
}

.cardList--2item .cardList__inner {
    --elemsCount: 2;
    --minElemWidth: 300px;
}

/*=================================*/
.cardList__li {}

.ag-tabs-container .cardList__li {
    opacity: 0;
    translate: 0px -20px;
    height: auto;

    transition: opacity .3s, translate .3s;
}

.ag-tabs-container .cardList__li.ag-tabs-tabChild--active {
    opacity: 1;
    translate: 0px 0px;
}


















/*
//////////////////
/////////////
/////////
calculatorPrice
/////////
/////////////
////////////////
*/
.calculatorPrice {
    width: 100%;
}

/*=================================*/
.calculatorPrice .table {
    box-shadow: unset;
}

.calculatorPrice .table__inner {
    overflow-x: auto;
}

.calculatorPrice .table table {
    min-width: unset;
}

/*=================================*/
.calculatorPrice__inner {
    display: flex;
    gap: 30px;

    width: 100%;

    box-sizing: border-box;
    border: 1px solid rgba(242, 244, 246, 1);
    border-radius: 15px 100px 15px 15px;
    box-shadow: 0px 4px 40px 0px rgba(97, 97, 97, 0.05);
    background: rgba(255, 255, 255, 1);

    --paddingMin: 30;
    --paddingMax: 50;
    --padding: clamp(var(--paddingMin) * 1px, var(--paddingMax) * 1px - (var(--linearInterpolation940x1200) * ((var(--paddingMax) - var(--paddingMin)) / 100)), var(--paddingMax) * 1px);
    padding: 43px var(--padding) 59px;
}

.calculatorPrice__inputs {
    flex: 580;

    display: flex;
    flex-direction: column;
    gap: 20px;

    max-width: 100%;
    max-height: max-content;
}

.calculatorPrice__split {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.calculatorPrice__split>* {
    flex: 1;
}

.calculatorPrice__inputs input:is([type="text"], [type="tel"], [type="week"], [type="email"], [type="date"], [type="datetime"], [type="datetime-local"], [type="month"], [type="number"], [type="password"], [type="search"], [type="time"], [type="url"]),
.calculatorPrice__inputs textarea,
.calculatorPrice__inputs .ag-select-selection {
    background: rgba(242, 244, 246, 1);
    box-shadow: 0px 4px 40px 0px rgba(97, 97, 97, 0.05);
    padding: 20px;

    min-height: 60px;
}

.calculatorPrice__inputs .ag-select-selection {
    padding-right: 35px;
}

/*=================================*/
.calculatorPrice__table {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.calculatorPrice__table tbody td {
    padding: 21px 17.5px 21px;
}

.calculatorPrice__table tbody td:last-child {
    text-align: center;
    vertical-align: middle;
    line-height: 13px;
    padding-left: 17.5px;
}

.calculatorPrice__table tbody td:first-child {
    padding-left: 18px;
}

/*=================================*/

.calculatorPrice__sendForm {
    flex: 465;
    max-width: 465px;
    max-height: max-content;
}

.calculatorPrice__sendForm .form__inner {
    border: 1px solid rgba(242, 244, 246, 1);
    border-radius: 15px 100px 15px 15px;
    background: rgba(242, 244, 246, 1);

    --paddingMin: 20;
    --paddingMax: 40;
    --padding: clamp(var(--paddingMin) * 1px, var(--paddingMax) * 1px - (var(--linearInterpolation940x1200) * ((var(--paddingMax) - var(--paddingMin)) / 100)), var(--paddingMax) * 1px);
    padding: var(--padding);
}

/*=================================*/
.calculatorPrice__totalPrice {
    width: 100%;
    max-width: 290px;
    --borderRadiusMin: 15;
    --borderRadiusMax: 90;
    border-radius: 15px calc((var(--borderRadiusMax) + var(--borderRadiusMin)) * 1px - clamp(var(--borderRadiusMin) * 1px, var(--borderRadiusMax) * 1px - (var(--linearInterpolation940x1200) * ((var(--borderRadiusMax) - var(--borderRadiusMin)) / 100)), var(--borderRadiusMax) * 1px)) 15px 15px;
    background: rgba(191, 227, 180, 1);
    padding: 22px 25px 25px;
    box-sizing: border-box;
}

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

.calculatorPrice__totalPrice__title {
    color: rgba(78, 83, 88, 1);

    font-family: Geologica;
    font-size: 20px;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: left;

    margin-bottom: 9px;
}

.calculatorPrice__totalPrice__price {
    color: rgba(78, 83, 88, 1);

    font-family: Geologica;
    font-size: 26px;
    font-weight: 700;
    line-height: 130%;
    letter-spacing: 0%;
    text-align: left;

    padding: 10px 12px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 1);
}

.calculatorPrice .checkboxCont__label {
    color: rgba(131, 135, 145, 1);
}


















/*
//////////////////
/////////////
/////////
docImg
/////////
/////////////
////////////////
*/
.docImg {
    position: relative;

    display: flex;
    justify-content: center;
    align-items: center;

    box-sizing: border-box;
    border: 1px solid rgba(242, 244, 246, 1);
    border-radius: 15px;
    box-shadow: 0px 4px 40px 0px rgba(97, 97, 97, 0.05);

    width: 100%;
    aspect-ratio: 280/400;

    overflow: hidden;
}

.docImg img {
    position: absolute;

    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
}


















/*
//////////////////
/////////////
/////////
microArticle
/////////
/////////////
////////////////
*/
.microArticle {
    display: flex;
    width: 100%;
}

.tabsBlock__tab .microArticle {
    min-height: inherit;
}

.microArticle__inner {
    width: 100%;

    display: flex;
    --gapMin: 20;
    --gapMax: 54;
    gap: 20px clamp(var(--gapMin) * 1px, var(--gapMax) * 1px - (var(--linearInterpolation940x1200) * ((var(--gapMax) - var(--gapMin)) / 100)), var(--gapMax) * 1px);
    --paddingMin: 20;
    --paddingMax: 50;
    padding: 36px clamp(var(--paddingMin) * 1px, var(--paddingMax) * 1px - (var(--linearInterpolation500x1200) * ((var(--paddingMax) - var(--paddingMin)) / 100)), var(--paddingMax) * 1px) 55px;
    box-sizing: border-box;
    border: 1px solid rgba(242, 244, 246, 1);
    border-radius: 25px;
    box-shadow: 0px 4px 40px 0px rgba(97, 97, 97, 0.05);
    background: rgba(255, 255, 255, 1);
}

.microArticle--transparent .microArticle__inner {
    padding: 0px;
    background: unset;
    border-radius: unset;
    border: unset;
    box-shadow: unset;
}

.techpage .microArticle__inner {
    --gapMax: 40;
}

.techpage .microArticle--transparent .microArticle__inner {
    --gapMax: 45;
}

/*=================================*/
.microArticle__content {
    width: 100%;
}

.techpage .microArticle__content {
    flex-basis: 635px;
    flex-grow: 1;
    max-height: max-content;
}

.microArticle__h2 {
    color: rgba(36, 39, 42, 1);

    font-family: Geologica;
    --fontsizeMin: 35;
    --fontsizeMax: 42;
    font-size: clamp(var(--fontsizeMin) * 1px, var(--fontsizeMax) * 1px - (var(--linearInterpolation500x1200) * ((var(--fontsizeMax) - var(--fontsizeMin)) / 100)), var(--fontsizeMax) * 1px);
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: left;

    margin-bottom: 20px;
}

.microArticle__h3 {
    color: rgba(36, 39, 42, 1);

    font-family: Geologica;
    --fontsizeMin: 30;
    --fontsizeMax: 36;
    font-size: clamp(var(--fontsizeMin) * 1px, var(--fontsizeMax) * 1px - (var(--linearInterpolation500x1200) * ((var(--fontsizeMax) - var(--fontsizeMin)) / 100)), var(--fontsizeMax) * 1px);
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: left;

    margin-bottom: 15px;
}

.microArticle__title {
    margin: 0 0 15px;

    font-weight: 700;
    font-size: 36px;
    line-height: 100%;
}

.microArticle__p {
    color: rgba(78, 83, 88, 1);

    font-family: Golos_Text;
    --fontsizeMin: 18;
    --fontsizeMax: 20;
    font-size: clamp(var(--fontsizeMin) * 1px, var(--fontsizeMax) * 1px - (var(--linearInterpolation500x1200) * ((var(--fontsizeMax) - var(--fontsizeMin)) / 100)), var(--fontsizeMax) * 1px);
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0%;
    text-align: left;
}

.microArticle__p p {
    margin: 0 0 15px;
}

.microArticle__sidebar {
    --widthMin: 220;
    --widthMax: 320;
    --maxWidth: clamp(var(--widthMin) * 1px, var(--widthMax) * 1px - (var(--linearInterpolation940x1200) * ((var(--widthMax) - var(--widthMin)) / 100)), var(--widthMax) * 1px);
    min-width: var(--maxWidth);
    max-width: var(--maxWidth);

    max-height: max-content;
}

.techpage .microArticle__sidebar {
    --widthMin: 220;
    --widthMax: 500;

    flex-basis: 500px;

    min-width: unset;
    max-width: unset;
}

.microArticle__containerImg {
    position: relative;

    display: flex;
    justify-content: center;
    align-items: center;

    border-radius: 15px;

    width: 100%;
    aspect-ratio: 320/427;

    max-height: 427px;

    overflow: hidden;
}

.techpage .microArticle__containerImg {
    aspect-ratio: 460/404;
    --widthMax: 500;
    max-height: 404px;
}

.microArticle__containerImg img {
    position: absolute;
    object-fit: cover;
    object-position: center;

    width: 100%;
    height: 100%;
}

.microArticle__ul {
    display: flex;
    flex-direction: column;
    gap: 15px;

    color: rgba(78, 83, 88, 1);

    font-family: Golos_Text;
    font-size: 20px;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: 0%;
    text-align: left;
}

.microArticle__li {
    position: relative;

    margin-left: 35px;
}

.microArticle__li::before {
    content: '';
    display: block;

    position: absolute;

    left: -35px;
    top: 0;

    min-width: 23px;
    max-width: 23px;
    min-height: 23px;
    max-height: 23px;

    background: url(../img/icon_check_23x23.svg) center / contain no-repeat;
}

.article__content img {
    margin: 30px 0;

    border-radius: 15px;
}

/* =Ядро WordPress
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    max-width: 100%;
    padding: 0;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 100%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 16px;
    line-height: 120%;
    margin: 0;
    padding: 10px 0 0;
}

.input-city {
    display: none !important;
}