@font-face {
    font-family: 'Rubik';
    src: url('../fonts/Rubik-Variable/Rubik-Light.eot');
    src: url('../fonts/Rubik-Variable/Rubik-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Rubik-Variable/Rubik-Variable.woff2') format('woff2'),
        url('../fonts/Rubik-Variable/Rubik-Variable.woff') format('woff'),
        url('../fonts/Rubik-Variable/Rubik-Variable.ttf') format('truetype');
    font-weight: 100 1000;
    font-optical-sizing: auto;
    font-stretch: 0% 200%;
    font-style: normal;
    font-display: swap;
}

:root {
    box-sizing: border-box;

    /* шрифт по-умолчанию */
    --calculator-font-family-default: futura-light;

    /* размеры шрифтов начало */
    --calculator-fs-1: 2.5rem;
    --calculator-fs-2: 2rem;
    --calculator-fs-3: 1.75rem;
    --calculator-fs-4: 1.5rem;
    --calculator-fs-5: 1.25rem;
    --calculator-fs-6: 1rem;
    --calculator-fs-7: 0.8rem;
    --calculator-fs-input: 2.5rem;

    --calculator-mt-range-minus: -0.6rem;
    --calculator-mt-range-minus-1rem: -1rem;

    --calculator-default-fs: 20px;
    /* размеры шрифтов конец */

    /* цвета текста начало*/
    --calculator-font-color-black: #000000;
    --calculator-font-color-white: #f1f8fc;
    --calculator-font-color-light-blue-1: #76c4e4;
    --calculator-font-color-light-blue-2: #cfeefc;
    --calculator-font-color-light-blue-3: #dff0fa;
    --calculator-font-color-light-blue-4: #5fc6f1;
    --calculator-font-color-bright-blue: #007fbd;
    --calculator-font-color-gray: #535657;
    --calculator-font-color-light-gray: #bacbe6;
    --calculator-font-color-red: #dc3545;
    /* цвета текста конец */

    /* цвета фона начало */
    --calculator-bg-white: #f1f8fc;
    --calculator-bg-white-1: #ffffff;
    --calculator-bg-light-blue-1: #76c4e4;
    --calculator-bg-light-blue-2: #cfeefc;
    --calculator-bg-light-blue-3: #dff0fa;
    --calculator-bg-light-blue-4: rgb(192, 235, 254);
    --calculator-bg-bright-blue: #007fbd;
    --calculator-bg-bright-blue-2: rgb(0, 176, 255);
    --calculator-bg-bright-blue-3: rgb(67, 170, 255);
    --calculator-bg-red: #dc3545;
    /* цвета фона конец */

    /* границы начало */
    --calculator-border-1: 1px;
    --calculator-border-2: 2px;
    --calculator-border-3: 3px;
    --calculator-border-4: 4px;
    --calculator-border-5: 5px;
    --calculator-border-6: 6px;
    --calculator-border-7: 7px;

    --calculator-border-radius--20px: 20px;
    /* границы конец */

    /* основные величины начало */

    /* максимальная ширина большого калькулятора */
    --calculator-max-width: 1500px;

    /* максимальная ширина окна графика платежей */
    --calculator-modal-result-block-max-width: 900px;

    /* ширина окна графика платежей */
    --calculator-modal-result-block-width: 100%;

    /* максимальная ширина окна с малым калькулятором */
    --calculator-modal-credit-block-max-width: 580px;

    /* ширина окна малого калькулятора */
    --calculator-modal-credit-block-width: 95%;

    /* максимальная ширина калькулятора в модальном окне */
    --calculator-modal-max-width: 580px;

    --calcultor-right-info-panel--max-width: 370px;

    /* размеры частей начало */
    --calculator-w-1: 8.33333333%;
    --calculator-w-2: 16.66666667%;
    --calculator-w-3: 25%;
    --calculator-w-4: 33.33333333%;
    --calculator-w-5: 41.66666667%;
    --calculator-w-6: 50%;
    --calculator-w-7: 58.33333333%;
    --calculator-w-8: 66.66666667%;
    --calculator-w-9: 75%;
    --calculator-w-10: 83.33333333%;
    --calculator-w-11: 91.66666667%;
    --calculator-w-12: 100%;
    /* размеры частей конец */

    /* основные величины конец */

    /* шаги медиа-запросов начало */
    --calculator-media-step-1: 1200px;
    /* шаги медиа-запросов конец */

    /* иконка подсказки начало */
    /* --calculator-hint-icon--deactive: url("../images/infoDeactive.svg"); */
    --calculator-hint-icon--deactive: url("data:image/svg+xml,%3Csvg width='15.000000' height='13.000000' viewBox='0 0 15 13' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc%3E Created with Pixso. %3C/desc%3E%3Cdefs/%3E%3Cellipse id='Oval 16' cx='7.500000' cy='6.500000' rx='7.500000' ry='6.500000' fill='%23B6B6B6' fill-opacity='1.000000'/%3E%3Cpath id='Rectangle 23' d='M6.42 5.83C6.42 5.37 6.8 5 7.26 5C7.77 5 8.16 5.46 8.08 5.96L7.35 10.36C7.34 10.45 7.3 10.53 7.24 10.6C6.95 10.91 6.42 10.71 6.42 10.28L6.42 5.83Z' fill='%23FFFFFF' fill-opacity='1.000000' fill-rule='evenodd'/%3E%3Cellipse id='Oval 17' cx='7.500244' cy='3.000000' rx='1.071429' ry='1.000000' fill='%23FFFFFF' fill-opacity='1.000000'/%3E%3C/svg%3E%0A");

    /* --calculator-hint-icon--active: url("../images/infoActive.svg"); */
    --calculator-hint-icon--active: url("data:image/svg+xml,%3Csvg width='15.000000' height='13.000000' viewBox='0 0 15 13' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc%3E Created with Pixso. %3C/desc%3E%3Cdefs/%3E%3Cellipse id='Oval 16' cx='7.500000' cy='6.500000' rx='7.500000' ry='6.500000' fill='%2300B0FF' fill-opacity='1.000000'/%3E%3Cpath id='Rectangle 23' d='M6.42 5.83C6.42 5.37 6.8 5 7.26 5C7.77 5 8.16 5.46 8.08 5.96L7.35 10.36C7.34 10.45 7.3 10.53 7.24 10.6C6.95 10.91 6.42 10.71 6.42 10.28L6.42 5.83Z' fill='%23FFFFFF' fill-opacity='1.000000' fill-rule='evenodd'/%3E%3Cellipse id='Oval 17' cx='7.500000' cy='3.000000' rx='1.071429' ry='1.000000' fill='%23FFFFFF' fill-opacity='1.000000'/%3E%3C/svg%3E%0A");
    /* иконка подсказки конец */

    /* условия по кредиту начало */

    /* заголовок условия по кредиту */
    --calculator__info-title--font-size: 35px;

    --calculator-conditions__title--font-size: 20px;
    --calculator-conditions__value--font-size: 35px;

    --calculator-monthly-paid-title--font-size: 30px;
    --calculator-monthly-paid-value--font-size: 45px;
    /* условия по кредиту конец */

}

.calcultor-right-info-panel {
    max-width: var(--calcultor-right-info-panel--max-width) !important;
}

.calculator-hint-icon {
    /* margin-left: 20px; */
    display: inline-block;
    content: "";
    min-width: 15px;
    width: 15px;
    height: 13px;
    background-size: 15px auto;
    background-repeat: no-repeat;
    background-image: var(--calculator-hint-icon--deactive);
    background-position: center center;
    transition: all 0.3s linear;
    cursor: pointer;
}

.calculator-hint-icon[aria-describedby^=tippy] {
    background-image: var(--calculator-hint-icon--active);
}

.calculator-hint-icon:hover {
    background-image: var(--calculator-hint-icon--active);
}

.calculator-conditions__row {
    display: grid;
    grid-template-columns: 1fr 2fr;
    align-items: center;
    margin-bottom: 21px;
}

.calculator-conditions__title {
    font-family: "Rubik";
    font-weight: 400;
    font-size: var(--calculator-conditions__title--font-size);
    line-height: normal;
    justify-self: start;
}

.calculator-conditions__value {
    color: #29a9e1;
    font-family: "Rubik";
    font-weight: 400;
    font-size: var(--calculator-conditions__value--font-size);
    line-height: normal;
    justify-self: flex-end;
}

.calculator-monthly-paid__row {
    margin-top: 30px !important;
}

.calculator-monthly-paid-title {
    font-family: "Rubik";
    text-align: center;
    font-weight: 400;
    font-size: var(--calculator-monthly-paid-title--font-size);
    line-height: normal;
    margin-bottom: 20px;
}

.calculator-conditions__monthly-paid-value {
    text-align: center;
    color: #29a9e1;
    font-family: "Rubik";
    font-weight: 400;
    font-size: var(--calculator-monthly-paid-value--font-size);
    line-height: normal;
    margin-bottom: 50px;
}

.calculator-graph-credit-info {
    display: flex;
    column-gap: 45px;

    max-width: 80%;
    width: 100% !important;
    justify-content: center !important;
    margin: 0 auto 30px auto !important;
}

.calculator-graph-credit-info-column {
    flex: 1;
    /* Каждая колонка занимает равную ширину */
    padding: 20px;
    padding-bottom: 0;
    box-sizing: border-box;
    background-color: #ffffff;
}

.calculator-graph-credit-into__row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}

.calculator-graph-credit-info__caption {
    font-family: "Rubik";
    font-weight: 400;
    font-size: 14px;
    line-height: normal;
    color: #000000;
}

.calculator-graph-credit-info__value {
    font-family: "Rubik";
    font-weight: 400;
    font-size: 20px;
    line-height: normal;
    color: #29a9e1;
}

.calculator-graph-credit-info__credit-name {
    font-family: "Rubik";
    font-weight: 400;
    font-size: 24px;
    color: #000000;
}

.calculator-graph-credit-info__credit-name__primary {
    font-family: "Rubik";
    color: #2baae1;
}

.calculator-graph-credit-info__credit-name__secondary {
    font-family: "Rubik";
    color: #000000;
}


*,
::before,
::after {
    box-sizing: inherit;
}

/* тени начало */
.calculator-no-shadow {
    box-shadow: none !important;
}

.calculator-inset-shadow-bottom {
    box-shadow: inset 0 -2px 0 0 var(--calculator-font-color-bright-blue);
}

/* тени конец */

.calculator-border-radius--20px {
    border-radius: var(--calculator-border-radius--20px) !important;
}

/* модели вёрстки начало*/
.calculator-alert {
    --calculator-bs-alert-bg: transparent;
    --calculator-bs-alert-padding-x: 1rem;
    --calculator-bs-alert-padding-y: 1rem;
    --calculator-bs-alert-margin-bottom: 1rem;
    --calculator-bs-alert-color: inherit;
    --calculator-bs-alert-border-color: transparent;
    --calculator-bs-alert-border: 1px solid var(--calculator-bs-alert-border-color);
    --calculator-bs-alert-border-radius: 0.375rem;
    position: relative;
    padding: var(--calculator-bs-alert-padding-y) var(--calculator-bs-alert-padding-x);
    margin-bottom: var(--calculator-bs-alert-margin-bottom);
    color: var(--calculator-bs-alert-color);
    background-color: var(--calculator-bs-alert-bg);
    border: var(--calculator-bs-alert-border);
    border-radius: var(--calculator-bs-alert-border-radius);
}

.calculator-d-flex {
    display: flex;
}

.calculator-row {
    --calculator-bs-gutter-x: 1.5rem;
    --calculator-bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--calculator-bs-gutter-y));
    margin-right: calc(-0.5 * var(--calculator-bs-gutter-x));
    margin-left: calc(-0.5 * var(--calculator-bs-gutter-x));
}

.calculator-row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--calculator-bs-gutter-x) * 0.5);
    padding-left: calc(var(--calculator-bs-gutter-x) * 0.5);
    margin-top: var(--calculator-bs-gutter-y);
}

.calculator-col-1 {
    flex: 0 0 auto;
    width: var(--calculator-w-1);
}

.calculator-col-2 {
    flex: 0 0 auto;
    width: var(--calculator-w-2);
}

.calculator-col-3 {
    flex: 0 0 auto;
    width: var(--calculator-w-3);
}

.calculator-col-4 {
    flex: 0 0 auto;
    width: var(--calculator-w-4);
}

.calculator-col-5 {
    flex: 0 0 auto;
    width: var(--calculator-w-5);
}

.calculator-col-6 {
    flex: 0 0 auto;
    width: var(--calculator-w-6);
}

.calculator-col-7 {
    flex: 0 0 auto;
    width: var(--calculator-w-7);
}

.calculator-col-8 {
    flex: 0 0 auto;
    width: var(--calculator-w-8);
    ;
}

.calculator-col-9 {
    flex: 0 0 auto;
    width: var(--calculator-w-9);
    ;
}

.calculator-col-10 {
    flex: 0 0 auto;
    width: var(--calculator-w-10);
    ;
}

.calculator-col-11 {
    flex: 0 0 auto;
    width: var(--calculator-w-11);
    ;
}

.calculator-col-12 {
    flex: 0 0 auto;
    width: var(--calculator-w-12);
}

/* модели вёрстки конец*/

/* размеры шрифтов начало */
.calculator-fs-1 {
    font-size: calc(1.375rem + 1.5vw) !important;
}

.calculator-fs-2 {
    font-size: calc(1.325rem + .9vw) !important;
}

.calculator-fs-3 {
    font-size: calc(1.3rem + .6vw) !important;
}

.calculator-fs-4 {
    font-size: calc(1.275rem + .3vw) !important;
}

.calculator-fs-5 {
    font-size: var(--calculator-fs-5);
}

.calculator-fs-6 {
    font-size: var(--calculator-fs-6);
}

.calculator-input-icon-rub,
.calculator-input-icon-rub-extra {
    --calculator-input-icon-rub--offset-right: 20px;
}

.calculator-input-icon-rub::after,
.calculator-input-icon-rub-extra::after {
    content: '₽';
    position: absolute;
    font-family: "Rubik";
    font-weight: 400;
    font-size: 30px;
    /* right: 35%; */
    color: var(--calculator-bg-bright-blue-2);
    /* right: 20px; */
    right: var(--calculator-input-icon-rub--offset-right);
    line-height: normal;
}

.calculator__info-title {
    font-family: "Rubik";
    font-weight: 400;
    font-size: var(--calculator__info-title--font-size);
    line-height: normal;
    color: #000000;
    text-align: center;
}

.calculator-input-icon-months {
    --calculator-input-icon-months--offset-right: 20px;
}

.calculator-input-icon-months::after {
    content: 'мес.';
    position: absolute;
    font-family: "Rubik";
    font-weight: 400;
    font-size: 30px;
    /* right: 35%; */
    color: var(--calculator-bg-bright-blue-2);
    /* right: 20px; */
    right: var(--calculator-input-icon-months--offset-right);
    line-height: normal;
}

.calculator-fs-range-rubik {
    font-family: "Rubik";
    font-weight: 400;
    font-size: 15px;
    line-height: normal;
    color: rgb(71, 71, 71);
}

.calculator-fs-7 {
    font-size: var(--calculator-fs-7);
}

.calculator-fs-input {
    font-size: var(--calculator-fs-1);
}

.calculator-fs-input-rubik {
    font-family: "Rubik";
    font-weight: 400;
    font-size: 30px;
    line-height: normal;
}

.calculator-fs-4rem {
    font-size: 4rem;
    ;
}

/* размеры шрифтов конец */


/* цвета текста начало */
.calculator-font-color-black {
    color: var(--calculator-font-color-black);
}

.calculator-font-color-white {
    color: var(--calculator-font-color-white);
}

.calculator-font-color-light-blue-1 {
    color: var(--calculator-font-color-light-blue-1);
}

.calculator-font-color-light-blue-2 {
    color: var(--calculator-font-color-light-blue-2);
}

.calculator-font-color-light-blue-3 {
    color: var(--calculator-font-color-light-blue-3);
}

.calculator-font-color-light-blue-4 {
    color: var(--calculator-font-color-light-blue-4);
}

.calculator-font-color-bright-blue {
    color: var(--calculator-font-color-bright-blue);
}

.calculator-font-color-gray {
    color: var(--calculator-font-color-gray);
}

.calculator-font-color-red {
    color: var(--calculator-font-color-red);
}

/* цвета текста конец */



/* цвета фона начало */
.calculator-bg-white {
    /* background-color: var(--calculator-background-white); */
    /* background-color: var(--calculator-bg-white) !important; */
    background-color: white !important;
}

.calculator-bg-light-blue-1 {
    background-color: var(--calculator-bg-light-blue-1);
}

.calculator-bg-light-blue-2 {
    background-color: var(--calculator-bg-light-blue-2);
}

.calculator-bg-light-blue-3 {
    background-color: var(--calculator-bg-light-blue-3);
}

.calculator-bg-bright-blue {
    background-color: var(--calculator-bg-bright-blue);
}

.calculator-bg-red {
    background-color: var(--calculator-bg-red);
}

/* цвета фона конец */

/* границы начало */
.calculator-border-1 {
    border-width: var(--calculator-border-1);
}

.calculator-border-2 {
    border-width: var(--calculator-border-2);
}

.calculator-border-3 {
    border-width: var(--calculator-border-3);
}

.calculator-border-4 {
    border-width: var(--calculator-border-4);
}

.calculator-border-5 {
    border-width: var(--calculator-border-5);
}

.calculator-border-6 {
    border-width: var(--calculator-border-6);
}

.calculator-border-7 {
    border-width: var(--calculator-border-7);
}

/* границы конец */

/* блоки начало */

.calculator-container,
.calculator-container-fluid,
.calculator-container-xxl,
.calculator-container-xl,
.calculator-container-lg,
.calculator-container-md,
.calculator-container-sm {
    --calculator-bs-gutter-x: 1.5rem;
    --calculator-bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--calculator-bs-gutter-x) * 0.5);
    padding-left: calc(var(--calculator-bs-gutter-x) * 0.5);
    margin-right: auto;
    margin-left: auto;
}


.calculator-bright-blue-block {
    background-color: var(--calculator-bg-bright-blue) !important;
    color: var(--calculator-font-color-light-blue-2) !important;
}

.calculator-light-blue-block {
    background-color: var(--calculator-bg-light-blue-3);
    color: var(--calculator-font-color-bright-blue);
}

.calculator-mt-range-minus {
    margin-top: var(--calculator-mt-range-minus);
}

.calculator-mt-range-minus-1rem {
    margin-top: var(--calculator-mt-range-minus-1rem);
}


/* ! окно с графиком платежей начало */
#modal__result-block {
    /* максимальная ширина модального окна */
    --modal__result-block--max-width: 900px;
    --modal__result-block--width: 100%;

    /* фиксированная высота модального окна */
    --modal__result-block--height: 92vh;

    /* максимальная высота заголовка модального окна */
    --modal__result-block--max-height: 250px;

    /* полоса прокрутки внутри тела окна */
    --modal__result-block--scroll: auto;

    /* семейство шрифтов */
    --modal__result-block--font-family: "Rubik";

    overflow-y: scroll !important;
}

#modal__result-block .modal-dialog {
    font-family: var(--calculator-font-family-default) !important;
    max-width: var(--calculator-modal-result-block-max-width) !important;
    width: var(--calculator-modal-result-block-width) !important;
}



/* ! стилизация скролла начало */
/* Стилизация скроллбара для браузеров на базе WebKit */
#modal__result-block::-webkit-scrollbar,
#modal__result-block .modal-body::-webkit-scrollbar {
    width: 10px;
    /* Ширина скроллбара */
}

#modal__result-block::-webkit-scrollbar-track,
#modal__result-block .modal-body::-webkit-scrollbar-track {
    background-color: #f1f1f1;
    /* Цвет трека скроллбара */
    border-radius: 6px;
    /* Скругление углов трека */
}

#modal__result-block::-webkit-scrollbar-thumb,
#modal__result-block .modal-body::-webkit-scrollbar-thumb {
    background-color: rgb(50, 206, 255);
    /* Цвет ползунка */
    border-radius: 6px;
    /* Скругление углов ползунка */
    border: 2px solid #f1f1f1;
    /* Отступ для создания эффекта внутренней тени */
}

#modal__result-block::-webkit-scrollbar-thumb:hover,
#modal__result-block .modal-body::-webkit-scrollbar-thumb:hover {
    background-color: rgb(50, 206, 255);
    /* Цвет ползунка при наведении */
}

#modal__result-block::-webkit-scrollbar-corner,
#modal__result-block .modal-body::-webkit-scrollbar-corner {
    background-color: #f1f1f1;
    /* Цвет углового элемента */
}

/* Стилизация скроллбара для Firefox */
#modal__result-block,
#modal__result-block .modal-body {
    scrollbar-width: thin;
    /* Устанавливаем тонкий скроллбар */
    scrollbar-color: rgb(50, 206, 255) #f1f1f1;
    /* Цвет ползунка и трека */
}

/* ! стилизация скролла конец */


#modal__result-block * {
    font-family: var(--modal__result-block--font-family);
    font-weight: 300;
}


#modal__result-block .modal-dialog.card-modal {
    min-width: initial;
}

#modal__result-block .modal-dialog {
    max-width: var(--modal__result-block--max-width);
    width: var(--modal__result-block--width);
}

/* ! Шапка окна начало */

/* максимальная высота заголовка модального окна */
#modal__result-block .modal-header {
    max-height: var(--modal__result-block--max-height);
    padding: 0;
}

#modal__result-block .modal-header .card-block {
    background-color: #ffffff !important;
    padding: 50px 69px 10px 82px;
    margin-bottom: 27px;
}

#modal__result-block .modal-header .btn-close {
    position: absolute;
    top: 52px;
    right: 60px;

    font-family: "Rubik" !important;
    font-size: 36px !important;
    line-height: 43px;
    font-weight: 500;
    color: #0193C3 !important;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.5s ease-out;
}

#modal__result-block .modal__result-block__title {
    display: block;
    font-family: "Rubik" !important;
    font-weight: 400;
    font-size: 35px;
    line-height: normal;
    text-align: center !important;
    color: #000000;
}

/* ! Шапка окна конец */

/* ! окно с графиком платежей конец */

.calculator-default-font-family {
    font-family: var(--calculator-font-family-default) !important;
}



/* блоки конец */

/* определение контейнеров начало */

.calculator-container {
    font-family: var(--calculator-font-family-default) !important;
    max-width: var(--calculator-max-width);
    font-size: var(--calculator-default-fs);
    margin: 0;
    padding: 0;
    margin: 0 auto;
    display: flex;
}

.calculator-modal-credit-block {
    font-family: var(--calculator-font-family-default) !important;
    max-width: var(--calculator-modal-credit-block-max-width) !important;
    width: var(--calculator-modal-credit-block-width) !important;
}

.calculator-modal-credit {
    font-family: var(--calculator-font-family-default) !important;
    max-width: 100% !important;
    width: 100% !important;
    font-size: var(--calculator-fs-6);
}

.calculator-modal-info {
    display: flex;
    column-gap: 2px;
    flex-wrap: wrap;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.calculator-modal-info>* {
    flex: 1 1 33%;
}

#calculator-potreb {
    /* box-shadow: 1px 1px 10px 4px #ccc; */
}

.calculator-container label {
    margin: 0;
    padding: 0;
}

.calculator-container input[type="range"] {
    border: none;
}

.calculator-modal-credit input[type="range"] {
    border: none;
}

.calculator-container input[type="text"] {
    padding: 0 1rem;
    line-height: 1rem;
}

.calculator-potreb-max-width {
    max-width: var(--calculator-max-width);
}

/* контейнер всего калькулятора начало */

.calculator__top-title {
    font-family: "Rubik";
    font-weight: 400;
    color: #000000;
    font-size: 40px;
    line-height: normal;
}

.calculator__top-title--blue {
    color: rgb(41, 169, 225);
}

.calculator__top-subtitle {
    font-family: "Rubik";
    font-weight: 400;
    color: rgb(71, 71, 71);
    font-size: 30px;
}

/* контейнер всего калькулятора конец */

/* верхняя часть калькулятора начало */
/* .calculator-potreb__top {} */

/* верхняя часть калькулятора конец */

/* блок с выводом инфы начало */
.calculator-potreb__info {
    flex-direction: column !important;
}

/* блок с выводом инфы конец */

.calculator-caption {
    position: absolute;
    top: -1rem;
    display: inline-block;
    background-color: inherit;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}

.calculator-caption--font-settings {
    font-family: "Rubik";
    font-weight: 400;
    font-size: 25px;
    line-height: normal;
    color: var(--calculator-bg-bright-blue-2);

    left: 75px;
}

#calculator-result-block {
    width: 100%;
    font-size: var(--calculator-fs-5);
}

/* ! таблица платежей начало */

/* #calculator-result-block table {
    text-align: center !important;
    caption-side: bottom;
    border-collapse: collapse;
    width: 100%;
    font-size: inherit;
    --calculator-bs-table-striped-bg: #cfeefc;
}

#calculator-result-block th {
    text-align: inherit;
    text-align: -webkit-match-parent;
}

#calculator-result-block thead,
#calculator-result-block tbody,
#calculator-result-block tfoot,
#calculator-result-block tr,
#calculator-result-block td,
#calculator-result-block th {
    border-color: inherit;
    border-style: solid;
    border-width: 1px;
}


#calculator-result-block table thead {
    background-color: #007fbd;
    color: #cfeefc;
}

.calculator-table {
    --calculator-bs-table-color: var(--calculator-bs-body-color);
    --calculator-bs-table-bg: transparent;
    --calculator-bs-table-border-color: var(--calculator-font-color-light-gray);
    --calculator-bs-table-accent-bg: transparent;
    --calculator-bs-table-striped-color: var(--calculator-bs-body-color);
    --calculator-bs-table-striped-bg: rgba(0, 0, 0, 0.05);
    --calculator-bs-table-active-color: var(--calculator-bs-body-color);
    --calculator-bs-table-active-bg: rgba(0, 0, 0, 0.1);
    --calculator-bs-table-hover-color: var(--calculator-bs-body-color);
    --calculator-bs-table-hover-bg: rgba(0, 0, 0, 0.075);
    width: 100%;
    margin-bottom: 1rem;
    color: var(--calculator-bs-table-color);
    vertical-align: top;
    border-color: var(--calculator-font-color-light-gray) !important;
}

.calculator-table> :not(caption)>*>* {
    padding: 0.5rem 0.5rem;
    background-color: var(--calculator-bs-table-bg);
    border-bottom-width: 1px;
    box-shadow: inset 0 0 0 9999px var(--calculator-bs-table-accent-bg);
}

.calculator-table>tbody {
    vertical-align: inherit;
}

.calculator-table>thead {
    vertical-align: bottom;
}

.calculator-table-borderless> :not(caption)>*>* {
    border-bottom-width: 0;
}

.calculator-table-borderless> :not(:first-child) {
    border-top-width: 0;
}

.calculator-table-bordered> :not(caption)>* {
    border-width: 1px 0;
}

.calculator-table-bordered> :not(caption)>*>* {
    border-width: 0 1px;
}

.calculator-table-striped>tbody>tr:nth-of-type(odd)>* {
    --calculator-bs-table-accent-bg: var(--calculator-bs-table-striped-bg);
    color: var(--calculator-bs-table-striped-color);
}

.calculator-table-striped-columns> :not(caption)>tr> :nth-child(even) {
    --calculator-bs-table-accent-bg: var(--calculator-bs-table-striped-bg);
    color: var(--calculator-bs-table-striped-color);
} */

/* ! таблица платежей конец */



/* .table {
    --calculator-bs-table-striped-bg: #cfeefc;
} */



/* определение контейнеров конец */

/* отступы начало */

/* внутренние отступы начало */
.calculator-p-0 {
    padding: 0 !important;
}

.calculator-p-1 {
    padding: .25rem !important;
}

.calculator-p-2 {
    padding: .5rem !important;
}

.calculator-p-3 {
    padding: 1rem !important;
}

.calculator-p-4 {
    padding: 1.5rem !important;
}

.calculator-p-5 {
    padding: 3rem !important;
}

.calculator-pt-0 {
    padding-top: 0 !important;
}

.calculator-pt-1 {
    padding-top: .25rem !important;
}

.calculator-pt-2 {
    padding-top: .5rem !important;
}

.calculator-pt-3 {
    padding-top: 1rem !important;
}

.calculator-pt-4 {
    padding-top: 1.5rem !important;
}

.calculator-pt-5 {
    padding-top: 3rem !important;
}

.calculator-pb-0 {
    padding-bottom: 0 !important;
}

.calculator-pb-1 {
    padding-bottom: .25rem !important;
}

.calculator-pb-2 {
    padding-bottom: .5rem !important;
}

.calculator-pb-3 {
    padding-bottom: 1rem !important;
}

.calculator-pb-4 {
    padding-bottom: 1.5rem !important;
}

.calculator-pb-5 {
    padding-bottom: 3rem !important;
}

.calculator-pl-0 {
    padding-left: 0 !important;
}

.calculator-pr-0 {
    padding-right: 0 !important;
}

.calculator-pl-1 {
    padding-left: .25rem !important;
}

.calculator-pr-1 {
    padding-right: .25rem !important;
}

.calculator-pl-2 {
    padding-left: .5rem !important;
}

.calculator-pr-2 {
    padding-right: .5rem !important;
}

.calculator-pl-3 {
    padding-left: 1rem !important;
}

.calculator-pr-3 {
    padding-right: 1rem !important;
}

.calculator-pl-4 {
    padding-left: 1.5rem !important;
}

.calculator-pr-4 {
    padding-right: 1.5rem !important;
}

.calculator-pl-5 {
    padding-left: 3rem !important;
}

.calculator-pr-5 {
    padding-right: 3rem !important;
}

/* внутренние отступы конец */

/* внешние отступы начало */
.calculator-m-0 {
    margin: 0 !important;
}

.calculator-m-1 {
    margin: .25rem !important;
}

.calculator-m-2 {
    margin: .5rem !important;
}

.calculator-m-3 {
    margin: 1rem !important;
}

.calculator-m-4 {
    margin: 1.5rem !important;
}

.calculator-m-5 {
    margin: 3rem !important;
}

.calculator-mt-0 {
    margin-top: 0 !important;
}

.calculator-mt-1 {
    margin-top: .25rem !important;
}

.calculator-mt-2 {
    margin-top: .5rem !important;
}

.calculator-mt-3 {
    margin-top: 1rem !important;
}

.calculator-mt-4 {
    margin-top: 1.5rem !important;
}

.calculator-mt-5 {
    margin-top: 3rem !important;
}

.calculator-mb-0 {
    margin-bottom: 0 !important;
}

.calculator-mb-1 {
    margin-bottom: .25rem !important;
}

.calculator-mb-2 {
    margin-bottom: .5rem !important;
}

.calculator-mb-3 {
    margin-bottom: 1rem !important;
}

.calculator-mb-4 {
    margin-bottom: 1.5rem !important;
}

.calculator-mb-5 {
    margin-bottom: 3rem !important;
}

.calculator-ml-0 {
    margin-left: 0 !important;
}

.calculator-mr-0 {
    margin-right: 0 !important;
}

.calculator-ml-1 {
    margin-left: .25rem !important;
}

.calculator-mr-1 {
    margin-right: .25rem !important;
}

.calculator-ml-2 {
    margin-left: .5rem !important;
}

.calculator-mr-2 {
    margin-right: .5rem !important;
}

.calculator-ml-3 {
    margin-left: 1rem !important;
}

.calculator-mr-3 {
    margin-right: 1rem !important;
}

.calculator-ml-4 {
    margin-left: 1.5rem !important;
}

.calculator-mr-4 {
    margin-right: 1.5rem !important;
}

.calculator-ml-5 {
    margin-left: 3rem !important;
}

.calculator-mr-5 {
    margin-right: 3rem !important;
}

/* внешние отступы конец */

.calculator-gap-0 {
    gap: 0 !important;
}

.calculator-gap-1 {
    gap: 0.25rem !important;
}

.calculator-gap-2 {
    gap: 0.5rem !important;
}

.calculator-gap-3 {
    gap: 1rem !important;
}

.calculator-gap-4 {
    gap: 1.5rem !important;
}

.calculator-gap-5 {
    gap: 3rem !important;
}

/* отступы конец */




/* медиа-запросы начало */

/* шаг от 576px начало */
@media (min-width: 576px) {
    .calculator-col-sm-1 {
        flex: 0 0 auto;
        width: var(--calculator-w-1);
    }

    .calculator-col-sm-2 {
        flex: 0 0 auto;
        width: var(--calculator-w-2);
    }

    .calculator-col-sm-3 {
        flex: 0 0 auto;
        width: var(--calculator-w-3);
    }

    .calculator-col-sm-4 {
        flex: 0 0 auto;
        width: var(--calculator-w-4);
    }

    .calculator-col-sm-5 {
        flex: 0 0 auto;
        width: var(--calculator-w-5);
    }

    .calculator-col-sm-6 {
        flex: 0 0 auto;
        width: var(--calculator-w-6);
    }

    .calculator-col-sm-7 {
        flex: 0 0 auto;
        width: var(--calculator-w-7);
    }

    .calculator-col-sm-8 {
        flex: 0 0 auto;
        width: var(--calculator-w-8);
    }

    .calculator-col-sm-9 {
        flex: 0 0 auto;
        width: var(--calculator-w-9);
    }

    .calculator-col-sm-10 {
        flex: 0 0 auto;
        width: var(--calculator-w-10);
    }

    .calculator-col-sm-11 {
        flex: 0 0 auto;
        width: var(--calculator-w-11);
    }

    .calculator-col-sm-12 {
        flex: 0 0 auto;
        width: var(--calculator-w-12);
    }
}

/* шаг от 576px конец */

/* шаг от 768px начало */
@media (min-width: 768px) {
    .calculator-col-md-1 {
        flex: 0 0 auto;
        width: var(--calculator-w-1);
    }

    .calculator-col-md-2 {
        flex: 0 0 auto;
        width: var(--calculator-w-2);
    }

    .calculator-col-md-3 {
        flex: 0 0 auto;
        width: var(--calculator-w-3);
    }

    .calculator-col-md-4 {
        flex: 0 0 auto;
        width: var(--calculator-w-4);
    }

    .calculator-col-md-5 {
        flex: 0 0 auto;
        width: var(--calculator-w-5);
    }

    .calculator-col-md-6 {
        flex: 0 0 auto;
        width: var(--calculator-w-6);
    }

    .calculator-col-md-7 {
        flex: 0 0 auto;
        width: var(--calculator-w-7);
    }

    .calculator-col-md-8 {
        flex: 0 0 auto;
        width: var(--calculator-w-8);
    }

    .calculator-col-md-9 {
        flex: 0 0 auto;
        width: var(--calculator-w-9);
    }

    .calculator-col-md-10 {
        flex: 0 0 auto;
        width: var(--calculator-w-10);
    }

    .calculator-col-md-11 {
        flex: 0 0 auto;
        width: var(--calculator-w-11);
    }

    .calculator-col-md-12 {
        flex: 0 0 auto;
        width: var(--calculator-w-12);
    }

}

/* шаг от 768px конец */

/* шаг от 992px начало */
@media (min-width: 992px) {
    .calculator-col-lg-1 {
        flex: 0 0 auto;
        width: var(--calculator-w-1);
    }

    .calculator-col-lg-2 {
        flex: 0 0 auto;
        width: var(--calculator-w-2);
    }

    .calculator-col-lg-3 {
        flex: 0 0 auto;
        width: var(--calculator-w-3);
    }

    .calculator-col-lg-4 {
        flex: 0 0 auto;
        width: var(--calculator-w-4);
    }

    .calculator-col-lg-5 {
        flex: 0 0 auto;
        width: var(--calculator-w-5);
    }

    .calculator-col-lg-6 {
        flex: 0 0 auto;
        width: var(--calculator-w-6);
    }

    .calculator-col-lg-7 {
        flex: 0 0 auto;
        width: var(--calculator-w-7);
    }

    .calculator-col-lg-8 {
        flex: 0 0 auto;
        width: var(--calculator-w-8);
        ;
    }

    .calculator-col-lg-9 {
        flex: 0 0 auto;
        width: var(--calculator-w-9);
        ;
    }

    .calculator-col-lg-10 {
        flex: 0 0 auto;
        width: var(--calculator-w-10);
        ;
    }

    .calculator-col-lg-11 {
        flex: 0 0 auto;
        width: var(--calculator-w-11);
        ;
    }

    .calculator-col-lg-12 {
        flex: 0 0 auto;
        width: var(--calculator-w-12);
    }
}

/* шаг от 992px конец */

/* шаг от 1200px начало */
@media (min-width: 1200px) {

    /* размеры шрифтов начало */
    .calculator-fs-1 {
        font-size: var(--calculator-fs-1);
    }

    .calculator-fs-2 {
        font-size: var(--calculator-fs-2);
    }

    .calculator-fs-3 {
        font-size: var(--calculator-fs-3);
    }

    .calculator-fs-4 {
        font-size: var(--calculator-fs-4);
    }

    .calculator-fs-5 {
        font-size: var(--calculator-fs-5);
    }

    .calculator-fs-6 {
        font-size: var(--calculator-fs-6);
    }

    .calculator-fs-7 {
        font-size: var(--calculator-fs-7);
    }

    /* размеры шрифтов конец */

    .calculator-col-xl-1 {
        flex: 0 0 auto;
        width: var(--calculator-w-1);
    }

    .calculator-col-xl-2 {
        flex: 0 0 auto;
        width: var(--calculator-w-2);
    }

    .calculator-col-xl-3 {
        flex: 0 0 auto;
        width: var(--calculator-w-3);
    }

    .calculator-col-xl-4 {
        flex: 0 0 auto;
        width: var(--calculator-w-4);
    }

    .calculator-col-xl-5 {
        flex: 0 0 auto;
        width: var(--calculator-w-5);
    }

    .calculator-col-xl-6 {
        flex: 0 0 auto;
        width: var(--calculator-w-6);
    }

    .calculator-col-xl-7 {
        flex: 0 0 auto;
        width: var(--calculator-w-7);
    }

    .calculator-col-xl-8 {
        flex: 0 0 auto;
        width: var(--calculator-w-8);
    }

    .calculator-col-xl-9 {
        flex: 0 0 auto;
        width: var(--calculator-w-9);
    }

    .calculator-col-xl-10 {
        flex: 0 0 auto;
        width: var(--calculator-w-10);
    }

    .calculator-col-xl-11 {
        flex: 0 0 auto;
        width: var(--calculator-w-11);
    }

    .calculator-col-xl-12 {
        flex: 0 0 auto;
        width: var(--calculator-w-12);
    }

}

/* шаг от 1200px конец */

@media (min-width: 1400px) {
    .calculator-col-xxl-1 {
        flex: 0 0 auto;
        width: var(--calculator-w-1);
    }

    .calculator-col-xxl-2 {
        flex: 0 0 auto;
        width: var(--calculator-w-2);
    }

    .calculator-col-xxl-3 {
        flex: 0 0 auto;
        width: var(--calculator-w-3);
    }

    .calculator-col-xxl-4 {
        flex: 0 0 auto;
        width: var(--calculator-w-4);
    }

    .calculator-col-xxl-5 {
        flex: 0 0 auto;
        width: var(--calculator-w-5);
    }

    .calculator-col-xxl-6 {
        flex: 0 0 auto;
        width: var(--calculator-w-6);
    }

    .calculator-col-xxl-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }

    .calculator-col-xxl-8 {
        flex: 0 0 auto;
        width: var(--calculator-w-7);
    }

    .calculator-col-xxl-9 {
        flex: 0 0 auto;
        width: var(--calculator-w-8);
    }

    .calculator-col-xxl-10 {
        flex: 0 0 auto;
        width: var(--calculator-w-9);
    }

    .calculator-col-xxl-11 {
        flex: 0 0 auto;
        width: var(--calculator-w-11);
    }

    .calculator-col-xxl-12 {
        flex: 0 0 auto;
        width: var(--calculator-w-12);
    }
}

/* медиа-запросы конец */

/* кнопки начало */
.calculator-btn {
    --calculator-bs-btn-padding-x: 0.75rem;
    --calculator-bs-btn-padding-y: 0.375rem;
    --calculator-bs-btn-font-family: ;
    --calculator-bs-btn-font-size: 1rem;
    --calculator-bs-btn-font-weight: 400;
    --calculator-bs-btn-line-height: 1.5;
    --calculator-bs-btn-color: #212529;
    --calculator-bs-btn-bg: transparent;
    --calculator-bs-btn-border-width: 1px;
    --calculator-bs-btn-border-color: transparent;
    --calculator-bs-btn-border-radius: 0.375rem;
    --calculator-bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    --calculator-bs-btn-disabled-opacity: 0.65;
    --calculator-bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--calculator-bs-btn-focus-shadow-rgb), .5);
    display: inline-block;
    padding: var(--calculator-bs-btn-padding-y) var(--calculator-bs-btn-padding-x);
    font-family: var(--calculator-bs-btn-font-family);
    font-size: var(--calculator-bs-btn-font-size);
    font-weight: var(--calculator-bs-btn-font-weight);
    line-height: var(--calculator-bs-btn-line-height);
    color: var(--calculator-bs-btn-color);
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: var(--calculator-bs-btn-border-width) solid var(--calculator-bs-btn-border-color);
    border-radius: var(--calculator-bs-btn-border-radius);
    background-color: var(--calculator-bs-btn-bg);
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}



@media (prefers-reduced-motion: reduce) {
    .calculator-btn {
        transition: none;
    }
}


.btn-show-result-block {
    /* --calculator-bs-btn-color: #fff; */
    /* --calculator-bs-btn-bg: #0d6efd; */
    /* --calculator-bs-btn-border-color: #0d6efd; */
    --calculator-bs-btn-hover-color: var(--calculator-bg-bright-blue);
    --calculator-bs-btn-hover-bg: var(--calculator-bg-white);
    --calculator-bs-btn-hover-border-color: var(--calculator-bg-bright-blue);
    /* --calculator-bs-btn-focus-shadow-rgb: 49, 132, 253; */
    /* --calculator-bs-btn-active-color: #fff; */
    /* --calculator-bs-btn-active-bg: #0a58ca; */
    /* --calculator-bs-btn-active-border-color: #0a53be; */
    /* --calculator-bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); */
    /* --calculator-bs-btn-disabled-color: #fff; */
    /* --calculator-bs-btn-disabled-bg: #0d6efd; */
    /* --calculator-bs-btn-disabled-border-color: #0d6efd; */
    outline: none !important;
    font-size: 1.2rem;
}

.what-to-do-with-graph-block {
    display: flex;
    justify-content: end;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

.btn-show-graph {
    outline: none !important;
    transition: 0.3s all ease-out;
    font-family: "Rubik";
    font-weight: 300;
    font-size: 30px;
    text-align: center;
    max-width: 300px;
    width: 100%;
    padding: 0px 26px;
    border: 1px solid #6bd0fd;
    border-radius: 25px;
    background-color: #ffffff;
    cursor: pointer;
    margin-bottom: 10px;
}

.btn-show-graph.what-to-do-with-graph {
    font-weight: 400 !important;
    border-color: #0193C3;
    font-size: 24px;
    color: #0193C3;
    margin: 0;
}

input.calculator-email-to {
    border-color: #0193C3;
    border-radius: 20px;
    padding: 7px 26px !important;
}

.btn-show-graph:hover {
    background-color: #a5e3ff91;
    border: 1px solid #a5e3ff91;

    box-shadow: 0px 4px 4px 0px #ccc;

}

/* кнопка подать заявку начало */
.btn-submit-request {
    outline: none !important;

    transition: 0.3s all ease-out;

    font-family: "Rubik";
    font-weight: 400;
    font-size: 30px;
    text-align: center;

    max-width: 300px;
    width: 100%;
    padding: 0px 26px;

    border: none;
    border-radius: 25px;

    background-color: #3aa6ff;

    color: #ffffff;
    cursor: pointer;
    /* font-size: 1.2rem; */
}

.btn-submit-request:hover {
    box-shadow: 0px 4px 4px 0px #ccc;
    font-weight: 500;
}

/* кнопка подать заявку конец */

.btn-show-result-block--paddings-vertical {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.calculator-btn:hover {
    color: var(--calculator-bs-btn-hover-color) !important;
    background-color: var(--calculator-bs-btn-hover-bg) !important;
    border-color: var(--calculator-bs-btn-hover-border-color) !important;
}

.calculator-btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: 0.25em 0.25em;
    color: #000;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    border: 0;
    border-radius: 0.375rem;
    opacity: 0.5;
}

.calculator-btn-close:hover {
    color: #000;
    text-decoration: none;
    opacity: 0.75;
}

.calculator-btn-close:focus {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    opacity: 1;
}

.calculator-btn-close:disabled,
.calculator-btn-close.disabled {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    opacity: 0.25;
}

.modal-header .calculator-btn-close {
    padding: calc(var(--calculator-bs-modal-header-padding-y) * 0.5) calc(var(--calculator-bs-modal-header-padding-x) * 0.5);
    margin: calc(var(--calculator-bs-modal-header-padding-y) * -0.5) calc(var(--calculator-bs-modal-header-padding-x) * -0.5) calc(var(--calculator-bs-modal-header-padding-y) * -0.5) auto;
}


/* кнопки конец */

.calculator-d-block {
    display: block !important;
}

.calculator-float-start {
    float: left !important;
}

.calculator-float-end {
    float: right !important;
}

.calculator-float-none {
    float: none !important;
}

.calculator-align-baseline {
    vertical-align: baseline !important;
}

.calculator-align-top {
    vertical-align: top !important;
}

.calculator-align-middle {
    vertical-align: middle !important;
}

.calculator-align-bottom {
    vertical-align: bottom !important;
}

.calculator-align-text-bottom {
    vertical-align: text-bottom !important;
}

.calculator-align-text-top {
    vertical-align: text-top !important;
}

.calculator-w-100 {
    width: 100% !important;
}

.calculator-justify-content-start {
    justify-content: flex-start !important;
}

.calculator-justify-content-end {
    justify-content: flex-end !important;
}

.calculator-justify-content-center {
    justify-content: center !important;
}

.calculator-justify-content-between {
    justify-content: space-between !important;
}

.calculator-justify-content-around {
    justify-content: space-around !important;
}

.calculator-justify-content-evenly {
    justify-content: space-evenly !important;
}

.calculator-align-items-start {
    align-items: flex-start !important;
}

.calculator-align-items-end {
    align-items: flex-end !important;
}

.calculator-align-items-center {
    align-items: center !important;
}

.calculator-align-items-baseline {
    align-items: baseline !important;
}

.calculator-align-items-stretch {
    align-items: stretch !important;
}

.calculator-align-content-start {
    align-content: flex-start !important;
}

.calculator-align-content-end {
    align-content: flex-end !important;
}

.calculator-align-content-center {
    align-content: center !important;
}

.calculator-align-content-between {
    align-content: space-between !important;
}

.calculator-align-content-around {
    align-content: space-around !important;
}

.calculator-align-content-stretch {
    align-content: stretch !important;
}

.calculator-align-self-auto {
    align-self: auto !important;
}

.calculator-align-self-start {
    align-self: flex-start !important;
}

.calculator-align-self-end {
    align-self: flex-end !important;
}

.calculator-align-self-center {
    align-self: center !important;
}

.calculator-align-self-baseline {
    align-self: baseline !important;
}

.calculator-align-self-stretch {
    align-self: stretch !important;
}

.calculator-outline-none {
    outline: none;
}

.calculator-cursor-pointer {
    cursor: pointer;
}

/* декорация текста начало */


.calculator-text-uppercase {
    text-transform: uppercase !important;
}

.calculator-text-bold {
    font-weight: bold !important;
}

/* выравнивание текста начало */
.calculator-text-center {
    text-align: center !important;
}

.calculator-text-right {
    text-align: right !important;
}

.calculator-text-left {
    text-align: left !important;
}

/* выравнивание текста конец */


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

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

@media (min-width: 1200px) {
    .calculator-h1 {
        font-size: 2.5rem;
    }
}

.calculator-h2 {
    font-size: calc(1.325rem + 0.9vw);
}

@media (min-width: 1200px) {
    .calculator-h2 {
        font-size: 2rem;
    }
}

.calculator-h3 {
    font-size: calc(1.3rem + 0.6vw);
}

@media (min-width: 1200px) {
    .calculator-h3 {
        font-size: 1.75rem;
    }
}

.calculator-h4 {
    font-size: calc(1.275rem + 0.3vw);
}

@media (min-width: 1200px) {
    .calculator-h4 {
        font-size: 1.5rem;
    }
}

.calculator-h5 {
    font-size: 1.25rem;
}

.calculator-h6 {
    font-size: 1rem;
}

/* декорация текста конец */

/* переключатели начало */

/* default begin */
.calculator-form-label {
    margin-bottom: 0.5rem;
}


.calculator-form-check {
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5em;
    margin-bottom: 0.125rem;
}

.calculator-form-check .calculator-form-check-input {
    float: left;
    margin-left: -1.5em;
}

.calculator-form-check-reverse {
    padding-right: 1.5em;
    padding-left: 0;
    text-align: right;
}

.calculator-form-check-reverse .calculator-form-check-input {
    float: right;
    margin-right: -1.5em;
    margin-left: 0;
}

.calculator-form-check-input {
    width: 1em;
    height: 1em;
    margin-top: 0.25em;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid rgba(0, 0, 0, 0.25);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    print-color-adjust: exact;
}

.calculator-form-check-input[type=checkbox] {
    /* border-radius: 0.25em; */
}

.calculator-form-check-input[type=radio] {
    border-radius: 50%;
}

.calculator-form-check-input:active {
    filter: brightness(90%);
}

.calculator-form-check-input:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.calculator-form-check-input:checked {
    background-color: #0d6efd;
    border-color: #0d6efd;
}

/* .calculator-form-check-input:checked[type=checkbox] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
} */

.calculator-form-check-input:checked[type=checkbox] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='%23fff' d='M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z'/%3e%3c/svg%3e");
}

.calculator-form-check-input:checked[type=radio] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}

.calculator-form-check-input[type=checkbox]:indeterminate {
    background-color: #0d6efd;
    border-color: #0d6efd;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}

.calculator-form-check-input:disabled {
    pointer-events: none;
    filter: none;
    opacity: 0.5;
}

.calculator-form-check-input[disabled]~.calculator-form-check-label,
.calculator-form-check-input:disabled~.calculator-form-check-label {
    cursor: default;
    opacity: 0.5;
}

.calculator-form-switch {
    padding-left: 2.5em;
}

.calculator-form-switch .calculator-form-check-input {
    width: 2em;
    margin-left: -2.5em;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
    background-position: left center;
    border-radius: 2em;
    transition: background-position 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .calculator-form-switch .calculator-form-check-input {
        transition: none;
    }
}

.calculator-form-switch .calculator-form-check-input:focus {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e");
}

.calculator-form-switch .calculator-form-check-input:checked {
    background-position: right center;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.calculator-form-switch.calculator-form-check-reverse {
    padding-right: 2.5em;
    padding-left: 0;
}

.calculator-form-switch.calculator-form-check-reverse .calculator-form-check-input {
    margin-right: -2.5em;
    margin-left: 0;
}

.calculator-form-check-inline {
    display: inline-block;
    margin-right: 1rem;
}



/* default end */




.calculator-form-check-input:checked {
    background-color: var(--background-bright-blue);
    border-color: var(--background-bright-blue);
}

.calculator-form-check-input:focus {
    /* background-image: url(); */
    box-shadow: 0 0 4px 4px var(--background-bright-blue);
    border-color: var(--background-bright-blue);
}

.calculator-form-check-input:checked.calculator-bg-red {
    background-color: var(--bg-color-red);
    border-color: var(--bg-color-red);
}

.calculator-form-check-input:focus.calculator-bg-red {
    box-shadow: 0 0 4px 4px var(--background-bright-blue);
    border-color: var(--bg-color-red);
}

/* переключатели конец */

/* select begin */
.calculator-form-select {
    display: block;
    width: 100%;
    padding: 0.375rem 2.25rem 0.375rem 0.75rem;
    -moz-padding-start: calc(0.75rem - 3px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
    border: 1px solid #ced4da;
    border-radius: 0.375rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

@media (prefers-reduced-motion: reduce) {
    .calculator-form-select {
        transition: none;
    }
}

.calculator-form-select:focus {
    border-color: none;
    outline: 0;
    /* box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); */
    box-shadow: none;
}

.calculator-form-select[multiple],
.calculator-form-select[size]:not([size="1"]) {
    padding-right: 0.75rem;
    background-image: none;
}

.calculator-form-select:disabled {
    background-color: #e9ecef;
}

.calculator-form-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #212529;
}

.calculator-form-select-sm {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 0.5rem;
    font-size: 0.875rem;
    border-radius: 0.25rem;
}

.calculator-form-select-lg {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    font-size: 1.25rem;
    border-radius: 0.5rem;
}

.calculator-d-none {
    display: none !important;
}

/* .modal-open {
    overflow: hidden;
    overflow-y: scroll;
    padding-right: 0 !important;
} */


/* select end */

/* radio buttons begin */
.calculator__radio-buttons-pt {
    padding-top: 60px !important;
}

.calculator__radio-buttons {
    display: flex;
    align-items: center;
}

.calculator__radio-buttons--bg-light-blue {
    gap: 28px;
}

.calculator__radio-buttons div,
.calculator__radio-buttons--bg-light-blue div {
    float: left;
}

.calculator__radio-buttons input,
.calculator__radio-buttons--bg-light-blue input {
    position: absolute;
    left: -9999px;
}

.calculator__radio-buttons {
    gap: 17px;
}

.calculator__calculation-info {
    font-family: "Rubik";
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    padding-left: 31px;
}

.calculator__radio-buttons label {
    display: flex;
    justify-content: center;
    align-items: center;
    /* max-width: 260px; */
    /* padding: 0.5rem 1.4rem; */
    padding: 0px 26px;
    /* border: 1px solid var(--calculator-font-color-light-gray); */
    border-radius: 2rem !important;
    /* background-color: var(--calculator-bg-light-blue-3); */
    background-color: var(--calculator-bg-white-1);
    /* color: var(--calculator-bg-white-1); */
    cursor: pointer;

    /* box-shadow: 0 8px 20px rgba(0, 51, 153, .3), 0 4px 8px rgba(0, 51, 153, .3); */
    /* box-shadow: 0 2px 4px rgba(0, 51, 153, .3), 0 2px 4px rgba(0, 51, 153, .3); */

    border: 1px solid var(--calculator-bg-light-blue-4);

    font-family: "Rubik";
    font-weight: 400;
    /* font-size: 25px; */
    font-size: 23px;
    line-height: normal;
    min-height: 55px;
    transition: all 0.2s linear;

}

.calculator__radio-buttons label:hover {
    box-shadow: 0 2px 4px rgba(0, 51, 153, .3), 0 2px 4px rgba(0, 51, 153, .3);    
}

.calculator__radio-buttons__title {
    display: block;
    font-size: 20px;
    line-height: normal;
    text-align: center;
}

.calculator__radio-buttons__subtitle {
    display: block;
    font-size: 16px;
    line-height: normal;
    text-align: center;
}

.calculator__radio-buttons--bg-light-blue label {
    display: block;
    /* padding: 0.2rem 1rem; */
    padding: 10px 26px;
    /* border: 1px solid var(--calculator-font-color-light-gray); */
    /* border: 1px solid var(--calculator-font-color-bright-blue); */
    border-radius: 2rem !important;
    /* background-color: var(--calculator-bg-light-blue-3); */
    background-color: var(--calculator-bg-white-1);
    cursor: pointer;
    /* font-weight: bold; */
    /* box-shadow: 0 2px 10px rgba(0, 51, 153, .2), 0 2px 8px rgba(0, 51, 153, .2); */
    /* box-shadow: 0 2px 4px rgba(0, 51, 153, .3), 0 2px 4px rgba(0, 51, 153, .3); */

    border: 1px solid var(--calculator-bg-light-blue-4);

    font-family: "Rubik";
    font-weight: 400;
    font-size: 20px;
    line-height: normal;
    min-width: 200px;
    text-align: center;
    transition: all 0.2s linear;
}

.calculator__radio-buttons--bg-light-blue label:hover {
    box-shadow: 0 2px 4px rgba(0, 51, 153, .3), 0 2px 4px rgba(0, 51, 153, .3);
}

.calculator__radio-buttons input:checked+label {
    /* background-color: var(--calculator-bg-bright-blue); */
    background-color: var(--calculator-bg-bright-blue-3);
    color: var(--calculator-font-color-white);
    border: 1px solid var(--calculator-bg-bright-blue-3);
    /* border: 1px solid var(--calculator-font-color-bright-blue); */
    /* font-weight: bold; */
    /* box-shadow: 0 2px 4px rgba(0, 51, 153, .3), 0 2px 4px rgba(0, 51, 153, .3); */
}

.calculator__radio-buttons--bg-light-blue input:checked+label {
    /* background-color: var(--calculator-bg-light-blue-2); */
    /* color: var(--calculator-font-color-bright-blue); */
    /* border: 1px solid var(--calculator-font-color-bright-blue); */
    background-color: var(--calculator-bg-bright-blue-3);
    color: var(--calculator-font-color-white);
    border: 1px solid var(--calculator-bg-bright-blue-3);
    /* box-shadow: 0 2px 4px rgba(0, 51, 153, .3), 0 2px 4px rgba(0, 51, 153, .3); */
    /* font-weight: bold; */
}

.calculator__radio-buttons input:disabled+label {
    background-color: var(--calculator-font-color-white);
    color: var(--calculator-font-color-light-gray);
}


.calculator__radio-buttons--bg-light-blue input:disabled+label {
    background-color: var(--calculator-font-color-white);
    color: var(--calculator-font-color-light-gray);
    border: 1px solid var(--calculator-font-color-light-gray);

    /* display: none; */
}

/* radio buttons end */

.calculator-flex-wrap {
    flex-wrap: wrap;
}

/* checkbox begin */
/* .calculator-checkbox {
    position: absolute;
    z-index: -1;
    opacity: 0;
    margin: 10px 0 0 20px;
      margin-top: 10px;
  }

.calculator-checkbox:checked+label::before {
    font-size: 1.2rem;
    line-height: 1.2rem !important;
}

.calculator-checkbox:checked+label::before {
    font-size: 1.2rem;
    line-height: 1.2rem !important;
}

.calculator-checkbox:checked+label::before {
    content: "✓";
    background: #2d90c8;
}

.calculator-checkbox:disabled+label::before {
    content: inherit;
    background: var(--calculator-font-color-light-gray);
}

.calculator-checkbox+label::before {
    content: "";
    text-align: center;
    position: absolute;
    line-height: .8;
    color: #d7eefa;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    left: 0;
    width: 20px;
    height: 20px;
    background: inherit;
    border: 1px solid #2d90c8;
} */



/* checkbox end */

#modal__result-block .modal-dialog {
    margin-left: auto !important;
}



@media screen and (max-width: 1287px) {
    :root {
        /* условия по кредиту начало */

        /* заголовок условия по кредиту */
        --calculator__info-title--font-size: 30px;

        /* --calculator-conditions__title--font-size: 20px; */
        /* --calculator-conditions__value--font-size: 35px; */

        --calculator-monthly-paid-title--font-size: 30px;
        /* --calculator-monthly-paid-value--font-size: 35px; */
        /* условия по кредиту конец */
    }

    .calculator__radio-buttons {
        justify-content: center;
    }
}

@media screen and (max-width: 1145px) {
    :root {
        /* условия по кредиту начало */

        /* заголовок условия по кредиту */
        --calculator__info-title--font-size: 25px;

        /* --calculator-conditions__title--font-size: 20px; */
        /* --calculator-conditions__value--font-size: 35px; */

        --calculator-monthly-paid-title--font-size: 25px;
        /* --calculator-monthly-paid-value--font-size: 45px; */
        /* условия по кредиту конец */
    }

    .btn-show-graph {
        font-size: 28px;
    }

    .btn-submit-request {
        font-size: 28px;
    }
}

@media screen and (max-width: 1110px) {
    :root {
        /* условия по кредиту начало */

        /* заголовок условия по кредиту */
        /* --calculator__info-title--font-size: 25px; */

        --calculator-conditions__title--font-size: 20px;
        --calculator-conditions__value--font-size: 30px;

        /* --calculator-monthly-paid-title--font-size: 25px; */
        /* --calculator-monthly-paid-value--font-size: 45px; */
        /* условия по кредиту конец */
    }
}

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

    #modal__result-block .modal-header .card-block {
        padding: 10px 69px 10px 82px;
    }

    #modal__result-block .modal-header .btn-close {
        top: 10px;
        right: 60px;
    }

}

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

    .btn-show-graph {
        font-size: 26px;
    }

    .btn-submit-request {
        font-size: 26px;
    }
}

@media screen and (max-width: 1000px) {
    :root {
        /* условия по кредиту начало */

        /* заголовок условия по кредиту */
        --calculator__info-title--font-size: 22px;

        --calculator-conditions__title--font-size: 20px;
        --calculator-conditions__value--font-size: 26px;

        --calculator-monthly-paid-title--font-size: 22px;
        --calculator-monthly-paid-value--font-size: 35px;
        /* условия по кредиту конец */
    }
}

@media screen and (max-width: 991px) {
    #modal__result-block .modal-header .btn-close {
        top: 10px;
        right: 30px;
    }
}

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

    .btn-show-graph {
        font-size: 24px;
    }

    .btn-submit-request {
        font-size: 24px;
    }
}

@media screen and (max-width: 912px) {
    :root {
        /* условия по кредиту начало */

        /* заголовок условия по кредиту */
        --calculator__info-title--font-size: 20px;

        --calculator-conditions__title--font-size: 18px;
        --calculator-conditions__value--font-size: 22px;

        --calculator-monthly-paid-title--font-size: 20px;
        /* --calculator-monthly-paid-value--font-size: 45px; */
        /* условия по кредиту конец */
    }

    .btn-show-graph {
        font-size: 22px;
    }

    .btn-submit-request {
        font-size: 22px;
    }
}

@media screen and (max-width: 900px) {
    .calculator-caption--font-settings {
        font-size: 16px;
        left: 20px;
    }

    .calculator__top-title {
        font-size: 20px;
    }

    .calculator__top-subtitle {
        font-size: 16px;
    }

    .calculator__radio-buttons-pt {
        padding-top: 10px !important;
    }

    /* ! условия по кредиту начало */
    .calculator-conditions__row {
        /* display: grid; */
        /* grid-template-columns: 1fr 2fr; */
        /* align-items: center; */
        /* margin-bottom: 21px; */
    }

    .calculator-monthly-paid__row {
        /* margin-top: 30px !important; */
    }

    :root {
        /* условия по кредиту начало */

        /* заголовок условия по кредиту */
        /* --calculator__info-title--font-size: 35px; */

        /* --calculator-conditions__title--font-size: 20px; */
        /* --calculator-conditions__value--font-size: 35px; */

        /* --calculator-monthly-paid-title--font-size: 25px; */
        /* --calculator-monthly-paid-value--font-size: 30px; */
        /* условия по кредиту конец */
    }

    /* ! условия по кредиту конец */

    .btn-show-graph.what-to-do-with-graph {
        font-size: 20px;
    }

    input.calculator-email-to {
        padding: 5px 26px !important;
    }
}

@media screen and (max-width: 865px) {
    :root {
        /* условия по кредиту начало */

        /* заголовок условия по кредиту */
        --calculator__info-title--font-size: 18px;

        /* --calculator-conditions__title--font-size: 20px; */
        /* --calculator-conditions__value--font-size: 35px; */

        --calculator-monthly-paid-title--font-size: 18px;
        /* --calculator-monthly-paid-value--font-size: 45px; */
        /* условия по кредиту конец */
    }

    .btn-show-graph {
        font-size: 17px;
    }

    .btn-submit-request {
        font-size: 17px;
    }
}

@media screen and (max-width: 800px) {
    #modal__result-block .modal-header .card-block {
        padding: 10px 35px 10px 25px;
    }

    #modal__result-block .modal-header .btn-close {
        top: 10px;
        right: 10px;
    }

    #modal__result-block .modal__result-block__title {
        font-weight: 400;
        font-size: 30px;
        line-height: normal;
    }
}

@media screen and (max-width: 798px) {
    :root {
        /* условия по кредиту начало */

        /* заголовок условия по кредиту */
        --calculator__info-title--font-size: 16px;

        --calculator-conditions__title--font-size: 16px;
        --calculator-conditions__value--font-size: 20px;

        --calculator-monthly-paid-title--font-size: 16px;
        /* --calculator-monthly-paid-value--font-size: 45px; */
        /* условия по кредиту конец */
    }
}

@media screen and (max-width: 767px) {
    :root {
        /* условия по кредиту начало */

        /* заголовок условия по кредиту */
        --calculator__info-title--font-size: 35px;

        --calculator-conditions__title--font-size: 20px;
        --calculator-conditions__value--font-size: 35px;

        --calculator-monthly-paid-title--font-size: 30px;
        --calculator-monthly-paid-value--font-size: 45px;
        /* условия по кредиту конец */
    }

    .btn-show-graph {
        font-size: 30px;
    }

    .btn-submit-request {
        font-size: 30px;
    }

    .calculator-graph-credit-info {
        max-width: 60% !important;
        flex-direction: column;
        /* Колонки располагаются одна под другой */
    }

    .calculator-graph-credit-info-column {
        padding: 0;
    }
}

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

    #modal__result-block .modal-body {
        padding: 0;
    }

    #modal__result-block .modal-header .card-block {
        padding: 10px 35px 5px 20px;
        margin-bottom: 5px;
    }

    #modal__result-block .modal__result-block__title {
        padding: 0 !important;
    }

    .btn-show-graph.what-to-do-with-graph {
        /* font-size: 16px;         */
        min-width: 280px;
    }

    input.calculator-email-to {
        /* font-size: 16px; */
        /* padding: 3px 26px !important; */
        min-width: 280px;
    }

    .what-to-do-with-graph-block {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 20px;
        flex-wrap: wrap;
    }


}

@media screen and (max-width: 525px) {
    .calculator-graph-credit-info {
        max-width: 95% !important;
        justify-content: center !important;
        margin: 0 auto 30px auto !important;
    }

    .calculator__calculation-info {
        padding-left: 0;
    }
}

@media screen and (max-width: 480px) {
    :root {
        --calcultor-right-info-panel--max-width: auto;
    }

    .calculator__radio-buttons label {
        font-size: 20px;
    }

    .calculator__radio-buttons--bg-light-blue label {
        font-size: 16px;
    }
}

@media screen and (max-width: 380px) {
    #modal__result-block .modal-header .card-block {
        padding: 10px 35px 5px 20px;
        margin-bottom: 5px;
    }

    #modal__result-block .modal__result-block__title {
        font-size: 25px;
    }

    #modal__result-block .modal-header .btn-close {

        font-size: 35px !important;
        top: 4px !important;
    }

    .btn-show-graph {
        font-size: 26px;
    }

    .btn-submit-request {
        font-size: 26px;
    }

    .calculator-graph-credit-info {
        max-width: 100% !important;
        width: 100% !important;
        justify-content: center !important;
        margin: 0 auto 30px auto !important;
        padding: 0 !important;
    }
}

@media print {
    .calculator-graph-credit-info {
        display: flex;
        column-gap: 25px;

        max-width: 100%;
        width: 100% !important;
        justify-content: center !important;
        margin: 0 auto 30px auto !important;
    }

    .table-container {

        /* Размер шрифта в ячейках */
        --table-cell-font-size: 12px !important;

        /* Компенсация высоты таблицы для рамки */
        --table-height-compensation: 60px !important;
    }

}