#cr {
    font-size: 16px;
    --red: #E51937;
}
#cr-hero {
    background-image: url('../../../images/corporate-rentals/hero-back.jpg');
    background-image: image-set(url('../../../images/corporate-rentals/hero-back.jpg') 1x, url('../../../images/corporate-rentals/hero-back@2x.jpg') 2x);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 51px 0 52px;
    width: 1280px;
    max-width: calc(100% - 30px);
    margin-top: 48px;
    margin-bottom: 66px;
    border-radius: 15px;
}
#cr-hero .title {
    font-size: 3.875em;
    line-height: 1;
}
#cr-hero .title .frog {
    margin-right: -44px;
    margin-bottom: -35px;
}
#cr-content {
    padding-bottom: 162px;
}
#cr-content .container {
    gap: 50px;
    width: 1310px;
}
#cr-content .cr-image,
#cr-content .cr-text {
    flex-basis: 50%;
    flex-grow: 0;
}
#cr-content .cr-image .image-wrapper {
    height: auto;
    aspect-ratio: 1 / 0.59003215;
}
#cr-content .cr-text:nth-child(odd) {
    padding-right: 50px;
}
#cr-content .cr-text:nth-child(even) {
    padding-left: 50px;
}
#cr-content .cr-text p {
    font-size: 1.25em;
    line-height: 1.6;
    margin-bottom: 1em;
}
#cr-content .cr-text .button {
    width: 216px;
    height: 40px;
    border-radius: 20px;
    font-size: 1.25em;
    margin-top: 30px;
}
@media screen and (max-width: 991px) {
    #cr-content .cr-row {
        flex-direction: column;
        align-items: center;
        row-gap: 20px;
    }
    #cr-content .row-2 {
        flex-direction: column-reverse;
    }
    #cr-content .cr-image,
    #cr-content .cr-text {
        flex-basis: auto;
        width: 100%;
        max-width: 622px;
    }
    #cr-content .cr-text:nth-child(odd) {
        padding-right: 0;
    }
    #cr-content .cr-text:nth-child(even) {
        padding-left: 0;
    }
}
@media screen and (max-width: 567px) {
    #cr-hero {
        background-image: url('../../../images/corporate-rentals/hero-back-m.jpg');
        background-image: image-set(url('../../../images/corporate-rentals/hero-back-m.jpg') 1x, url('../../../images/corporate-rentals/hero-back-m@2x.jpg') 2x);
        padding: 24px 0 36px;
        margin-top: 33px;
        margin-bottom: 50px;
        border-radius: 10px;
    }
    #cr-hero .title {
        font-size: 2.375em;
        display: flex;
        flex-direction: column;
    }
    #cr-hero .title .frog {
        position: absolute;
        margin: 0;
        width: 124px;
        left: -82px;
        bottom: -23px;
    }
    #cr-hero .title span {
        font-size: 147.368421%
    }
    #cr-content {
        padding-bottom: 70px;
    }
    #cr-content .cr-image .image-wrapper {
        aspect-ratio: 1 / 0.83985102;
    }
    #cr-content .cr-text p {
        line-height: 1.5;
    }
    #cr-content .cr-text .button {
        width: 264px;
        margin-left: auto;
        margin-right: auto;
    }
}