@font-face {
    font-family: 'DTC Snow Bunny';
    src: url('/themes/rent2own/assets/css/fonts/DTCSnowBunny/DTCSnowBunnyRegular.eot');
    src: url('/themes/rent2own/assets/css/fonts/DTCSnowBunny/DTCSnowBunnyRegular.eot?#iefix') format('embedded-opentype'),
        url('/themes/rent2own/assets/css/fonts/DTCSnowBunny/DTCSnowBunnyRegular.woff2') format('woff2'),
        url('/themes/rent2own/assets/css/fonts/DTCSnowBunny/DTCSnowBunnyRegular.woff') format('woff'),
        url('/themes/rent2own/assets/css/fonts/DTCSnowBunny/DTCSnowBunnyRegular.ttf') format('truetype'),
        url('/themes/rent2own/assets/css/fonts/DTCSnowBunny/DTCSnowBunnyRegular.svg#DTCSnowBunnyRegular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


#members-banner {
    padding: 15px 15px;
    margin-top: 0;
    margin-bottom: 51px;
    width: 100%;
}

#members-banner .container {
    border-radius: 14px;
    max-width: 1310px;
    width: 100%;
    height: auto;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.38);
    background-image: url(/themes/rent2own/redesign/images/homepage/members-banner/member-back.jpg);
    background-image: -webkit-image-set(url("/themes/rent2own/redesign/images/homepage/members-banner/member-back.jpg") 1x,
            url("/themes/rent2own/redesign/images/homepage/members-banner/member-back@2x.jpg") 2x);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

#members-banner p {
    margin: 0;
    padding: 0;
}

#members-banner .mb-title {
    color: #E50019;
    text-align: center;
    font-family: 'DTC Snow Bunny';
    font-size: 89.544px;
    font-style: normal;
    font-weight: 400;
    line-height: 55.527px;
    /* 60% */
    margin-bottom: 22px;
}

#members-banner .mb-subtitle {
    text-align: center;
    font-size: 49.26px;
    font-style: normal;
    font-weight: 900;
    line-height: 32.663px;
    /* 62.5% */
    margin-bottom: 32px;
}

#members-banner .mb-text {
    text-align: center;
    font-size: 30.915px;
    font-style: normal;
    font-weight: 500;
    line-height: 40.082px;
    /* 118.182% */
    margin-bottom: 20px;
}

#members-banner .button {
    width: 175px;
    height: 45px;
    border-radius: 65px;
    border: 1px solid #E50019;
    background: #E50019;
    color: #FFF;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 900;
    line-height: 19px;
    /* 105.556% */
    text-transform: uppercase;
}

#members-banner .button:hover,
#members-banner .button:active,
#members-banner .button:visited,
#members-banner .button:focus {
    color: white;
    text-decoration: none;
}

#members-banner .member-img {
    margin: 48px 0;
}

#members-banner .members-banner-inner {
    gap: 40px;
}

#members-banner .members-banner-left {
    margin-left: -12.5em;
}

@supports (background: -webkit-named-image(i)) {}

@media screen and (max-width: 1600px) {
    #members-banner .members-banner-inner {
        gap: 68px;
    }

    #members-banner .members-banner-left {
        margin-left: -10.5em;
    }
}

@media screen and (max-width: 1530px) {
    #members-banner .members-banner-left {
        margin-left: -3em;
    }

    #members-banner .members-banner-inner {
        gap: 35px;
    }
}

@media screen and (max-width: 1390px) {
    #members-banner .members-banner-left {
        margin-left: 0;
        max-width: 582px;
    }

    #members-banner .members-banner-inner {
        gap: 10px;
    }

    #members-banner .members-banner-left picture {
        width: 100%;
    }

    #members-banner .members-banner-right {
        min-width: 580px;
    }
}

@media screen and (max-width: 1100px) {
    #members-banner .members-banner-inner {
        padding: 15px;
    }
}

@media screen and (max-width: 991px) {
    #members-banner .members-banner-inner {
        padding: 34px 15px 19px 15px;
    }

    #members-banner .members-banner-right {
        min-width: unset;
    }
}

@media screen and (max-width: 567px) {
    #members-banner .members-banner-inner {
        padding: 58px 0 0;
        flex-direction: column-reverse;
    }

    #members-banner .mb-title {
        font-size: 46.6px;
        font-style: normal;
        font-weight: 400;
        line-height: 27.96px;
        /* 60% */
        margin-bottom: 11px;
    }

    #members-banner .mb-subtitle {
        font-size: 26.316px;
        font-style: normal;
        font-weight: 900;
        line-height: 16.447px;
        /* 62.5% */
        margin-bottom: 15px;
    }

    #members-banner .mb-text {
        font-size: 17.078px;
        font-style: normal;
        font-weight: 500;
        line-height: 20.183px;
        /* 118.182% */
        margin-bottom: 20px;
    }

    #members-banner .button {
        width: 145px;
        height: 37.286px;
        border-radius: 53.857px;
        border: 0.829px solid #E50019;
        font-size: 14.914px;
        font-style: normal;
        font-weight: 900;
        line-height: 15.743px;
        /* 105.556% */
    }

    #members-banner .member-img {
        margin: 0;
    }

    #members-banner .members-banner-left {
        margin-left: 0;
        max-width: unset;
        position: absolute;
        bottom: 14px;
        width: 100%;
    }

    #members-banner .members-banner-left picture {
        width: 115%;
        max-width: 115%;
    }

    #members-banner .members-banner-right {
        margin-bottom: 208px;
    }

    #members-banner .container {
        border-radius: 14px;
        max-width: 100%;
        width: 100%;
        background-image: url(/themes/rent2own/redesign/images/homepage/members-banner/member-back-m.jpg);
        background-image: -webkit-image-set(url("/themes/rent2own/redesign/images/homepage/members-banner/member-back-m.jpg") 1x,
                url("/themes/rent2own/redesign/images/homepage/members-banner/member-back-m@2x.jpg") 2x);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    #members-banner {
        margin-bottom: 0;
    }
}