/* Start:/lending/ak511/style.css?178059257226085*/

.ak-511 {
    h1 {
        font-size: 40px;
        font-weight: 700;
        text-transform: uppercase;
        line-height: normal;

        @media (max-width: 576px) {
            font-size: 28px;
        }

        span {
            color: var(--yellow-400);
        }
    }
}


.ak-511 button,
.ak-511 input,
.ak-511 textarea,
.ak-511 select {
    font: inherit;
}

.ak-511 button {
    cursor: pointer;
}

.ak-511__title {
    font-weight: 700;
    text-transform: uppercase;
    font-size: var(--fz-32);
    line-height: 40px;

    @media (max-width: 992px) {
        font-size: var(--fz-28);
    }
    @media (max-width: 576px) {
        font-size: 20px;
        line-height: 28px;
    }

    span {
        color: var(--yellow-400);
        display: block;
        white-space: nowrap;
    }
}

.ak-511__title_width_60 {
    max-width: 60%;

    @media (max-width: 992px) {
        max-width: 100%;
    }
}

.ak-511__title_align_center {
    text-align: center;
}

body .ak-511_bgc_gradient {
    color: rgba(255, 255, 255, 0.86);
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.88)), repeating-linear-gradient(115deg, #30363a 0 24px, #000000db 24px 48px);
}

.ak-511__text,
.ak-511__section-text {
    color: var(--blue-350);
    font-size: var(--fz-16);
    line-height: 1.6;

    @media (max-width: 576px) {
        font-size: var(--fz-14);

    }
}

.ak-511__eyebrow {
    margin-bottom: 10px;
    color: var(--yellow-400);
    font-size: var(--fz-14);
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.ak-511__eyebrow--orange {
    color: var(--orange-500);
}

.ak-511__hero {
    padding: 80px 0;
    position: relative;
    overflow: hidden;
    color: var(--white);
    /*background: linear-gradient(90deg, rgba(8, 10, 12, 0.95), rgba(8, 10, 12, 0.72) 46%, rgba(8, 10, 12, 0.92)),*/
    /*radial-gradient(circle at 76% 36%, rgba(255, 176, 0, 0.24), transparent 28%),*/
    /*linear-gradient(135deg, #24282b 0%, #080a0c 100%);*/
    background-image: url("/lending/ak511/./images/fon-ak-511.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left;

    @media (max-width: 576px) {
        padding: 40px 0;
    }
}


.ak-511__hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(-50deg, rgba(28, 47, 73, 0.05) 0%, rgba(28, 47, 73, 0.31) 20%, rgb(0 0 0) 100%);
    z-index: 1;
}

.ak-511__hero-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 1fr .8fr .9fr;
    gap: 28px;

    @media (max-width: 992px) {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto 1fr;
        gap: 100px 0;
    }
    @media (max-width: 768px) {
        display: flex;
        flex-direction: column;
        gap: 30px 0;
    }

}

.ak-511__hero-text {
    max-width: 720px;
    margin: 40px 0;
    color: rgba(255, 255, 255, 0.86);
    font-size: var(--fz-18);
    line-height: 1.6;

    @media (max-width: 576px) {
        font-size: var(--fz-14);
        margin: 20px 0;
    }
}

.ak-511__hero-list {
    display: grid;
    gap: 11px;
    margin-bottom: 40px;
    padding: 0;
    list-style: none;
    font-size: var(--fz-16);

    @media (max-width: 576px) {
        font-size: var(--fz-12);
    }
}

.ak-511__hero-item {
    position: relative;
    padding-left: 30px;
    font-weight: 700;

    @media (max-width: 576px) {
        padding-left: 20px;
    }
}

.ak-511__hero-item::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: -1px;
    color: var(--yellow-400);
    font-weight: 700;
}

.ak-511__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;


    .button {
        @media (max-width: 576px) {
            font-size: var(--fz-12);

            flex: 0 0 100%;
        }
    }
}


.ak-511__button--secondary {
    color: var(--white);
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.38);
}


.ak-511__hero-product {
    display: flex;
    place-items: center;
    height: 380px;
    margin-top: auto;

    @media (max-width: 768px) {
        grid-column: 1/-1;
        margin: 0 auto;
    }
    @media (max-width: 576px) {
        height: 200px;
    }
}

.ak-511__hero-image {
    height: 100%;
    width: 100%;
    object-fit: contain;
    filter: drop-shadow(0 34px 44px rgba(0, 0, 0, 0.42));
}

.ak-511__form {
    padding: 24px 20px;
    color: var(--gray-800);
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid rgba(255, 255, 255, 0.62);
    border-radius: var(--radius-l);
    box-shadow: var(--shadow-card);

    @media (max-width: 992px) {
        grid-column: 1/-1;
    }
    @media (max-width: 576px) {
        padding: 24px 16px;
        grid-row: 2/3;

        .button {
            font-size: var(--fz-12);
        }

    }
}

.ak-511__form-title {
    margin-bottom: 20px;
    color: var(--gray-800);
    font-size: var(--fz-24);
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;

    @media (max-width: 576px) {
        font-size: var(--fz-18);
        text-align: center;
    }
}

.ak-511__form-grid {
    display: grid;
    gap: 0;
}

.ak-511__field {
    display: grid;
    gap: 6px;
    margin-bottom: 12px;
}

.ak-511__field-control {
    width: 100%;
    padding: 14px 20px !important;
    color: var(--gray-800);
    background: var(--white);
    border: 1px solid var(--gray-200);
    border-radius: var(--radius-x);
    outline: none;
    transition: border-color 0.3s, box-shadow 0.3s;

    @media (max-width: 576px) {
        font-size: var(--fz-12);
    }
}


.ak-511__field-control--textarea {
    min-height: 92px;
    resize: vertical;
}

.ak-511__field-control:focus {
    border-color: var(--yellow-400);
    box-shadow: 0 0 0 4px rgba(255, 176, 0, 0.18);
}

.ak-511__field-control.is-invalid {
    border-color: var(--red-700);
    box-shadow: 0 0 0 4px rgba(226, 27, 60, 0.12);
}

.ak-511__form-note,
.ak-511__form-message {
    margin: 12px 0 0;
    color: var(--blue-350);
    font-size: var(--fz-12, 12px);
}

.ak-511__form-message.is-success {
    color: var(--green-600, #0cb94c);
    font-weight: 700;
}

.ak-511__cards {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 16px;

    @media (max-width: 992px) {
        display: flex;
        flex-wrap: wrap;
    }
}

.ak-511__card {
    position: relative;
    overflow: hidden;
    padding: 24px 20px;
    background: var(--white);
    border: 1px solid var(--gray-200);
    border-radius: var(--radius-l);
    box-shadow: var(--shadow-card);
    transition: transform 0.3s, box-shadow 0.3s, border-color 0.3s;

    @media (max-width: 992px) {
        flex: 1 1 calc(100% / 3 - (16px * 3 / 2));
    }
    @media (max-width: 576px) {
        flex: 1 1 calc(100% / 2 - (16px * 2 / 1));
        padding: 24px 16px;
    }
}


.ak-511__card-icon {
    width: 52px;
    height: 52px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 18px;
    border-radius: var(--radius-l);
    font-size: 25px;
    font-weight: 700;

    @media (max-width: 576px) {
        width: 40px;
        height: 40px;
    }


    svg {
        width: 52px;
        height: 52px;
        fill: var(--yellow-400);
        stroke: var(--yellow-400);

        @media (max-width: 576px) {
            width: 35px;
            height: 35px;
        }
    }
}


.ak-511__card-title {
    margin-bottom: 10px;
    color: var(--gray-850);
    font-size: var(--fz-16);
    line-height: 1.2;
    font-weight: 700;

    @media (max-width: 576px) {
        font-size: var(--fz-14);
        margin-bottom: 10px;
    }
}

.ak-511__card-text {
    margin: 0;
    color: var(--blue-350);

    @media (max-width: 576px) {
        font-size: var(--fz-12);
    }
}

/*ak-511__problem*/

.ak-511__problem-block {
    display: flex;
    gap: 60px;
    align-items: center;

    @media (max-width: 992px) {
        flex-wrap: wrap;
    }
}

.ak-511__problem-text {
    color: rgba(255, 255, 255, 0.78);
    font-size: var(--fz-16);
    line-height: 1.6;

    @media (max-width: 575px) {
        font-size: var(--fz-14);
    }
}

.ak-511__problem-info {
    display: flex;
    position: relative;
    align-items: center;
    @media (max-width: 576px) {
        flex-direction: column;
        gap: 20px;
    }
}

.ak-511__problem-solution {
    padding: 28px;
    background: rgba(255, 255, 255, 0.07);
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: var(--radius-xl);
    transition: .3s;

    @media (max-width: 576px) {
        width: 100%;
        padding: 24px 16px;

    }

    &:hover {
        border: 1px solid var(--red-700);
    }
}

.ak-511__problem-img {
    max-width: 453px;
    width: 100%;
    position: relative;
    left: -45px;
    margin-top: auto;

    @media (max-width: 992px) {
        max-width: 200px;
    }
    @media (max-width: 576px) {
        position: unset;
        max-width: 140px;
    }

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

.ak-511__problem-mark {
    width: 54px;
    height: 54px;
    display: grid;
    place-items: center;
    margin-bottom: 18px;
    color: var(--gray-800);
    background: var(--yellow-400);
    border-radius: 50%;
    font-size: var(--fz-20);
    font-weight: 700;

    @media (max-width: 576px) {
        width: 40px;
        height: 40px;
    }
}

.ak-511__problem-title {
    margin: 0 0 12px;
    color: var(--white);
    font-size: var(--fz-24);

    @media (max-width: 576px) {
        font-size: var(--fz-20);
    }
}

/*ak-511__advantages*/

.ak-511__advantages-cards {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}

.ak-511__advantages-card {
    flex: 1 1 calc(100% / 3 - (16px * 3 / 2));
    border: 1px solid var(--gray-200);
    border-radius: var(--radius-l);
    box-shadow: var(--shadow-card);
    overflow: hidden;
    background: var(--white);
    padding: 20px;

    @media (max-width: 576px) {
        flex: 1 1 calc(100% / 2 - (16px * 2 / 1));
        padding: 24px 16px;
    }
}

.ak-511__advantages-icon {
    position: relative;
    padding-left: 30px;
    margin-bottom: 0;

    &:before {
        content: "✓";
        position: absolute;
        left: 0;
        top: -1px;
        color: var(--yellow-400);
        font-weight: 700;
    }
}

/**/

.ak-511__use-image {
    position: relative;
    min-height: 180px;
    background: linear-gradient(145deg, rgba(10, 12, 14, 0.1), rgba(10, 12, 14, 0.6)),
    linear-gradient(135deg, #2b3034, #737b82);
}

.ak-511__use-title {
    margin: 18px 18px 10px;
    color: var(--gray-800);
    font-size: var(--fz-18, 18px);
    line-height: 1.2;
}

.ak-511__use-text {
    margin: 0;
    padding: 0 18px 20px;
    color: var(--blue-350);
}

.ak-511__applications {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}

.ak-511__applications-card {
    flex: 1 1 calc(100% / 3 - (16px * 3 / 2));
    border: 1px solid var(--gray-200);
    border-radius: var(--radius-l);
    box-shadow: var(--shadow-card);
    overflow: hidden;
    background: var(--white);
    padding: 20px;
    position: relative;
    min-height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;

    @media (max-width: 576px) {
        flex: 1 1 calc(100% / 2 - (16px * 2 / 1));
        padding: 24px 16px;
        min-height: 100%;
        justify-content: flex-start;
    }

    .ak-511__hero-overlay {
        background: linear-gradient(180deg, rgba(28, 47, 73, 0.05) 0%, rgba(28, 47, 73, 0.31) 20%, rgba(0, 0, 0, 0.82) 100%);
    }
}

.ak-511__applications-image {
    position: absolute;
    inset: 0;

    img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

.ak-511__applications-content {
    position: relative;
    z-index: 2;
}

/*ak-511__characteristics*/

.ak-511__characteristics-wrap {
    display: flex;
    gap: 40px;

    @media (max-width: 992px) {
        flex-wrap: wrap;
    }
}

.ak-511__characteristics-content {
    flex: 1;

    @media (max-width: 992px) {
        flex: 100%;
    }
}

.ak-511__characteristics-table {
    margin-bottom: 20px;
    border-radius: var(--radius-xl);
    overflow: hidden;

}

.ak-511__characteristics-table-header {
    color: var(--white);
    background: var(--gray-850);
    font-weight: 700;
    display: flex;
}

.ak-511__characteristics-table-column {
    flex: 1;
    border-bottom: .7px solid var(--gray-300);
    padding: 16px;

    @media (max-width: 576px) {
        padding: 12px 10px;
        font-size: var(--fz-12);
    }

    &:first-child {
        max-width: 200px;
        font-weight: 700;

        @media (max-width: 768px) {
            max-width: 220px;
        }
        @media (max-width: 576px) {
            max-width: 130px;
        }
    }
}

.ak-511__characteristics-table-row {
    color: var(--gray-850);
    font-weight: 500;
    display: flex;
}

.ak-511__table-wrap {
    overflow: hidden;
    margin: 22px 0 18px;
    border: 1px solid var(--gray-200);
    border-radius: var(--radius-l);
    box-shadow: var(--shadow-card);
}


.ak-511__characteristics-aside {
    position: relative;
    min-height: 320px;
    display: flex;
    flex-direction: column;
    padding: 32px;
    overflow: hidden;
    color: var(--white);
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.88)), repeating-linear-gradient(115deg, #30363a 0 24px, #484f54db 24px 48px);
    border-radius: var(--radius-xl);
    flex: 1;

    @media (max-width: 576px) {
        padding: 24px 20px;
    }
}

.ak-511__characteristics-number,
.ak-511__characteristics-text {
    position: relative;
    z-index: 1;
}

.ak-511__characteristics-number {
    font-size: 60px;
    font-weight: 800;
    line-height: 1.5;
    color: var(--yellow-400);

    @media (max-width: 576px) {
        font-size: 42px;
    }
}

.ak-511__characteristics-text {
    color: var(--blue-350);
    font-weight: 400;

    @media (max-width: 576px) {
        font-size: var(--fz-12);
    }
}

.ak-511__characteristics-aside-text {
    margin-bottom: 40px;
    color: var(--gray-200);
    font-weight: 500;
}

.ak-511__characteristics-aside-images {
    display: flex;
    margin-bottom: 40px;
    height: 300px;

    @media (max-width: 576px) {
        height: 210px;
    }
}

.ak-511__characteristics-aside-img {
    position: relative;
    max-width: 480px;
    margin-right: 70px;

    @media (max-width: 992px) {
        max-width: 100%;
        margin-right: 90px;
    }

    @media (max-width: 576px) {
        margin-right: 30px;
    }

    img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: var(--radius-xl);
    }
}

.ak-511__characteristics-aside-product {
    position: absolute;
    right: -100px;
    bottom: -18px;

    @media (max-width: 576px) {
        right: -30px;
    }

    img {
        height: 250px;
        margin-left: auto;
        max-width: 200px;

        @media (max-width: 576px) {
            height: 170px;
        }
    }
}

/**/


.ak-511__calculation-wrapper {
    display: grid;
    grid-template-columns: 1fr 480px 1fr;
    gap: 30px;

    @media (max-width: 1100px) {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto 1fr;
    }
    @media (max-width: 992px) {
        grid-template-columns: 1fr ;
        grid-template-rows: auto;
    }

    .ak-511__section-head {
        @media (max-width: 1100px) {
            grid-column: 1/-1;
        }
    }
}

.ak-511__calculation-form {
    padding: 32px;
    display: flex;
    flex-wrap: wrap;
    gap: 0 16px;

    @media (max-width: 576px) {
        padding: 24px 16px;
    }

    .ak-511__field {
        flex: 1 1 calc(100% / 2 - (16px * 2 / 2));

        @media (max-width: 576px) {
            flex: 1 1 100%;
        }
    }


}

.ak-511__calculation-title {
    font-size: var(--fz-24);

    @media (max-width: 576px) {
        font-size: var(--fz-18);
    }
}

.ak-511__calculation-items {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.ak-511__calculation-item {
    position: relative;
    padding-left: 30px;
    font-weight: 700;
    font-size: var(--fz-16);
    color: var(--white);

    @media (max-width: 576px) {
        padding-left: 20px;
        font-size: var(--fz-12);
    }

    &:before {
        content: "✓";
        position: absolute;
        left: 0;
        top: -1px;
        color: var(--yellow-400);
        font-weight: 700;
    }
}

/*ak-511__conditions*/

.ak-511__conditions {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;

    @media (max-width: 768px) {
        gap: 16px;
    }
}

.ak-511__conditions-card {
    flex: 0 0 calc(100% / 4 - (20px / 4 * 3));
    position: relative;
    padding-right: 20px;

    @media (max-width: 768px) {
        flex: 0 0 calc(100% / 2 - (16px / 2 * 1));
        padding-right: 12px;
        &:nth-child(2) {
            &:before {
                display: none;
            }
        }
    }

    &:before {
        content: '';
        width: 1px;
        height: 100%;
        background-color: var(--yellow-400);
        position: absolute;
        right: 0;
    }

    &:last-child {
        &:before {
            display: none;
        }
    }

    svg {
        width: 50px;
        height: 50px;
        fill: var(--yellow-400);
        stroke: var(--yellow-400);
        margin-bottom: 10px;

        @media (max-width: 576px) {
            width: 40px;
            height: 40px;
        }
    }
}

/*ak-511__trust*/
/*ak-511__trust*/
.ak-511__trust-wrap {
    display: flex;
    gap: 32px;

    @media (max-width: 992px) {
        flex-direction: column;
    }
}

.ak-511__trust-content {
    max-width: 680px;
}

.ak-511__trust-block {
    padding: 24px;
    color: var(--white);
    background: var(--gray-850);
    border-radius: var(--radius-xl);

    @media (max-width: 992px) {
        padding: 40px;
    }
    @media (max-width: 576px) {
        padding: 24px 16px;
    }
}

.ak-511__badges {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 20px;

    @media (max-width: 576px) {
        gap: 8px;
    }
}

.ak-511__badge {
    border-radius: var(--radius-xl);
    padding: 12px 16px;
    background: rgba(255, 255, 255, 0.07);
    border: 1px solid rgba(255, 255, 255, 0.16);

    @media (max-width: 576px) {
        font-size: var(--fz-10);
    }
}

.ak-511__contacts {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;

    @media (max-width: 576px) {
        gap: 12px;
    }
}

.ak-511__contacts-link {
    color: var(--white);
    font-weight: 700;
    font-size: var(--fz-24);
    font-style: normal;
    position: relative;
    cursor: pointer;
    transition: .3s;

    @media (max-width: 576px) {
        font-size: var(--fz-18);
    }

    &:hover {
        color: var(--red-600);
    }


    span {
        display: flex;
        align-items: center;
        gap: 12px;
        @media (max-width: 576px) {
            gap: 8px;
        }
    }

    svg {
        width: 25px;
        height: 25px;
        fill: var(--yellow-400);
        stroke: var(--yellow-400);

        @media (max-width: 576px) {
            width: 14px;
            height: 14px;
        }

    }
}

.ak-511__contacts-link_yellow {
    color: var(--yellow-400);;
}

/*copy*/
/*Скопировать*/
.tooltip {
    position: absolute;
    bottom: -36px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--red-700);
    color: var(--white);
    border: 1px solid var(--red-700);
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 0.75rem;
    opacity: 0;
    visibility: hidden; /* Добавляем для плавности */
    transition: opacity 0.3s, visibility 0.3s;
    margin-bottom: 5px;
    white-space: nowrap;
    font-weight: 400;
    z-index: 1000; /* Увеличиваем z-index */
}

.tooltip.show-tooltip {
    opacity: 1;
    visibility: visible; /* Показываем */
}

.tooltip:after {
    content: "";
    position: absolute;
    top: -8px; /* Немного выше для белой стрелки */
    left: 50%;
    transform: translateX(-50%);
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent var(--red-700) transparent;
}

.tooltip_bgc_white {
    position: absolute;
    bottom: -36px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--white);
    color: var(--red-700);
    border: 1px solid var(--white);
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 0.75rem;
    opacity: 0;
    visibility: hidden; /* Добавляем для плавности */
    transition: opacity 0.3s, visibility 0.3s;
    margin-bottom: 5px;
    white-space: nowrap;
    font-weight: 400;
    z-index: 1000; /* Увеличиваем z-index */
}

.tooltip_bgc_white:after {
    content: "";
    position: absolute;
    top: -8px; /* Немного выше для белой стрелки */
    left: 50%;
    transform: translateX(-50%);
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent var(--white) transparent;
}

/*ak-511__documents*/
.ak-511__documents {
    display: flex;
    gap: 100px;

    @media (max-width: 992px) {
        flex-direction: column;
        gap: 30px;
    }
}

.ak-511__documents-content {
    flex: 1;
}

.ak-511__documents-items {
    display: flex;
    gap: 16px;
    flex: 1 1 10%;
}

.ak-511__documents-item {
    border-radius: var(--radius-l);
    padding: 20px;
    box-shadow: var(--shadow-card);
    font-size: var(--fz-16);
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 calc(100% / 3 - (16px / 3 * 2));
    font-weight: 600;
    overflow: hidden;
    transition: .3s;
    background: rgba(255, 255, 255, 0.07);
    border: 1px solid rgba(255, 255, 255, 0.16);
    color: var(--white);
    text-align: center;

    @media (max-width: 992px) {
        padding: 40px 20px;
    }
    @media (max-width: 576px) {
        padding: 24px 16px;
        font-size: var(--fz-12);
        text-align: center;
    }

    &.active {
        color: var(--white);
        background: var(--red-700);
        box-shadow: 0 14px 24px rgba(227, 33, 32, 0.26);
    }
}

.ak-511__documents-actions {
    display: grid;
    gap: 12px;
}

/*ak-511__faq*/

.ak-511__faq {
    display: grid;
    gap: 12px;
    max-width: 900px;
    margin: 0 auto;
}

.ak-511__faq-item {
    overflow: hidden;
    background: var(--white);
    border: 1px solid var(--gray-200);
    border-radius: var(--radius-l);
    box-shadow: var(--shadow-card);
}

.ak-511__faq-question {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 20px;
    color: var(--gray-800);
    background: transparent;
    border: 0;
    font-weight: 700;
    text-align: left;
    cursor: pointer;
    font-size: var(--fz-16);

    @media (max-width: 576px) {
        font-size: var(--fz-14);
        padding: 16px;
    }
}

.ak-511__faq-answer {
    color: var(--blue-350);

    span {
        display: block;
        padding: 0 20px 20px;
        font-size: var(--fz-16);
        line-height: 1.5;

        @media (max-width: 576px) {
            font-size: var(--fz-14);
            padding: 0 16px 16px;
        }
    }
}


/**/

/**/
.ak-511__final-wrapper {
    background-image: url("/lending/ak511/images/fon_final.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: var(--radius-xl);
    background-position-x: right;
    display: flex;
    gap: 60px;
    padding-left: 60px;
    padding-right: 60px;
    color: var(--white);

    @media (max-width: 768px) {
        flex-direction: column;
        padding-left: 20px;
        padding-right: 20px;
    }
}


.ak-511__form-final {
    max-width: 550px;

    @media (max-width: 768px) {
        max-width: 100%   ;
    }
}

.ak-511__actions {
    display: flex;
    gap: 20px;
}

.ak-511__final-items {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.ak-511__final-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 20px;
    flex: 0 0 calc(100% / 3 - (8px / 3 * 2));
    position: relative;

    &:before {
        content: '';
        width: 1px;
        height: 100%;
        background: rgba(255, 255, 255, 0.16);
        position: absolute;
        right: 0;

    }

    &:last-child {
        &:before {
            display: none;

        }
    }

}

.ak-511__final-card-icon {
    width: 62px;
    height: 62px;
    flex-shrink: 0;
    background: rgba(255, 255, 255, 0.07);
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: var(--radius-x);
    transition: .3s;
    display: flex;
    align-items: center;
    justify-content: center;

    @media (max-width: 576px) {
        background: rgba(255, 255, 255, 0.40);
    }

    svg {
        width: 40px;
        height: 40px;
        fill: var(--red-700);
        stroke: var(--red-700);
        stroke-width: 20;
    }
}

.ak-511__final-card-name {
    font-size: var(--fz-14);
    color: var(--white);

    @media (max-width: 576px) {
        font-size: var(--fz-12);
    }
}


/*accordion-100vh*/
.js-accordion-trigger {
    cursor: pointer;

    svg {
        transition: .3s;
    }

    &.active svg {
        transform: rotate(180deg);
        fill: var(--red-700);
        stroke: var(--red-700);
    }

    &.active .accordion-icon::after {
        transform: rotate(0deg);
    }
}

.accordion-icon {
    position: relative;
    flex-shrink: 0;
    width: 20px;
    height: 20px;

    &::before,
    &::after {
        content: "";
        position: absolute;
        top: 9px;
        right: 0;
        left: 0;
        height: 2px;
        background: var(--red-700);
        transition: transform 0.3s;
    }
}

.accordion-icon::after {
    transform: rotate(90deg);
}

.js-accordion-body_100vh {
    overflow: hidden;
    transition: max-height .3s;
    max-height: 0;

    &.active {
        max-height: none;
    }
}
/* End */


/* Start:/lending/ak511/buttons.css?17804916924003*/
.button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    border-radius: 10px;
    padding: 14px;
    background-color: var(--white);
    color: var(--blue-350);
    height: auto;
    width: auto;
    transition: .3s;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    text-decoration: none;
    z-index: 3;
    white-space: nowrap;
    border: 1px solid transparent;

    @media (max-width: 576px) {
        border-radius: 8px;
    }

    svg {
        fill: var(--gray-700);
        stroke: var(--gray-700);
        width: 12px;
        height: 12px;
        flex-shrink: 0;
        transition: .3s;
    }

    a {
        color: var(--gray-700);
    }

    &:hover {
        background: linear-gradient(180deg, #FF2C4F, #E21B3C);
        color: var(--white);

        svg {
            fill: var(--white);
            stroke: var(--white);
        }

        a {
            color: var(--white);
        }
    }

}

.button_box-shadow {
    box-shadow: 1px 11px 14px rgba(227, 24, 55, 0.3);
    transition: transform .2s ease, box-shadow .2s ease;
    z-index: 2;
    border: 1px solid transparent;

    &:hover {
        transform: translateY(-2px);
        box-shadow: 1px 15px 14px rgba(227, 24, 55, 0.3);
    }
}

.button.button_red_700 {
    background: linear-gradient(180deg, #FF2C4F, #E21B3C);
    color: var(--white);

    svg {
        fill: var(--white);
        stroke: var(--white);

    }

    &:hover {
        background-color: var(--red-600);
        color: var(--white);

        svg {
            fill: var(--white);
            stroke: var(--white);
        }
    }
}

.button.button_gray_800 {
    background: linear-gradient(90deg, rgba(13, 15, 16, 0.44), rgba(13, 15, 16, 0)), linear-gradient(135deg, #22272bd4, #0d0f10);
    color: var(--white);
    border-color: transparent;


    svg {
        fill: var(--white);
        stroke: var(--white);

    }
}

.button_width_100 {
    width: 100%;
}

.button_border_red {
    border: 1px solid var(--red-700);
    color: var(--red-700);
    transition: .3s;

    &:hover {
        border: 1px solid transparent;
    }
}

.button.button_border_white {
    border-color: rgba(255, 255, 255, 0.38);

    &:hover {
        border-color: rgba(255, 255, 255, 0);
    }
}

.button-circle {
    border-radius: 50px;
    overflow: hidden;
    padding: 0;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    border: 1px solid transparent;
}

.button-circle_size_50 {
    width: 50px;
    height: 50px;
    flex-shrink: 0;
    border-radius: 50%;
}

.botton-header {
    padding: 14px 20px;
}


.button-blick {
    position: relative;
    overflow: hidden;

    &:after {
        content: "";
        display: block;
        width: 20px;
        height: 200px;
        margin-left: 50px;
        background: var(--white);
        background: linear-gradient(
                to bottom,
                rgba(255, 255, 255, 0.5) 0%,
                rgba(255, 255, 255, 1) 50%,
                rgba(255, 255, 255, 0.5) 100%
        );
        left: -40px;
        top: -100px;
        z-index: 1;
        transform: rotate(45deg);
        position: absolute;
        animation: movingFlare 3s ease-in-out 0.05s infinite;
    }
}

.button-close {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;

    svg {
        fill: var(--gray-700);
        stroke: var(--gray-700);
        width: 100%;
        height: 100%;
        flex-shrink: 0;
        transition: .3s;
    }

    &:hover {
        svg {
            fill: var(--red-700);
            stroke: var(--red-700);
        }
    }


}

@keyframes movingFlare {
    0% {
        left: -30px;
        margin-left: 0;
    }
    30% {
        left: 110%;
        margin-left: 80px;
    }
    100% {
        left: 110%;
        margin-left: 80px;
    }
}

@import url("https://fonts.googleapis.com/css2?family=Raleway:wght@400;700&display=swap");


/* End */


/* Start:/lending/ak511/ui.css?178049169417706*/
html {
    scrollbar-gutter: stable;
    scroll-behavior: smooth;
}

@font-face {
    font-family: 'Arvo';
    font-display: auto;
    src: local('Arvo'), url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
}

@font-face {
    font-family: 'Verdana';
    font-display: swap;
    src: local('Verdana');
}


body {
    font-variant-numeric: lining-nums proportional-nums;
    font-family: 'Raleway', 'Verdana', sans-serif;
    background-color: var(--gray-350-50);
    color: var(--gray-800);
    line-height: normal;
    font-style: normal;
    overflow-x: hidden;
    font-weight: 400;
    font-size: var(--fz-14);

}

body::-webkit-scrollbar {
    width: 0 !important;
}


#element::-webkit-scrollbar {
    width: 10px;
}

#element::-webkit-scrollbar-track {
    -webkit-box-shadow: 5px 5px 5px -5px rgba(34, 60, 80, 0.2) inset;
    background-color: #f9f9fd;
}

#element::-webkit-scrollbar-thumb {
    background-color: #f2bf93;
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .25) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, .25) 50%,
    rgba(255, 255, 255, .25) 75%,
    transparent 75%,
    transparent);
}

:root {
    --fz-8: 0.5rem;
    --fz-10: 0.625rem;
    --fz-12: 0.75rem;
    --fz-14: 0.875rem;
    --fz-16: 1rem;
    --fz-18: 1.125rem;
    --fz-20: 1.25rem;
    --fz-24: 1.5rem;
    --fz-28: 1.75rem;
    --fz-32: 2rem;
    --fz-36: 2.25rem;
    --fz-42: 2.625rem;
    --radius-xs: 4px;
    --radius-x: 8px;
    --radius-m: 12px;
    --radius-l: 16px;
    --radius-xl: 24px;
    --radius-lg: 32px;
}

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
}

p {
    padding: 0;
    margin: 0;
}

a {
    text-decoration: none;
}

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

ul, ol {
    list-style: none;
    padding-left: 0;
    margin: 0;

    li {
        margin: 0;
        padding: 0;
    }
}

button {
    border: none;
}

/**/
input {
    outline: none;
}

/* Border-radius */
.border-radius {
    .border-radius_40 {
        border-radius: 40px;

        @media (max-width: 768px) {
            border-radius: 20px;
        }
    }

    .border-radius_30 {
        border-radius: 30px;

        @media (max-width: 768px) {
            border-radius: 15px;
        }
    }

    .border-radius_20 {
        border-radius: 20px;

        @media (max-width: 768px) {
            border-radius: 10px;
        }
    }

    .border-radius_16 {
        border-radius: 16px;

        @media (max-width: 768px) {
            border-radius: 8px;
        }
    }
}

/* Margin */
.mt-20 {
    margin-top: 20px;

    @media (max-width: 576px) {
        margin-top: 15px;
    }
}

.mt-60 {
    margin-top: 60px;

    @media (max-width: 576px) {
        margin-top: 30px;
    }
}

.mb-60 {
    margin-bottom: 60px;

    @media (max-width: 576px) {
        margin-bottom: 30px;
    }
}

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

.pb-100 {

    @media (max-width: 902px) {
        padding-bottom: 100px;
    }
}

.mb-40 {
    margin-bottom: 40px;

    @media (max-width: 576px) {
        margin-bottom: 20px;
    }
}

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

/*Padding*/
.pt-20 {
    padding-top: 20px;
}

.pb-20 {
    padding-bottom: 20px;
}

.pt-40 {
    padding-top: 40px;

    @media (max-width: 576px) {
        padding-top: 20px;
    }
}

.pb-40 {
    padding-bottom: 40px;
    @media (max-width: 576px) {
        padding-bottom: 20px;
    }

}

.pt-50 {
    padding-top: 50px;
    @media (max-width: 576px) {
        padding-top: 30px;
    }
}

.pb-50 {
    padding-bottom: 50px;
    @media (max-width: 576px) {
        padding-bottom: 30px;
    }
}

.pt-60 {
    padding-top: 60px;

    @media (max-width: 576px) {
        padding-top: 30px;
    }
}

.pb-60 {
    padding-bottom: 60px;

    @media (max-width: 576px) {
        padding-bottom: 30px;
    }
}

/* Container */
.main-container {
    width: 100%;
    margin: 0 auto;
    max-width: 1366px;
    padding-left: 0;
    padding-right: 0;

    @media (max-width: 1366px) {
        padding-left: 32px;
        padding-right: 32px;
    }

    @media (max-width: 902px) {
        padding-left: 16px;
        padding-right: 16px;
    }

}

/*margin-table*/
.margin-table {
    @media (max-width: 768px) {
        margin-left: -16px;
        margin-right: -16px;
        padding-left: 16px;
        padding-right: 16px;
    }
}


/*layout */
.layout {
    position: relative;
    z-index: 2;

    .layout__content {
        grid-template-columns: 330px 1fr;
        padding: 20px 0;
        display: grid;
        gap: 30px;

        @media (max-width: 768px) {
            grid-template-columns: 0 1fr;
        }
    }

    .layout-aside_left, .layout-aside_right {

        @media (max-width: 768px) {
            display: none;
        }
    }

    .sidebar-nav-wrap {
        height: 100%;
    }

    .sidebar-nav-wrapper {
        height: 100%;
        transition: .3s;
    }

    .sidebar-nav {
        display: none;
        flex-direction: column;
        gap: 30px;
        justify-content: space-between;
        max-height: calc(100vh - 68px);
        overflow-y: auto;
        position: sticky;
        top: 68px;

        ul {
            padding-left: 0;
        }
    }

    .sidebar-nav.active {
        display: flex;
    }
}

/* Typography */
.title-h1 {
    font-size: var(--fz-36); /* 36px */
    font-weight: 700;
    line-height: 2.5rem;
    display: inline-block;
    font-family: 'Raleway', sans-serif;

    @media (max-width: 768px) {
        font-size: var(--fz-28); /* 28px */
        line-height: normal;
    }
    @media (max-width: 576px) {
        font-size: var(--fz-20);
    }
}

.title-h2 {
    font-size: var(--fz-28);
    font-weight: 700;
    line-height: 1.2;
    font-family: 'Raleway', sans-serif;

    @media (max-width: 768px) {
        font-weight: 600;
        font-size: var(--fz-24);
    }
    @media (max-width: 576px) {
        font-size: var(--fz-18);
    }

}

.title-h3 {
    font-size: var(--fz-24);
    font-weight: 600;
    letter-spacing: -0.03em;
    line-height: 1.375;

    @media (max-width: 768px) {
        font-size: var(--fz-18);
    }

    @media (max-width: 576px) {
        font-size: var(--fz-16);
    }
}

/*Увеличение при наведении*/
.scale {
    transition: 1s !important;

    &:hover {
        transform: scale(1.2) !important;
    }

}

/**/
.title-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--gray-800);
    transition: color .3s;
    font-weight: 700;
    margin-left: auto;

    @media (max-width: 576px) {
        gap: 3px;
    }

    svg {
        width: 11px;
        height: 11px;
        fill: var(--red-700);
        stroke: var(--red-700);
        transition: .3s;
        margin-top: 5px;

        @media (max-width: 576px) {
            width: 8px;
            height: 8px;
            margin-top: 3px;
        }
    }


    &:hover {
        color: var(--red-600) !important;

        svg {
            fill: var(--red-600) !important;
            stroke: var(--red-600) !important;
        }
    }

}

/**/
.description {
    font-size: var(--fz-14);
    line-height: 1.5;
    color: var(--blue-350);
    font-weight: 500;

    @media (max-width: 576px) {
        font-size: var(--fz-12);
    }
}

.description_color_gray_350_50 {
    color: var(--gray-350-50);
}

/*background*/
.bg-color-white {
    background-color: var(--white);
}

.bg-color-gray {
    background-color: var(--gray-350-50);
}

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

/*Эффект при наведении на svg */
.svg-button {
    transition: background-color 0.3s;
}

.svg-path {
    transition: stroke-width 0.3s;
}

.svg-button:hover .svg-path {
    stroke: var(--red-600);
}

@keyframes draw {
    0% {
        stroke-dashoffset: 100;
    }
    100% {
        stroke-dashoffset: 0;
    }
}

.svg-path {
    stroke-dasharray: 100;
    stroke-dashoffset: 0;
}

.svg-button:hover .svg-path {
    animation: draw 500ms ease-in forwards;
}

/*btn-play*/
.btn-play {
    border: none;
    position: absolute;
    cursor: pointer;
    width: 45px;
    height: 45px;
    flex-shrink: 0;
    background: var(--white-70);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 50%;
    transition: all .2s ease-out;
    transform: translateY(-50%);

    &:before {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        background: var(--white);
        opacity: 0;
        content: '';
        animation: pulse 1s infinite;
        padding: 3px;
    }

    svg {
        fill: var(--gray-500);
        height: 26px;
        width: 19px;
        position: relative;
    }

    &.active:before {
        animation: blastOut 1s;
    }
}

@keyframes pulse {
    from {
        transform: scale(1);
        opacity: .4;
    }
    to {
        transform: scale(1.3);
        opacity: 0;
    }
}

@keyframes blastOut {
    from {
        transform: scale(0.9);
        opacity: .4;
    }
    to {
        transform: scale(10);
        opacity: 0;
    }
}

/*Swiper*/

.Swiper__col-5, .Swiper__col-4-row-2, .Swiper__col-4, .Swiper__col-3 {
    position: relative;
    overflow: hidden;

    .swiper__swiper-prev, .swiper__swiper-next {
        position: absolute;
        right: 10px;
        padding: 0;
        margin: 0;
        z-index: 2;
        bottom: 0;
        top: 50%;
        width: 45px;
        height: 45px;
        flex-shrink: 0;
        transform: translateY(-50%);

        @media (max-width: 768px) {
            display: none;
        }
    }

    .swiper__swiper-prev {
        svg {
            transform: rotate(180deg);
        }
    }

    .swiper__swiper-prev {
        left: 10px;
    }

    .swiper-button-disabled {
        opacity: 0;
    }
}

/*Tabs-filter*/
.tabs-filter {
    display: flex;
    gap: 16px;
    margin-bottom: 20px;

    @media (max-width: 576px) {
        gap: 8px;
    }
}

.tabs-filter__item {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    height: 40px;
    border-radius: 8px;
    justify-content: center;
    white-space: nowrap;
    transition: background-color .3s;
    cursor: pointer;
    color: var(--gray-700);
    font-size: var(--fz-14);
    background-color: var(--gray-350-50);

    @media (max-width: 576px) {
        font-size: var(--fz-12);
        height: 30px;
        padding: 12px;
    }


    &:hover {
        background: linear-gradient(180deg, #FF2C4F, #E21B3C);
        color: var(--white);

        svg {
            fill: var(--white);
            stroke: var(--white);
        }
    }

}

/**/
/*wrapper_gap_60*/
.wrapper_gap_60 {
    display: flex;
    flex-direction: column;
    gap: 60px;

    @media (max-width: 576px) {
        gap: 30px;
    }
}

/**/
/*wrapper-wrap*/
.wrapper-wrap {
    padding: 40px 32px;
    border-radius: 16px;
    background-color: var(--white);

    @media (max-width: 768px) {
        padding: 32px 16px;
    }
}

body .color_white {
    color: var(--white);
    transition: .3s;
}

body .color_gray_850 {
    color: var(--gray-850);
    transition: .3s;

    svg {
        fill: var(--gray-850);
        stroke: var(--gray-850);
    }
}

.color_red_700 {
    color: var(--red-700);
    transition: .3s;
}

.bgc_red_700 {
    background-color: var(--red-700);
    transition: .3s;
}

.bg-fon-white {
    background-image: url("/lending/ak511/../main/images/fon.png");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: relative;

    &::before,
    &::after {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        height: 100px;
        z-index: 3;
        pointer-events: none;
        opacity: 1; /* делаем видимым градиент */
        transition: opacity 0.2s ease;
    }


    &::before {
        top: 0;
        /* Градиент сверху на всю ширину */
        background: linear-gradient(180deg, rgba(249, 249, 249) 0%, rgba(255, 255, 255, 0) 100%);

        @media (max-width: 576px) {
            top: -30px;
        }
    }

    &::after {
        bottom: 0;
        background: linear-gradient(0deg, rgb(249, 249, 249) 0%, rgba(243, 244, 246, 0) 100%);
    }
}

/*swiper*/
.swiper {
    .swiper-slide {
        height: auto;
    }
}

/**/
.gradient__wrap {
    background-color: var(--gray-850);
    position: relative;
    z-index: 0;

    &:before {
        content: "";
        position: absolute;
        background-image: url(/lending/ak511/../main/icon/gradient.svg);
        background-repeat: no-repeat;
        background-size: cover;
        top: 0;
        height: 100%;
        left: 0;
        max-width: 663px;
        width: 100%;
        transform: rotate(180deg);
        z-index: 0
    }

    &:after {
        content: "";
        position: absolute;
        background-image: url(/lending/ak511/../main/icon/gradient_2.svg);
        background-repeat: no-repeat;
        background-size: cover;
        bottom: 0;
        height: 686px;
        right: 0;
        max-width: 663px;
        width: 100%;
        z-index: 0;
    }
}

/**/
.wrapper-img_gradient_white {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    background-color: var(--gray-850);

    &:before {
        content: "";
        position: absolute;
        background-image: url(/main/images/wraper_gradient_white.png);
        background-repeat: no-repeat;
        bottom: 0;
        height: 300px;
        left: 0;
        max-width: 663px;
        width: 100%;
        z-index: 0;
        background-size: contain;
    }

    &:after {
        content: "";
        position: absolute;
        background-image: url(/main/images/wraper_gradient_white.png);
        background-repeat: no-repeat;
        top: 0;
        height: 300px;
        right: 0;
        max-width: 663px;
        width: 100%;
        z-index: 0;
        transform: rotate(180deg);
        background-size: contain;
    }
}

/**/

/*section__head*/
.section__head {
    display: flex;
    flex-direction: column;
    gap: 16px;

    .section__head-content {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 16px;
    }

    .botton-header {

        @media (max-width: 576px) {
            font-size: var(--fz-8);
            padding: 8px 10px
        }


        svg {
            width: 20px;
            height: 20px;
            fill: var(--white);
            stroke: var(--white);

            @media (max-width: 576px) {
                width: 14px;
                height: 14px;
            }
        }
    }
}

/*Смотреть все*/
body .view-all {
    position: relative;
    display: flex;
    align-items: flex-end;
    padding: 20px;
    border: 1px solid var(--red-600);
    box-shadow: 0 18px 40px rgba(255, 52, 92, 0.14);
    overflow: hidden;

    &:hover .button {
        transform: translateY(-2px);
        box-shadow: 0 14px 24px rgba(227, 24, 55, .38);
    }

    @media (max-width: 576px) {
        padding: 16px;
    }
}

.view-all__content {

    @media (max-width: 992px) {
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin: auto;

    }

    .button {
        font-size: var(--fz-12) !important;

        @media (max-width: 576px) {
            border-radius: 50%;
            width: 40px;
            height: 40px;

        }

        svg {
            width: 20px;
            height: 20px;
        }

        span {
            @media (max-width: 576px) {
                display: none;
            }
        }
    }

}

.view-all__title {
    margin-bottom: 10px;
    font-size: var(--fz-24);
    line-height: 1.15;
    font-weight: 700;
    color: var(--red-700);

    @media (max-width: 576px) {
        font-size: var(--fz-18);
    }
}

.view-all__text {
    margin-bottom: 20px;
    font-size: var(--fz-14);
    line-height: 1.4;
    color: var(--blue-350);

    @media (max-width: 576px) {
        font-size: var(--fz-12);
    }
}

.view-all__decor {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 220px;
    height: 220px;
    pointer-events: none;

    span {
        position: absolute;
        inset: 0;
        border: 1px solid rgba(255, 77, 109, 0.16);
        border-radius: 52% 48% 57% 43% / 48% 56% 44% 52%;
        transform-origin: center;

        &:nth-child(1) {
            transform: rotate(0deg) scale(1);
        }

        &:nth-child(2) {
            transform: rotate(12deg) scale(0.92);
        }

        &:nth-child(3) {
            transform: rotate(24deg) scale(0.84);
        }

        &:nth-child(4) {
            transform: rotate(36deg) scale(0.76);
        }

        &:nth-child(5) {
            transform: rotate(48deg) scale(0.68);
        }
    }
}

.view-all__icon {
    position: absolute;
    right: 50px;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 68px;
    height: 68px;
    border-radius: 50%;
    background: var(--white);
    color: var(--red-700);
    box-shadow: 0 12px 24px rgba(239, 35, 72, 0.18);
    top: 50%;

    @media (max-width: 992px) {
        top: 75%;
    }
    @media (max-width: 576px) {
        display: none;
    }

    svg {
        width: 30px;
        height: 30px;
        stroke-width: 15;
        fill: var(--red-700);
        stroke: var(--red-700);
    }
}












/* End */


/* Start:/lending/ak511/color.css?17804918042186*/
:root {
    /* White */
    --white: #FFFFFF;
    --white-70: #FFFFFFB3;
    --white-a8: #ffffffa8;
    --gray-50: #FFFCF9;
    --gray-75: #FFF9F9;

    /* Light gray */
    --gray-100: #F5F5F5;
    --gray-150: #EDEDED;
    --gray-200: #DDDDDD;
    --gray-250: #D9D9D9;
    --gray-300: #D3D3D3;

    /* Gray with transparency */
    --gray-200-47: #edf2f7;
    --gray-350: #f3f4f6;
    --gray-350-30: #f3f4f64d;
    --gray-350-50: #f3f4f680;
    --gray-350-60: #d9d9d9;

    /* Medium gray */
    --gray-400: #BCBCBC;
    --gray-450: #B0B0B0;
    --gray-500: #929292;

    /* Dark gray */
    --gray-600: #707070;
    --gray-700: #3A3A3A;
    --gray-800: #1c2f49;
    --gray-850: #1F242E;

    /* Blue */
    --blue-100: #92D7FF;
    --blue-150: #dfeeff;
    --blue-200: #e6e9ef;
    --blue-250: #d7e2ef;
    --blue-300: #2AB0E4;
    --blue-350: #64758b;
    --blue-380: #52657c;
    --blue-400: #5F86C1;
    --blue-450: #2770ca;
    --blue-500: #0071CE;
    --blue-600: #001A34; /* Добавленный цвет */
    --blue-700: #2B5A74;

    /* Purple */
    --purple-100: #ebe5ff;
    --purple-500: #7d60d9;

    /* Red */
    --red-100: #FFF3F3;
    --red-300: #FFE7E7;
    --red-500: #FF532F;
    --red-600: #FF2C4F; /* hover */
    --red-700: #E21B3C; /* фирменный цвет сайта*/

    /* Orange */
    --orange-100: #ffeadf;
    --orange-500: #D76F17;
    --orange-600: #e26732;
    /*Yelow*/

    --yellow-400: #ffb000;
    --yellow-gradient: linear-gradient(135deg, rgba(255, 176, 0, 0.16), rgba(226, 27, 60, 0.08));
    /* Green */
    --green-50: #d9f5f2;
    --green-75: #dcf5d9;
    --green-100: #3DC3A0;
    --green-150: #E6F7EAFF;
    --green-200: #2A9A45FF;
    --green-250: #2c9c43;
    --green-400: #3EBDC5;
    --green-500: #169aa2;
    --green-600: #0CB94C;

    /* Live Search */
    --color-EDEEEF: #EDEEEF;
    --color-EFF4F9: #EFF4F9;
    --color-3F4B69: #3F4B69;
    /* Тень для этого цвета вынесена в отдельную переменную */
    --shadow-card: 0 10px 28px rgba(25, 55, 90, .08);
    --shadow-card-hover: 0 24px 56px rgba(25, 55, 90, 0.14);
    --shadow-red: 0 14px 28px rgba(227, 6, 19, 0.22);
}

/* End */
/* /lending/ak511/style.css?178059257226085 */
/* /lending/ak511/buttons.css?17804916924003 */
/* /lending/ak511/ui.css?178049169417706 */
/* /lending/ak511/color.css?17804918042186 */