.this-is-noon {
   overflow: visible;
    padding-bottom: 85px;
}


.this-is-noon__wrapper {
    display: flex;
    gap: 85px;
}

.this-is-noon__images {
    position: relative;
    flex-basis: 786px;
    max-height: 707px;
}

.this-is-noon__image-wrapper {
    display: flex;
    position: relative;
    width: 100%;
    height: 100%;
    /*background: url('/wp-content/uploads/2025/04/this-is-noon-img-2.webp') no-repeat left / cover;*/
    mask-image: url('/wp-content/uploads/2025/04/noon-image-mask-8.svg');
    -webkit-mask-image: url('/wp-content/uploads/2025/04/noon-image-mask-8.svg');
    mask-size: contain;
    -webkit-mask-size: contain;
    mask-position: bottom left;
    mask-repeat: no-repeat;
}

.this-is-noon__image-helper {
    position: relative;
    width: 100%;
    height: 100%;
}

.this-is-noon__image-helper::after {
    content: "";
    position: absolute;
    top: -6px;
    left: -6px;
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    background: url('/wp-content/uploads/2025/04/noon-image-border-5.svg') no-repeat bottom left / contain;
    pointer-events: none; /* Щоб не заважав клікам */
}

.this-is-noon__smaller-image {
    position: absolute;
    bottom: 0;
    right: 0;
    border-radius: 20px 30px 30px 30px;
    width: 35%;
    height: auto;
    outline: 6px solid #1b2a25;
    filter: drop-shadow(0px 44px 60px rgba(0, 0, 0, 0.25));
}

.this-is-noon__text-content {
    max-width: 90.6%;
}


.this-is-noon__inner-wrapper {
    flex-basis: 443px;
    flex-grow: 1;
    padding: 100px 0 117px 0;
}

.this-is-noon__heading {
    margin-bottom: 20px;
}

.this-is-noon__btn {
    margin-top: 50px;
    min-width: 280px;
}

.this-is-noon__text * {
    color: #BED0C9;
}
@media screen and (max-width: 1199.98px) {
    .this-is-noon__inner-wrapper {
        padding: 0;
    }

}

@media screen and (max-width: 1024.98px) {
    .this-is-noon__wrapper {
        flex-direction: column;
        gap: 31px;
    }

    .this-is-noon {
        margin-top: -30px;
    }

    .this-is-noon {
        padding-bottom: 50px;
    }

    .this-is-noon__inner-wrapper{
        flex-basis: 100%;
    }

    .this-is-noon__images {
        flex-basis: 100%;
    }

    .this-is-noon__images {
        max-height: 100%;
    }

    .this-is-noon__heading {
        margin-bottom: 10px;
    }

    .this-is-noon__btn {
        margin-top: 30px;
        min-width: 0;
    }

    .this-is-noon__text-content {
        max-width: 100%;
    }

    .this-is-noon__text * {
        line-height: 1.5;
    }

    .this-is-noon__smaller-image {
    border-radius: 20px;
    }

}

@media screen and (max-width: 599.98px) {
    .this-is-noon__image-helper::after {
        top: -2.5px;
        left: -2.5px;
        width: calc(100% + 2.5px);
        height: calc(100% + 2.5px);
        background: url(/wp-content/uploads/2025/04/noon-image-border-mobile-5.svg) no-repeat bottom left / contain;
    }

    .this-is-noon__smaller-image {
        border-radius: 10px;
        outline: 2.5px solid #1b2a25
    }

    .this-is-noon__text p:not(:last-child) {
        margin-bottom: 10px;
    }
}