.section-offer {
    margin-bottom: 0;
}

.section-offer .section-block__header {
    display: none;
}

.offer h1 {
    font-family: var(--font-family-primary), sans-serif !important;
    color: var(--secondary-color);
    font-weight: 700;
    text-align: left;
    text-transform: uppercase;
    line-height: 1.3;
    margin-bottom: 0;
}

.offer h1 span {
    color: var(--accent-color);
}

@media (min-width: 992px) {
    .offer h1 span {
        display: inline;
    }
}

.offer__subtitle {
    color: var(--heading-color);
}

.offer__subtitle span {
    font-weight: 700;
    color: var(--secondary-color);
}

.offer__list li mark {
    color: var(--heading-color);
    font-weight: bold;
}

.offer__container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    position: relative;
}

@media (min-width: 992px) {
    .offer__container {
        height: calc(100vh - 325px);
        flex-direction: row;
        gap: 40px;
    }
}

.offer__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 20px;
    flex: 1 1 100%;
}

@media (min-width: 992px) {
    .offer__content {
        flex: 1 1 calc((100% - 40px) / 2);
    }
}

.offer__content button svg {
    width: 16px;
    height: 16px;
    fill: var(--light-color);
}

.offer__image {
    position: relative;
}

.message {
    display: none;
}

@media (min-width: 576px) {
    .message {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .offer__message {
        position: absolute;
        top: 0;
        right: 31.5%;
    }
}

@media (min-width: 992px) {
    .offer__message {
        top: 25px;
        right: 35.5%;
    }
}

@media (min-width: 1200px) {
    .offer__message {
        top: 35px;
        right: 36.5%;
    }
}

.scroll {
    display: flex;
    align-items: center;
    background-color: var(--light-color);
    width: 150px;
    border-radius: 25px;
    overflow: hidden;
}

.scroll span {
    font-size: 1rem;
    display: block;
    white-space: nowrap;
    padding: 5px;
    animation: 4s text-scroll linear infinite;
}

@media (min-width: 992px) {
    .message__scroll {
        position: absolute;
        top: -55px;
    }
}

@keyframes text-scroll {
    0% {
        transform: translateX(130px)
    }

    100% {
        transform: translateX(-290px)
    }
}

.load {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    width: 80px;
    height: 80px;
    border-radius: 50%;
}

.load span {
    width: 10px;
    height: 10px;
    background-color: #426ee2;
    border-radius: 50%;
    display: inline-block;
    animation-name: wave-effect;
    animation-duration: 1.8s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.load span:nth-child(2) {
    animation-delay: .30s;
}

.load span:nth-child(3) {
    animation-delay: .61s;
}

@keyframes wave-effect {
    25% {
        transform: translateY(-25px)
    }

    65% {
        transform: translateY(8px)
    }

    80% {
        transform: translateY(0px)
    }
}

.offer__logo-cat {
    position: absolute;
    right: 0;
    bottom: -20px;
}

@media (min-width: 768px) {
    .offer__logo-cat {
        bottom: -50px;
    }
}

@media (min-width: 992px) {
    .offer__logo-cat {
        bottom: 25px;
        right: 15px;
    }
}

@media (min-width: 1200px) {
    .offer__logo-cat {
        bottom: -50px;
        right: 0;
    }
}

.logo-cat {
    width: 60px;
}

@media (min-width: 425px) {
    .logo-cat {
        width: 100px;
    }
}

.logo-cat-left-ear,
.logo-cat-right-ear {
    transition-property: transform;
}

.logo-cat-left-ear {
    transition-delay: 100ms;
    transition-duration: 0.5s;
    transition-timing-function: ease-in-out;
    animation: cat-left 4s infinite linear;
}

.logo-cat-right-ear {
    transition-delay: 100ms;
    transition-duration: 0.5s;
    transition-timing-function: ease-in;
    animation: cat-right 4s infinite linear;
}

@keyframes cat-left {
    0% {
        transform: rotate(-18deg);
    }

    100% {
        transform: rotate(-6deg);
    }
}

@keyframes cat-right {
    0% {
        transform: rotate(22deg);
    }

    100% {
        transform: rotate(5deg);
    }
}