:root {
    --main-color: #3b82f6;
    --main-text-color: #121923;
    --main-white-color: #fff;
    --main-hover-color: #1d4ed8;
    --logo-red-color: #e11900;
    --logo-blue-color: #0076ff;
    --logo-white-color: #e3e9f1;
    --btn-focus-color: #2563eb;
    --btn-hover-color: #1d4ed8;
    --btn-active-color: #1e40af;
    --btn-disabled-color: #93c5fd;
    --border-focus-color: #60a5fa;
    ---second-grey-color: #f3f4f6;
    --light-grey-color: #f8fafc;
    --border-grey-color: #64748b;
    --dark-blue-color: #475569;
    --border-color: #e2e8f0;
    --light-steel-color: #cbd5e1;
    --red-color: #dc2626;
    --blue-color: #0076ff;
    --breadcrumbs-color: #94A3b8;
    --error-input-background-color: rgba(254, 226, 226, 1);
    --error-input-border-color: rgba(248, 113, 113, 1);

    --border-radius: 16px;
    --border-radius-small: 8px;
    --border-radius-little: 4px;
    --small-gap: 16px;
    --middle-gap: 24px;
    --gap: 36px;
    --section-margin-bottom: 48px;
    --transition-delay: 0.5s;
}

html {
    background-color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.5;
    color: var(--main-text-color);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

body {
    overflow-x: hidden;
    background-color: var(--main-white-color);
}

* {
    outline: none;
}

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

section {
    margin-bottom: var(--section-margin-bottom);
}

p {
    padding: 0;
    margin: 0 0 10px 0;
}

p:last-child {
    margin-bottom: 0;
}

a {
    text-decoration: none;
    color: inherit;
    transition: color var(--transition-delay);
}

a:focus-visible {
    color: var(--main-color);
}

a:hover {
    color: var(--main-color);
}

a:active {
    color: var(--main-color);
}

figure {
    padding: 0;
    margin: 0;
}

iframe {
    border-radius: var(--border-radius);
}

img {
    max-width: 100%;
}

h1 {
    padding: 0;
    margin: 0 0 40px 0;
    font-weight: 600;
    font-size: 4rem;
    line-height: normal;
}

h2 {
    padding: 0;
    margin: 0 0 40px 0;
    font-weight: 600;
    font-size: 2.25rem;
    line-height: normal;
}

h3 {
    padding: 0;
    margin: 0 0 30px 0;
    font-weight: 600;
    font-size: 1.75rem;
    line-height: normal;
}

h4 {
    padding: 0;
    margin: 0 0 20px 0;
    font-weight: 600;
    font-size: 1.25rem;
    line-height: normal;
}

h5 {
    padding: 0;
    margin: 0 0 20px 0;
    font-weight: 600;
    font-size: 1rem;
    line-height: normal;
}

.mb-20 {
    margin-bottom: 20px;
}

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

.section-header {
    text-align: center;
    margin-bottom: 24px;
}

.ui-front {
    z-index: 100000;
}

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

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    border: 0;
    clip: rect(0 0 0 0)
}

.btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 46px;
    padding: 0 24px;
    margin: 0;
    background-color: var(--main-color);
    border: 3px solid var(--main-color);
    border-radius: 4px;
    white-space: nowrap;
    font-weight: normal;
    font-size: 1rem;
    line-height: 1;
    color: var(--main-white-color);
    transition: background-color var(--transition-delay), color var(--transition-delay), border-color var(--transition-delay);
    cursor: pointer;
}

.btn:focus-visible {
    background-color: var(--btn-focus-color);
    border: 3px solid var(--border-focus-color);
    color: var(--main-white-color);
}

.btn:hover {
    background-color: var(--btn-hover-color);
    border-color: var(--btn-hover-color);
    color: var(--main-white-color);
}

.btn:active {
    background-color: var(--btn-active-color);
    border-color: var(--btn-active-color);
    color: var(--main-white-color);
}

.btn:disabled {
    background-color: var(--btn-disabled-color);
    border-color: var(--btn-disabled-color);
    color: var(--main-white-color);
}

.btn_big {
    padding: 18px 24px;
    font-size: 1.125rem;
}

.btn_small {
    padding: 12px 24px;
    font-size: 0.875rem;
}

.btn svg {
    margin-right: 12px;
}

.btn-white {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 46px;
    padding: 0 24px;
    margin: 0;
    background-color: var(--main-white-color);
    border: 2px solid var(--main-color);
    border-radius: 4px;
    white-space: nowrap;
    font-weight: normal;
    font-size: 1rem;
    line-height: 1;
    color: var(--main-color);
    transition: background-color var(--transition-delay), color var(--transition-delay), border-color var(--transition-delay);
    cursor: pointer;
}

.btn-white:focus-visible {
    background-color: var(--btn-focus-color);
    border: 3px solid var(--border-focus-color);
    color: var(--main-white-color);
}

.btn-white:hover {
    background-color: var(--main-color);
    border-color: var(--main-color);
    color: var(--main-white-color);
}

.btn-white:active {
    background-color: var(--btn-active-color);
    border-color: var(--btn-active-color);
    color: var(--main-white-color);
}

.btn-white:disabled {
    background-color: var(--btn-disabled-color);
    border-color: var(--btn-disabled-color);
    color: var(--main-white-color);
}

.btn-white_big {
    padding: 18px 24px;
    font-size: 1.125rem;
}

.btn-white_small {
    padding: 12px 24px;
    font-size: 0.875rem;
}

.btn-white svg {
    margin-right: 12px;
}

.btn-trans-white {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 14px 40px;
    margin: 0;
    background-color: transparent;
    border: 1px solid var(--main-white-color);
    border-radius: 4px;
    white-space: nowrap;
    font-weight: normal;
    font-size: 1rem;
    line-height: 1;
    color: var(--main-white-color);
    transition: background-color var(--transition-delay), color var(--transition-delay), border-color var(--transition-delay);
    cursor: pointer;
}

.btn-trans-white:focus {
    background-color: var(--main-white-color);
    border-color: var(--main-white-color);
    color: var(--main-text-color);
}

.btn-trans-white:hover {
    background-color: var(--main-white-color);
    border-color: var(--main-white-color);
    color: var(--main-text-color);
}

.btn-trans-white:active {
    background-color: var(--main-white-color);
    border-color: var(--main-white-color);
    color: var(--main-text-color);
}

.btn-trans-white:disabled {
    background-color: var(--btn-disabled-color);
    border-color: var(--btn-disabled-color);
    color: var(--main-white-color);
}

.btn-trans-white_big {
    padding: 18px 40px;
    font-size: 1.125rem;
}

.btn-trans-white_small {
    padding: 12px 40px;
    font-size: 0.875rem;
}

.btn-trans-black {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 14px 40px;
    margin: 0;
    background-color: transparent;
    border: 1px solid var(--main-text-color);
    border-radius: 4px;
    white-space: nowrap;
    font-weight: normal;
    font-size: 1rem;
    line-height: 1;
    color: var(--main-text-color);
    transition: background-color var(--transition-delay), color var(--transition-delay), border-color var(--transition-delay);
    cursor: pointer;
}

.btn-trans-black:focus {
    background-color: var(--main-text-color);
    border-color: var(--main-text-color);
    color: var(--main-white-color);
}

.btn-trans-black:hover {
    background-color: var(--main-text-color);
    border-color: var(--main-text-color);
    color: var(--main-white-color);
}

.btn-trans-black:active {
    background-color: var(--main-text-color);
    border-color: var(--main-text-color);
    color: var(--main-white-color);
}

.btn-trans-black:disabled {
    background-color: var(--btn-disabled-color);
    border-color: var(--btn-disabled-color);
    color: var(--main-white-color);
}

.btn-trans-black_big {
    padding: 18px 40px;
    font-size: 1.125rem;
}

.btn-trans-black_small {
    padding: 12px 40px;
    font-size: 0.875rem;
}

.btn-trans-main {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 14px 40px;
    margin: 0;
    background-color: transparent;
    border: 1px solid var(--main-color);
    border-radius: 4px;
    white-space: nowrap;
    font-weight: normal;
    font-size: 1rem;
    line-height: 1;
    color: var(--main-color);
    transition: background-color var(--transition-delay), color var(--transition-delay), border-color var(--transition-delay);
    cursor: pointer;
}

.btn-trans-main:focus {
    background-color: var(--main-color);
    border-color: var(--main-color);
    color: var(--main-white-color);
}

.btn-trans-main:hover {
    background-color: var(--main-color);
    border-color: var(--main-color);
    color: var(--main-white-color);
}

.btn-trans-main:active {
    background-color: var(--main-color);
    border-color: var(--main-color);
    color: var(--main-white-color);
}

.btn-trans-main:disabled {
    background-color: var(--btn-disabled-color);
    border-color: var(--btn-disabled-color);
    color: var(--main-white-color);
}

.btn-trans-main_big {
    padding: 18px 40px;
    font-size: 1.125rem;
}

.btn-trans-main_small {
    padding: 12px 40px;
    font-size: 0.875rem;
}

.smart-captcha {
    margin-bottom: 16px;
    height: 100px;
}

.smart-captcha iframe {
    border-radius: 0;
}

/*----- Таблицы -----*/
table.table {
    border: 1px solid var(--border-grey-color);
}

table.table td {
    padding: 5px 10px;
    border: 1px solid var(--border-grey-color);
    border-collapse: collapse;
}
/*----- Конец таблиц -----*/

/*----- FORM INPUT -----*/
.form-input {
    display: inline-flex;
    align-items: center;
    width: 100%;
    height: 46px;
    padding: 0 0 0 16px;
    margin: 0 0 16px 0;
    background-color: var(--main-white-color);
    border: 1px solid var(--border-grey-color);
    border-radius: 4px;
    font-size: 1rem;
    line-height: 1;
    color: var(--main-text-color);
    transition: border-color var(--transition-delay);
}

.form-input:last-child {
    margin-bottom: 0;
}

.form-input::placeholder {
    color: var(--border-grey-color);
}

.form-input:focus-visible {
    border: 1px solid var(--border-focus-color);
    box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.18);
}

.form-input:hover {
    border-color: var(--main-color);
}

.form-input:active {
    border-color: var(--main-color);
}

.form-input.form-error {
    background-color: var(--error-input-background-color);
    border-color: var(--error-input-border-color);
}
/*----- Конец FORM INPUT -----*/

/*----- FORM TEXTAREA -----*/
.form-textarea {
    display: inline-flex;
    align-items: center;
    width: 100%;
    height: 144px;
    padding: 16px;
    margin: 0 0 16px 0;
    background-color: var(--main-white-color);
    border: 1px solid var(--border-grey-color);
    border-radius: 4px;
    font-size: 1rem;
    line-height: 1;
    color: var(--main-text-color);
    transition: border-color var(--transition-delay);
}

.form-textarea:last-child {
    margin-bottom: 0;
}

.form-textarea::placeholder {
    color: var(--border-grey-color);
}

.form-textarea:focus-visible {
    border: 1px solid var(--border-focus-color);
    box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.18);
}

.form-textarea:hover {
    border-color: var(--main-color);
}

.form-textarea:active {
    border-color: var(--main-color);
}
/*----- Конец FORM TEXTAREA -----*/

/*----- SELECT -----*/
.form-select {
    display: inline-flex;
    width: 100%;
    height: 46px;
    padding: 0 16px 0 16px;
    margin: 0;
    background-color: var(--main-white-color);
    border-radius: var(--border-radius-little);
    border: 1px solid var(--light-steel-color);
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid var(--main-color);
    background: var(--main-color);
    font-weight: normal;
    color: var(--main-white-color);
}

.ui-selectmenu-button.ui-button {
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    white-space: nowrap;
    width: 100%;
    height: 46px;
    background-color: var(--main-white-color);
    border: 1px solid var(--light-steel-color);
    transition: border-color var(--transition-delay);
}

.ui-selectmenu-button.ui-button:hover {
    border-color: var(--main-color);
}

.ui-selectmenu-button.ui-button:focus-visible {
    border-color: var(--main-color);
}

.ui-selectmenu-button.ui-button:active {
    border-color: var(--main-color);
}

.ui-selectmenu-button.ui-button.form-error {
    background-color: var(--error-input-background-color);
    border-color: var(--error-input-border-color);
}

.ui-selectmenu-button .ui-selectmenu-text {
    order: 1;
    margin-right: 20px;
    font-family: 'Open Sans', sans-serif;
    font-size: 1rem;
    line-height: 1;
    color: var(--border-grey-color);
    overflow: hidden;
    text-overflow: ellipsis;
    transition: border-color var(--transition-delay);
}

.ui-selectmenu-button .ui-selectmenu-icon.ui-icon {
    order: 2;
    float: unset;
    width: 18px;
    height: 10px;
    background-image: url('/upload/icons/template/arrow.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.ui-selectmenu-button:hover .ui-selectmenu-icon.ui-icon {
    background-image: url('/upload/icons/template/arrow-main-color.svg');
}

.ui-selectmenu-button.ui-selectmenu-button-open .ui-selectmenu-icon.ui-icon {
    transform: rotateZ(180deg);
}
/*----- Конец SELECT -----*/

/*----- CHECKBOX -----*/
.checkbox {
	position: relative;
	display: block;
	margin: 0 0 16px 0;
	cursor: pointer;
	user-select: none;
}

.checkbox:last-child {
    margin-bottom: 0;
}

.checkbox input[type=checkbox] {
	position: absolute;
    top: 24px;
    left: 12px;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    border: 0;
    clip: rect(0 0 0 0)
}

.checkbox span {
	display: inline-block;
	padding: 0 0 0 35px;
    font-size: 0.875rem; 
	line-height: 1.25rem;    
}

.checkbox span:before {
	content: "";
	position: absolute;
	top: 3px;
	left: 0;
	display: inline-flex;
	width: 24px;
	height: 24px;
	background-color: var(--main-white-color);
    background-position: center;
    background-repeat: no-repeat;
    border-radius: var(--border-radius-little);
    border: 1px solid var(--main-color);
	transition: background 0.3s ease;
}

.checkbox span a {
    color: var(--main-color);
}
 
/* Checked */
.checkbox input[type=checkbox]:checked + span:before {
    background-color: var(--main-color);
	background-image: url('/upload/icons/template/checkbox.svg');
}
 
/* Focus */
.focused span:before {
	box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}
 
/* Hover */
.checkbox span:hover:before {
	filter: brightness(110%);
}
 
/* Active */
.checkbox span:active:before {
	filter: brightness(80%);
}
 
/* Disabled */
.checkbox input[type=checkbox]:disabled + span {
	color: #666;
	cursor: default;
}

.checkbox input[type=checkbox]:disabled + span:before {
	filter: grayscale(100%);
	opacity: 0.6;
}
/*----- Конец CHECKBOX -----*/

.social-circle {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    padding: 0;
    margin: 0;
    background-color: var(--main-white-color);
    border-radius: 50%;
    border: 1px solid #f0f2f7;
    transition: background-color var(--transition-delay);
}

.social-circle:focus-visible {
    background-color: #f0f2f7;
    border-color: var(--main-color);
}

.social-circle:hover {
    background-color: #f0f2f7;
}

.social-circle:active {
    background-color: #f0f2f7;
}

.link-underline {
    border-bottom: 1px solid var(--main-text-color);
    transition: color var(--transition-delay), border-color var(--transition-delay);
}

.link-underline:focus {
    border-color: var(--main-color);
}

.link-underline:hover {
    border-color: var(--main-color);
}

.link-underline:hover {
    border-color: var(--main-color);
}

.video-frame.video-frame-16by9 {
	padding-bottom: 56.25%;
}
 
.video-frame.video-frame-4by3 {
	padding-bottom: 75%;
}
 
.video-frame{
	position: relative;
	display: block;
	height: 0;
	padding: 0;
	overflow: hidden;
	width:100%;
}
 
.video-frame .video-frame-item, .video-frame iframe, .video-frame embed, .video-frame object{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

/*----- Модальная заявка на кредит -----*/
.fast-order-modal {
    display: none;
    width: 100%;
    max-width: 500px;
    padding: 56px 48px;
    background-color: var(--main-white-color);
    border-radius: 16px;
}

.fast-order-modal__header {
    margin-bottom: 24px;
    text-align: center;
    font-weight: 600;
    font-size: 1.75rem;
    line-height: 2.25rem;
}

.fast-order-modal__desc {
    margin-bottom: 16px;
    text-align: center;
    font-size: 1rem;
    line-height: 1.5rem;
}

.fast-order-modal__agree {
    margin-bottom: 24px;
    text-align: center;
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.fast-order-modal__agree a {
    color: var(--main-color);
}

.fast-order-modal__agree a:focus-visible {
    color: var(--main-hover-color);
}

.fast-order-modal__agree a:hover {
    color: var(--main-hover-color);
}

.fast-order-modal__agree a:active {
    color: var(--main-hover-color);
}

.fast-order-modal__row {
    display: flex;
    justify-content: center;
}

.fast-order-modal__result {
    display: none;
    text-align: center;
    margin-top: 16px;
}

.fast-order-modal__overflow {
    height: 400px;
}

.fast-order-form__select {
    width: 100%;
    height: 46px;
    margin-bottom: 16px;
    padding: 0 16px 0 16px;
    background-color: var(--main-white-color);
    border-radius: 4px;
    border: 1px solid var(--border-grey-color);
}
/*----- Конец модальной заявки на кредит -----*/

/*----- Шапка сайта -----*/
.header__top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 0;
}

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

.header__top-left {
    display: flex;
    align-items: center;
}

.header__top-logo {
    margin-right: 52px;
    line-height: 1;
}

.header__top-menu-list {
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0;
    list-style: none;
}

.header__top-menu-item {
    margin-right: 32px;
}

.header__top-menu-item:last-child {
    margin-right: 0;
}

.header__top-menu-link {
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 1;
    color: #121923;
}

.header__top-right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.header__top-socials {
    display: flex;
    align-items: center;
    margin-right: 36px;
}

.header__top-whatsapp {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    margin-right: 8px;
    border-radius: 50%;
    border: 1px solid #f0f2f7;
    transition: background-color var(--transition-delay);
}

.header__top-whatsapp:focus {
    background-color: #f0f2f7;
}

.header__top-whatsapp:hover {
    background-color: #f0f2f7;
}

.header__top-whatsapp:active {
    background-color: #f0f2f7;
}

.header__top-telegram {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid #f0f2f7;
    transition: background-color var(--transition-delay);
}

.header__top-telegram:focus {
    background-color: #f0f2f7;
}

.header__top-telegram:hover {
    background-color: #f0f2f7;
}

.header__top-telegram:active {
    background-color: #f0f2f7;
}

.header__top-callback-block {
    position: relative;
    display: flex;
    align-items: center;
    margin-right: 24px;
}

.header__top-callback-icon {
    margin-right: 16px;
    line-height: 1;
}

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

.header__top-callback-phone {
    display: inline-flex;
    margin-bottom: 4px;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1;
}

.header__top-callback-modal-link {
    font-size: 0.75rem;
    line-height: 1;
    color: #3b82f6;
}

.header__top-callback-modal-link:focus {
    color: var(--main-hover-color);
}

.header__top-callback-modal-link:hover {
    color: var(--main-hover-color);
}

.header__top-callback-modal-link:active {
    color: var(--main-hover-color);
}

.header__top-fast-order-btn {
    margin-right: 36px;
}

.header__personal-link {
    display: flex;
}

.header__personal-link__img {
    width: 40px;
    height: 40px;
    object-fit: contain;
}

.header__bottom {
    z-index: 10;
    position: relative;
}

.header__bottom-nav {
    padding: 16px 0 24px 0;
}

.header__bottom-list {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 0;
    margin: 0;
    width: 100%;
    list-style: none;
}

.header__bottom-list-item {
    position: relative;
}

.header__bottom-list-link {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    padding: 14px 36px;
    background-color: var(---second-grey-color);
    border-radius: var(--border-radius-little);
    font-weight: 600;
    font-size: 1rem;
    line-height: 1;
}

.header__bottom-list-link svg path {
    stroke: var(--main-text-color);
    transition: stroke var(--transition-delay);
}

.header__bottom-list-link:focus-visible svg path {
    stroke: var(--main-color);
}

.header__bottom-list-link:hover svg path {
    stroke: var(--main-color);
}

.header__bottom-list-link:active svg path {
    stroke: var(--main-color);
}

.header__bottom-sublist-wrapper {
    position: absolute;
    top: 39px;
    left: -22px;
    display: none;
    width: calc(100% + 44px);
    padding-top: 8px;
}

.header__bottom-sublist {
    position: absolute;
    top: 44px;
    visibility: hidden;
    opacity: 0;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 16px;
    width: 100%;
    padding: 24px 28px;
    margin: 0;
    background-color: var(--main-white-color);
    border-radius: var(--border-radius-little);
    box-shadow: 0px 0px 1px 0px #091E4226, 0px 9px 12px 0px #091E4226;
    list-style: none;
    transition: opacity var(--transition-delay);
}

.header__bottom-list-item:focus-visible .header__bottom-sublist {
    visibility: visible;
    opacity: 1;
}

.header__bottom-list-item:hover .header__bottom-sublist {
    visibility: visible;
    opacity: 1;
}

.header__bottom-list-item:active .header__bottom-sublist {
    visibility: visible;
    opacity: 1;
}

.header__bottom-sublist-item {
    width: 100%;
}

.header__bottom-sublist-link {
    font-size: 0.875rem;
}

.mobile-header {
    display: none;
}
/*----- Конец шапки сайта -----*/

/*----- Мобильное меню -----*/
.mobile-menu {
    display: none;
}
/*----- Конец мобильного меню -----*/

/*----- Модальный обратный звонок -----*/
.callback-modal {
    display: none;
    width: 100%;
    max-width: 500px;
    padding: 56px 48px;
    background-color: var(--main-white-color);
    border-radius: var(--border-radius);
}

.callback-modal__header {
    margin-bottom: 24px;
    text-align: center;
    font-weight: 600;
    font-size: 1.75rem;
    line-height: 2.25rem;
}

.callback-modal__desc {
    margin-bottom: 16px;
    text-align: center;
    font-size: 1rem;
    line-height: 1.5rem;
}

.callback-modal__input {
    width: 100%;
    height: 46px;
    margin-bottom: 16px;
    padding-left: 16px;
    border-radius: var(--border-radius-little);
    border: 1px solid var(--border-grey-color);
}

.callback-modal__agree {
    margin-bottom: 24px;
    text-align: center;
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.callback-modal__agree a {
    color: var(--main-color);
}

.callback-modal__agree a:focus {
    color: var(--main-hover-color);
}

.callback-modal__agree a:hover {
    color: var(--main-hover-color);
}

.callback-modal__agree a:active {
    color: var(--main-hover-color);
}

.callback-modal__row {
    display: flex;
    justify-content: center;
}

.callback-modal__result {
    display: none;
    text-align: center;
    margin-top: 16px;
}
/*----- Конец модального обратного звонка -----*/

/*----- Подвал -----*/
.footer {
    margin-bottom: 70px;
}

.footer-desktop__inner {
    padding: 44px;
    background-color: var(--light-grey-color);
    border-radius: var(--border-radius-small);
}

.footer-desktop__top {
    padding-bottom: 40px;
}

.footer-desktop__center {
    display: flex;
    justify-content: space-between;
    padding: 32px 0 20px 0;
    border-top: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
}

.footer-desktop__bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 0 0 0;
}

.footer-desktop__list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    margin: 0;
    list-style: none;
}

.footer-desktop__list-link {
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 1;
    color: var(--main-text-color);
}

.footer-desktop__logo {
    width: 212px;
    height: auto;
}

.footer-desktop__address {
    position: relative;
    width: 230px;
    padding-left: 20px;
    font-size: 0.75rem;
    line-height: 1rem;
}

.footer-desktop__address::before {
    content: '';
    position: absolute;
    top: 1px;
    left: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 18px;
    background-image: url('/upload/icons/template/footer-address.svg');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.footer-desktop__email-block {
    width: 145px;
}

.footer-desktop__email-header {
    position: relative;
    padding-left: 23px;
    margin-bottom: 0;
    font-weight: 700;
    font-size: 0.75rem;
    line-height: 1rem;
}

.footer-desktop__email-header::before {
    content: '';
    position: absolute;
    top: 1px;
    left: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 18px;
    height: 14px;
    background-image: url('/upload/icons/template/footer-envelope.svg');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.footer-desktop__email {
    padding-left: 23px;
    font-size: 0.75rem;
    line-height: 1rem;
    color: var(--main-color);
}

.footer-desktop__schedule-block {
    width: 205px;
}

.footer-desktop__schedule-header {
    position: relative;
    padding-left: 21px;
    margin-bottom: 5px;
    font-weight: 700;
    font-size: 0.75rem;
    line-height: 1rem;
}

.footer-desktop__schedule-header::before {
    content: '';
    position: absolute;
    top: 1px;
    left: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 18px;
    height: 14px;
    background-image: url('/upload/icons/template/footer-clock.svg');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.footer-desktop__schedule {
    padding-left: 21px;
    font-size: 0.75rem;
    line-height: 1rem;
}

.footer-desktop__phone-row {
    display: flex;
    align-items: center;
}

.footer-desktop__phone-left {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-right: 16px;
}

.footer-desktop__phone {
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.25rem;
    color: var(--main-text-color);
}

.footer-desktop__callback-modal-link {
    font-weight: 400;
    font-size: 0.75rem;
    line-height: 1;
    color: var(--main-color);
}

.footer-desktop__whatsapp {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    margin-right: 8px;
    border-radius: 50%;
    border: 1px solid #f0f2f7;
    transition: background-color var(--transition-delay);
}

.footer-desktop__whatsapp:focus {
    background-color: #f0f2f7;
}

.footer-desktop__whatsapp:hover {
    background-color: #f0f2f7;
}

.footer-desktop__whatsapp:active {
    background-color: #f0f2f7;
}

.footer-desktop__telegram {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid #f0f2f7;
    transition: background-color var(--transition-delay);
}

.footer-desktop__telegram:focus {
    background-color: #f0f2f7;
}

.footer-desktop__telegram:hover {
    background-color: #f0f2f7;
}

.footer-desktop__telegram:active {
    background-color: #f0f2f7;
}

.footer-desktop__copy {
    font-size: 0.75rem;
    line-height: 1;
}

.footer-desktop__bottom-right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 36px;
}

.footer-desktop__bottom-link {
    font-size: 0.75rem;
    line-height: 1rem;
    color: var(--main-color);
}

.footer-desktop__year {
    font-size: 0.75rem;
    line-height: 1;
}
/*----- Конец подвала -----*/

/*----- Мобильная панель -----*/
.mobile-panel {
    display: none;
}
/*----- Конец мобильной панели -----*/

/*----- Главная. Баннер сверху -----*/
.main-banner__row {
    display: flex;
    width: 100%;
    min-height: 520px;
}

.main-banner__left {
    display: flex;
    flex-direction: column;
    width: 16px;
}

.main-banner__first-block {
    border-top-left-radius: var(--border-radius);
    width: 100%;
    height: 33.3%;
    background-color: var(--logo-white-color);
}

.main-banner__second-block {
    width: 100%;
    height: 33.3%;
    background-color: var(--logo-blue-color);
}

.main-banner__third-block {
    border-bottom-left-radius: var(--border-radius);
    width: 100%;
    height: calc(100% - 66.6%);
    background-color: var(--logo-red-color);
}

.main-banner__right {
    z-index: 1;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 16px;
    width: calc(100% - 16px);
    padding: 40px 80px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-top-right-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
}

.main-banner__header {
    padding: 0;
    margin: 0;
    font-weight: 600;
    font-size: 2.5rem;
    line-height: 3.25rem;
    text-align: center;
}

.main-banner__desc {
    margin-bottom: 0;
    font-weight: 600;
    font-size: 1.75rem;
    line-height: 2.25rem;
    text-align: center;
}
/*----- Конец главная. Баннер сверху -----*/

/*----- Главная. Что принимаем на хранение -----*/
.accept-storage__row {
    display: flex;
    flex-wrap: wrap;
    gap: var(--middle-gap);
}

.accept-storage__item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 416px;
    height: 416px;
    padding: 24px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: var(--border-radius);
}

.accept-storage__item-header {
    padding: 0;
    margin: 0;
    font-weight: 600;
    font-size: 1.75rem;
    line-height: 2.25rem;
}

.accept-storage__item-desc {
    margin: 0;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
}
/*----- Конец главная. Что принимаем на хранение -----*/

/*----- Главная. Три шага -----*/
.steps__row {
    display: flex;
    flex-wrap: wrap;
    gap: var(--middle-gap);
}

.steps__item {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 416px;
    height: 284px;
    padding: 36px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: var(--border-radius);
}

.steps__item-header {
    padding: 0;
    margin: 0;
    font-weight: 600;
    font-size: 1.75rem;
    line-height: 2.25rem;
}

.steps__item-desc {
    margin: 0;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
}
/*----- Конец. Главная три шага -----*/

/*----- Главная. Публичные ставки -----*/
.public-bids__table {
    border-top: 1px solid var(--light-steel-color);
    border-left: 1px solid var(--light-steel-color);
    border-radius: var(--border-radius);
}

.public-bids__table-row {
    display: flex;
    align-items: center;
    height: 68px;
}

.public-bids__table-cell {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: calc(100% / 7);
    height: 100%;
    background-color: var(--main-white-color);
    border-right: 1px solid var(--light-steel-color);
    border-bottom: 1px solid var(--light-steel-color);
    font-weight: 400;
    font-size: 1rem;
    line-height: 1;
    letter-spacing: 0.1px;
}

.public-bids__table-row:first-child .public-bids__table-cell {
    background-color: #eff6ff;
    font-weight: 600;
}

.public-bids__table-row:first-child .public-bids__table-cell:first-child {
    border-top-left-radius: var(--border-radius);
}

.public-bids__table-row:first-child .public-bids__table-cell:last-child {
    border-top-right-radius: var(--border-radius);
}

.public-bids__table-row:last-child .public-bids__table-cell:first-child {
    border-bottom-left-radius: var(--border-radius);
}

.public-bids__table-row:last-child .public-bids__table-cell:last-child {
    border-bottom-right-radius: var(--border-radius);
}

.public-bids__showmore-row {
    display: flex;
    justify-content: center;
    padding-top: var(--middle-gap);
}
/*----- Конец главная. Публичные ставки -----*/

/*----- Главная. Почему выбирают нас ----*/
.why-choose__row {
    --items: 3;
    display: flex;
    flex-wrap: wrap;
    gap: var(--middle-gap);
}

.why-choose__item {
    position: relative;
    display: flex;
    flex-direction: column;
    width: calc((100% - (var(--items) - 1) * var(--middle-gap)) / var(--items));
    height: auto;
    min-height: 218px;
    padding: 24px;
    background-image: url('/upload/images/template/apartments-background.png');
    background-position: top right;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 16px;
}

.why-choose__item:nth-last-child(-n+3) {
    min-height: 180px;
}

.why-choose__item-header {
    padding-right: 70px;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.375rem;
}

.why-choose__item-icon {
    position: absolute;
    top: 24px;
    right: 24px;
}
/*----- Конец главная. Почему выбирают нас ----*/

/*----- Главная. Хранение, где все предусмотрено -----*/
.safety-storage__row {
    --items: 3;
    display: flex;
    flex-wrap: wrap;
    gap: var(--middle-gap);
}

.safety-storage__img {
    width: calc((100% - (var(--items) - 1) * var(--middle-gap)) / var(--items));
    height: 260px;
    border-radius: var(--border-radius);
    object-fit: cover;
    object-position: center;
}
/*----- Конец главная. Хранение, где все предусмотрено -----*/

/*----- Выездной офис -----*/
.field-office__form {
    display: flex;
    justify-content: space-between;
    justify-content: center;
    padding: 29px 34px 26px 40px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: var(--border-radius);
}

.field-office__row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.field-office__left {
    display: flex;
    flex-direction: column;
}

.field-office__header {
    padding: 0;
    margin: 0 0 8px 0;
    font-weight: 600;
    font-size: 1.75rem;
    line-height: 2.25rem;
}

.field-office__subheader {
    margin-bottom: 24px;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.75rem;
}

.field-office__above-form-text {
    margin-bottom: 8px;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.75rem;
}

.field-office__form-row {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 18px;
}

.field-office__input {
    margin-bottom: 0;
    width: 408px;
    border-color: var(--light-steel-color);
}

.field-office__under-form-row {
    display: flex;
    align-items: center;
}

.field-office__under-form-text {
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.75rem;
}

.field-office__whatsapp {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    margin-left: 16px;
    background-color: var(--main-white-color);
    border: none;
    border-radius: 50%;
    transition: background-color var(--transition-delay);
}

.field-office__whatsapp:focus-visible {
    background-color: var(--light-steel-color);
}

.field-office__whatsapp:hover {
    background-color: var(--light-steel-color);
}

.field-office__whatsapp:active {
    background-color: var(--light-steel-color);
}

.field-office__telegram {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    margin-left: 8px;
    background-color: var(--main-white-color);
    border: none;
    border-radius: 50%;
    transition: background-color var(--transition-delay);
}

.field-office__telegram:focus-visible {
    background-color: var(--light-steel-color);
}

.field-office__telegram:hover {
    background-color: var(--light-steel-color);
}

.field-office__telegram:active {
    background-color: var(--light-steel-color);
}

.field-office__right {
    display: flex;
    flex-direction: column;
    width: 404px;
}

.field-office__form-ok {
    text-align: center;
    font-size: 20px;
}
/*----- Конец выездного офиса -----*/

/*----- Ответы на вопросы -----*/
.answers__header {
    margin-bottom: 36px;
    text-align: center;
}

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

.answers__right {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    width: 480px;
}

.answers__video {
    width: 100%;
    height: 268px;
}

.answers__video-text {
    padding: 24px 36px;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
    border: 1px solid var(--light-steel-color);
    border-top: none;
    font-size: 1.25rem;
    line-height: 1.75rem;
}

.answers__left {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    width: 775px;
}

.answers__question-block {
    margin-bottom: 8px;
}

.answers__question-block:last-child {
    margin-bottom: 0;
}

.answers__question {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 68px;
    padding: 0 42px;
    border-radius: 8px;
    border: 1px solid var(--light-steel-color);
    font-size: 1rem;
    line-height: 1;
    cursor: pointer;
    transition: background-color var(--transition-delay);
}

.answers__question:focus {
    background-color: var(--main-white-color);
}

.answers__question:hover {
    background-color: var(--light-grey-color);
}

.answers__question:active {
    background-color: var(--main-white-color);
}

.answers__question::after {
    content: '';
    display: inline-flex;
    flex-shrink: 0;
    width: 18px;
    height: 10px;
    background-image: url('/upload/icons/template/answers-arrow.svg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: var(--transition-delay);
}

.answers__question.answers__question_active {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.answers__question.answers__question_active::after {
    transform: rotate(180deg);
}

.answers__answer {
    display: none;
    height: 0;
    background-color: var(--light-grey-color);
    border-radius: 8px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border: 1px solid var(--light-steel-color);
    border-top: none;
    font-size: 0.875rem;
    line-height: 1.25rem;
    overflow: hidden;
    transition: height var(--transition-delay);
}

.answers__question.answers__question_active+.answers__answer {
    display: block;
    height: auto;
    padding: 24px 42px;
}

.answers__video-frame iframe {
    border-radius: 16px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.answers .video-frame-item {
    display: flex;
    justify-content: center;
    align-items: center;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    border: 1px solid var(--light-steel-color);
}

.answers .video-frame-item img {
    width: 80%;
    height: auto;
}
/*----- Конец ответов на вопросы -----*/

/*----- Остались вопросы? -----*/
.more-contacts__header {
    margin-bottom: 0;
    text-align: center;
}

.more-contacts__desc {
    max-width: 1010px;
    margin: 0 auto 32px auto;
    text-align: center;
    font-size: 1.125rem;
    line-height: 1.5rem;
}

.more-contacts__row {
    --items: 3;
    --gap: 48px;
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap);
    padding: 0;
    margin: 0;
    list-style: none;
    counter-reset: contacts 0;
}

.more-contacts__item {
    display: flex;
    align-items: center;
    width: calc((100% - (var(--items) - 1) * var(--gap)) / var(--items));
    padding: 20px 24px;
    background-color: var(--light-grey-color);
    border-radius: 8px;
    counter-increment: contacts 1;
}

.more-contacts__item::before {
    content: counter(contacts);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 60px;
    height: 60px;
    margin-right: 24px;
    background-color: var(--main-color);
    border-radius: 50%;
    font-size: 1.75rem;
    line-height: 1;
    color: #fff;
}

.more-contacts__item-header {
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1;
}

.more-contacts__item-link {
    font-size: 1.125rem;
    line-height: 1;
    color: #3b82f6;
}

.more-contacts__item-link:focus {
    color: #bd3128;
}

.more-contacts__item-link:hover {
    color: #bd3128;
}

.more-contacts__item-link:active {
    color: #bd3128;
}

.more-contacts__item-callback-link {
    display: flex;
    align-items: center;
    font-size: 1.125rem;
    line-height: 1;
    color: #3b82f6;
}

.more-contacts__item-callback-link::before {
    content: '';
    display: inline-flex;
    width: 14px;
    height: 14px;
    margin-right: 6px;
    background-image: url('/upload/icons/template/contacts-phone.svg');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.more-contacts__item-callback-link:focus {
    color: #bd3128;
}

.more-contacts__item-callback-link:hover {
    color: #bd3128;
}

.more-contacts__item-callback-link:active {
    color: #bd3128;
}

.more-contacts__item-link_whatsapp {
    display: inline-flex;
    align-items: center;
    margin-right: 20px;
}

.more-contacts__item-link_whatsapp::before {
    content: '';
    display: inline-flex;
    width: 32px;
    height: 32px;
    margin-right: 6px;
    background-color: var(--main-white-color);
    background-image: url('/upload/icons/template/header-whatsapp.svg');
    background-size: 60%;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 50%;
    border: 1px solid #f0f2f7;
}

.more-contacts__item-link_telegram {
    display: inline-flex;
    align-items: center;
}

.more-contacts__item-link_telegram::before {
    content: '';
    display: inline-flex;
    width: 32px;
    height: 32px;
    margin-right: 6px;
    background-color: var(--main-white-color);
    background-image: url('/upload/icons/template/header-telegram.svg');
    background-size: 60%;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 50%;
    border: 1px solid #f0f2f7;
}
/*----- Конец остались вопросы? -----*/

/*----- Отзывы -----*/
.testims__header {
    margin-bottom: 16px;
    text-align: center;
}

.testims__desc {
    max-width: 830px;
    margin: 0 auto 24px auto;
    text-align: center;
    font-size: 1.125rem;
    line-height: 1.6rem;
}

.testims-carousel .owl-stage {
    display: flex;
}

.testims-carousel__item {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 416px;
    padding: 24px;
    border: 1px solid var(--light-steel-color);
    border-radius: 16px;
}

.testims-carousel__item-top {
    display: flex;
}

.testims-carousel__item-img {
    flex-shrink: 0;
    width: 80px;
    height: 80px;
    margin-right: 24px;
    border-radius: 50%;
}

.testims-carousel__item-right {
    display: flex;
    flex-direction: column;
    margin-bottom: 24px;
}

.testims-carousel__item-name {
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.75rem;
}

.testims-carousel__item-status {
    margin-bottom: 10px;
    font-size: 1rem;
    line-height: 1.5rem;
    color: var(--border-grey-color);
}

.testims-carousel__item-stars-list {
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0;
    list-style: none;
}

.testims-carousel__item-stars-item {
    margin-right: 4px;
}

.testims-carousel__item-desc {
    margin-bottom: 16px;
}

.testims-carousel__item-link {
    margin-top: auto;
    font-size: 0.75rem;
    line-height: 1;
    color: #3b82f6;
}

.testims-carousel__dots {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 24px;
}

.testims-carousel__dots .owl-dot {
    display: flex;
    width: 12px;
    height: 12px;
    padding: 0;
    margin-right: 16px;
    background-color: var(--border-color);
    border: none;
    border-radius: 50%;
    cursor: pointer;
}

.testims-carousel__dots .owl-dot:last-child {
    margin-right: 0;
}

.testims-carousel__dots .owl-dot.active {
    background-color: var(--main-color);
}

.testims-carousel__all-btn-wrapper {
    display: flex;
    justify-content: center;
    padding-top: 25px;
}
/*----- Конец отзывов -----*/

/*----- Информационный блок -----*/
.inform-block__wrapper {
    padding: 24px 32px;
    background-color: var(--light-grey-color);
    border: 1px solid var(--light-steel-color);
    border-radius: var(--border-radius-small);
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: 0.1px;
}

.inform-block__text {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: 0.1px;
}
/*----- Конец информационного блока  -----*/

/*----- О компании -----*/
.about__container {
    max-width: 1100px;
}

.about__header {
    margin-bottom: var(--middle-gap);
    font-weight: 600;
    font-size: 2.25rem;
    line-height: 2.75rem;
    color: var(--main-color);
}

.about__img-wrapper {
    display: flex;
    width: 100%;
    margin-bottom: var(--middle-gap);
}

.about__img-left {
    display: flex;
    flex-direction: column;
    width: 16px;
    border-top-left-radius: var(--border-radius);
    border-bottom-left-radius: var(--border-radius);
}

.about__img-first-block {
    border-top-left-radius: var(--border-radius);
    width: 100%;
    height: 33.3%;
    background-color: var(--logo-white-color);
}

.about__img-second-block {
    width: 100%;
    height: 33.3%;
    background-color: var(--logo-blue-color);
}

.about__img-third-block {
    border-bottom-left-radius: var(--border-radius);
    width: 100%;
    height: calc(100% - 66.6%);
    background-color: var(--logo-red-color);
}

.about__img {
    width: calc(100% - 16px);
    height: auto;
    border-top-right-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
}

.about__first-block {
    padding: 48px;
    margin-bottom: var(--middle-gap);
    background-color: var(--light-grey-color);
    border: 1px solid var(--light-steel-color);
    border-radius: var(--border-radius);
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 1.75rem;
}

.about__first-block h2 {
    margin-bottom: 16px;
    font-weight: 600;
    font-size: 1.75rem;
    line-height: 2.25rem;
}

.about__first-block p {
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 1.75rem;
}

.about__first-block p:last-child {
    margin-bottom: 0;
}

.about__second-block {
    padding: 48px;
    margin-bottom: var(--middle-gap);
    border: 1px solid var(--light-steel-color);
    border-radius: var(--border-radius);
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.75rem;
}

.about__second-block p {
    margin-bottom: 20px;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.75rem;
}

.about__second-block p:last-child {
    margin-bottom: 0;
}

.about__second-block p.about__name {
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.75rem;
}
/*----- Конец о компании -----*/

/*----- Хлебные крошки -----*/
.breadcrumbs {
    margin-bottom: var(--middle-gap);
}

.breadcrumbs__list {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 0;
    margin: 0;
    list-style: none;
}

.breadcrumbs__item {
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 1rem;
    color: var(--breadcrumbs-color);
}

.breadcrumbs__link {
    color: var(--main-text-color);
}
/*----- Конец хлебных крошек -----*/

/*----- Документы -----*/
.documents__header {
    padding: 0;
    margin: 0 0 var(--middle-gap) 0;
    text-align: center;
    font-weight: 600;
    font-size: 2.25rem;
    line-height: 2.75rem;
}

.documents__items {
    display: flex;
    flex-direction: column;
    gap: var(--small-gap);
}

.documents__item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 32px 24px;
    border: 1px solid var(--light-steel-color);
    border-radius: var(--border-radius);
}

.documents-item__left {
    display: flex;
    align-items: center;
    gap: 34px;
}

.documents-item__icon {
    display: inline-flex;
}

.documents-item__name {
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.75rem;
}
/*----- Конец документов -----*/

/*----- Контакты -----*/
.contacts__row {
    --items: 3;
    display: flex;
    flex-wrap: wrap;
    gap: var(--middle-gap);
    margin-bottom: var(--gap);
}

.contacts__block {
    width: calc((100% - (var(--items) - 1) * var(--middle-gap)) / var(--items));
}

.contacts__block_left {
    background-color: var(--light-grey-color);
    border-radius: var(--border-radius);
}

.contacts__block-left-row {
    display: flex;
}

.contacts__block-left-left {
    display: flex;
    flex-direction: column;
    width: 8px;
}

.contacts__block-left-first {
    border-top-left-radius: var(--border-radius);
    width: 100%;
    height: 33.3%;
    background-color: var(--logo-white-color);
}

.contacts__block-left-second {
    width: 100%;
    height: 33.3%;
    background-color: var(--logo-blue-color);
}

.contacts__block-left-third {
    border-bottom-left-radius: var(--border-radius);
    width: 100%;
    height: calc(100% - 66.6%);
    background-color: var(--logo-red-color);
}

.contacts__block-left-right {
    padding: 32px;
    width: calc(100% - 8px);
}

.contacts__left-header {
    padding: 0;
    margin: 0 0 var(--middle-gap) 0;
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.75rem;
}

.contacts__address {
    position: relative;
    padding-left: 28px;
    margin-bottom: 16px;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: 0.1px;
}

.contacts__address::before {
    content: '';
    position: absolute;
    top: 3px;
    left: 0;
    width: 20px;
    height: 20px;
    background-image: url('/upload/icons/template/contacts-address.svg');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.contacts__email {
    position: relative;
    padding-left: 28px;
    margin-bottom: 16px;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: 0.1px;
    color: var(--main-color);
}

.contacts__email::before {
    content: '';
    position: absolute;
    top: 2px;
    left: 0;
    width: 20px;
    height: 20px;
    background-image: url('/upload/icons/template/contacts-envelope.svg');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.contacts__phone {
    position: relative;
    padding-left: 28px;
    margin-bottom: 16px;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: 0.1px;
    color: var(--main-text-color);
}

.contacts__phone::before {
    content: '';
    position: absolute;
    top: 2px;
    left: 0;
    width: 20px;
    height: 20px;
    background-image: url('/upload/icons/template/contacts-phone.svg');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.contacts__schedule {
    position: relative;
    padding-left: 28px;
    margin-bottom: 16px;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: 0.1px;
}

.contacts__schedule::before {
    content: '';
    position: absolute;
    top: 2px;
    left: 0;
    width: 20px;
    height: 20px;
    background-image: url('/upload/icons/template/contacts-schedule.svg');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.contacts__schedule span {
    font-weight: 600;
}

.contacts__block_center {
    padding: 32px;
    background-color: var(--light-grey-color);
    border-radius: var(--border-radius);
}

.contacts__center-header {
    padding: 0;
    margin: 0 0 var(--middle-gap) 0;
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.75rem;
}

.contacts__requisite {
    margin-bottom: 8px;
    font-size: 1rem;
    line-height: 1.5rem;

}

.contacts__inform-header {
    margin-bottom: 16px;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.5rem;
}

.contacts__socials {
    display: flex;
    align-items: center;
    gap: 16px;
}

.contacts__social-wrapper {
    display: flex;
    align-items: center;
    gap: 4px;
}

.contacts__whatsapp {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    margin-right: 8px;
    background-color: var(--main-white-color);
    border-radius: 50%;
    border: 1px solid #f0f2f7;
    transition: background-color var(--transition-delay);
}

.contacts__whatsapp:focus {
    background-color: #f0f2f7;
}

.contacts__whatsapp:hover {
    background-color: #f0f2f7;
}

.contacts__whatsapp:active {
    background-color: #f0f2f7;
}

.contacts__telegram {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    background-color: var(--main-white-color);
    border-radius: 50%;
    border: 1px solid #f0f2f7;
    transition: background-color var(--transition-delay);
}

.contacts__telegram:focus {
    background-color: #f0f2f7;
}

.contacts__telegram:hover {
    background-color: #f0f2f7;
}

.contacts__telegram:active {
    background-color: #f0f2f7;
}

.contacts__social-text {
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1;
    color: var(--main-color);
}

.contacts__block_right {
    padding: 0 32px;
    border-radius: var(--border-radius);
}

.contacts__form-header {
    padding: 0;
    margin-bottom: 16px;
    font-weight: 600;
    font-size: 1.75rem;
    line-height: 2.25rem;
}

.contacts__form-subheader {
    margin-bottom: 16px;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: 0.1px;
}

.contacts__form-result {
    display: none;
    margin-top: 16px;
}

.contacts__map {
    height: 500px;
    border-radius: var(--border-radius-small);
    overflow: hidden;
}
/*----- Конец контактов -----*/

/*----- Страница отзывов -----*/
.testims-page__header {
    margin-bottom: var(--middle-gap);
    text-align: center;
    font-weight: 600;
    font-size: 2.25rem;
    line-height: 2.75rem;
}

.testims-page__add-btn {
    margin-bottom: var(--gap);
}

.testims-page__items {
    display: flex;
    flex-direction: column;
    gap: var(--small-gap);
}

.testims-page__item {
    padding: 24px;
    border: 1px solid var(--light-steel-color);
    border-radius: var(--border-radius);
}

.testims-page__item-top {
    display: flex;
}

.testims-page__item-img {
    flex-shrink: 0;
    width: 80px;
    height: 80px;
    margin-right: 24px;
    border-radius: 50%;
}

.testims-page__item-right {
    display: flex;
    flex-direction: column;
    margin-bottom: 24px;
}

.testims-page__item-name {
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.75rem;
}

.testims-page__item-status {
    margin-bottom: 10px;
    font-size: 1rem;
    line-height: 1.5rem;
    color: var(--border-grey-color);
}

.testims-page__item-stars-list {
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0;
    list-style: none;
}

.testims-page__item-stars-item {
    margin-right: 4px;
}
/*----- Конец страницы отзывов -----*/

/*----- Пагинация -----*/
.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: var(--middle-gap) 0 0 0;
}

.pagination__list {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin: 0;
    list-style: none;
}

.pagination__item {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    border-radius: 4px;
    font-weight: 700;
    font-size: 0.75rem;
    line-height: 1;
}

.pagination__item:focus-visible {
    border: 1px solid var(--border-color);
}

.pagination__item:hover {
    border: 1px solid var(--border-color);
}

.pagination__item:active {
    border: 1px solid var(--border-color);
}

.pagination__item_active {
    background-color: var(--border-color);
}

.pagination__item a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    font-weight: 700;
    font-size: 0.75rem;
    line-height: 1;
}

.pagination__item:focus-visible a {
    color: var(--main-text-color);
}

.pagination__item:hover a {
    color: var(--main-text-color);
}

.pagination__item:active a {
    color: var(--main-text-color);
}
/*----- Конец пагинации -----*/

/*----- Политика конфиденциальности -----*/
.policy__h1 {
    padding: 0;
    margin-bottom: 20px;
    font-size: 2rem;
    line-height: 2.25rem;
}

.policy__h2 {
    padding: 30px 0 0 0;
    margin-bottom: 20px;
    font-size: 1.5rem;
    line-height: 2rem;
}
/*----- Конец политики конфиденциальности -----*/

/*----- Согласие на куки -----*/
.cookie-block {
    z-index: 100000;
    position: fixed;
    bottom: 32px;
    right: 32px;
    display: none;
    width: 280px;
    padding: 24px;
    background-color: var(--main-white-color);
    border-radius: var(--border-radius-small);
    box-shadow: 0px 0px 1px 0px #091E424F, 0px 9px 12px 0px #091E4226;
}

.cookie-block__header {
    margin-bottom: 16px;
    text-align: center;
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.75rem;
    
}

.cookie-block__desc {
    margin-bottom: 16px;
    text-align: center;
    font-weight: 400;
    font-size: 0.75rem;
    line-height: 1.25rem;
}

.cookie-block__desc a {
    color: var(--main-color);
}

.cookie-block__btn {
    width: 100%;
}
/*----- Конец согласия на куки -----*/