
/* section-custom */
.section-custom {
    --offset-block: var(--offset-main);
    --width-image-left: 37.75rem;
    --width-image-right: 29.25rem;
}
.section-custom__wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--offset-block);
}
.section-custom__images {
    position: relative;
    padding-bottom: 5.0625rem;
}
.section-custom__image {
    display: block;
    border-radius: var(--radius);
    overflow: hidden;
}
.section-custom__image img {
    display: block;
    width: 100%;
    height: 100%;
}
.section-custom__image-left {
    width: var(--width-image-left);
}
.section-custom__image-right {
    width: var(--width-image-right);
    position: absolute;
    right: 4.5rem;
    bottom: 0;
}
.section-custom__content {
    display: flex;
    flex-direction: column;
    gap: 4rem;
    padding-right: 6.5rem;
}
.section-custom__body {
    display: flex;
    flex-direction: column;
    gap: var(--offset-big);
}
.section-custom__bottom {
    display: flex;
    gap: var(--offset-secondary);
}
.section-custom__bottom-count {
    font-size: 11.5rem;
    line-height: 1;
    white-space: nowrap;
}
.section-custom__bottom-descr {
    padding-top: var(--offset-medium);
}

@media screen and (max-width: 1800px) {
    .section-custom__image-right {
        right: 0;
    }
    .section-custom__content {
        padding-right: 0;
        gap: var(--offset-main);
    }
    .section-custom__wrapper {
        grid-template-columns: 2fr 1fr;
    }
    .section-custom__bottom-count {
        font-size: 7.5rem;
    }
}
@media screen and (max-width: 1023.5px) {
    .section-custom__wrapper {
        grid-template-columns: 1fr;
    }
    .section-custom__images {
        display: none;
    }
}