@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;
}

#club-hero .button:hover,
#club-hero .button:visited,
#club-hero .button:active,
#club-hero .button:focus,
#benefits .banner3 .button:hover,
#benefits .banner3 .button:visited,
#benefits .banner3 .button:active,
#benefits .banner3 .button:focus {
    text-decoration: none !important;
}

#club-hero .hero-inner {
    margin-top: 21px;
    margin-bottom: 44px;
    overflow: visible;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../images/redesign/back.jpg);
    background-image: -webkit-image-set(url("../images/redesign/back.webp") 1x, url("../images/redesign/back@2x.webp") 2x);
    max-width: 1460px;
    border-radius: 30px 30px 0 0;
}

#club-hero p {
    margin-bottom: 0;
    padding: 0;
}

#club-hero .left {
    left: 9em;
    bottom: 0;
}

#club-hero .right {
    right: 6em;
    bottom: 0;
}

#club-hero .hero-main {
    margin-top: 53px;
    margin-bottom: 110px;
}

#club-hero .cards {
    bottom: -32px;
    z-index: 9;
}

#club-hero a {
    all: unset;
}

#club-hero .hero-title {
    font-family: 'DTC Snow Bunny';
    color: #ED1C24;
    text-align: center;
    font-size: 94.14px;
    font-style: normal;
    font-weight: 400;
    line-height: 79.225px;
    letter-spacing: 0.941px;
    text-transform: capitalize;
    margin-bottom: 10px;
}

#club-hero .hero-text {
    color: #000;
    text-align: center;
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: 43.2px;
}

#club-hero .hero-note {
    color: #000;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    margin-top: 10px;
}

#club-hero .hero-note a {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

#club-hero .button {
    width: 216px;
    height: 38px;
    border-radius: 60px;
    background: #000;
    color: #FFF;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 900;
    line-height: 39px;
    text-transform: uppercase;
    margin-top: 10px;
    padding: 0;
}

@keyframes midItemFade {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

#sub .hero-inner {
    margin-top: 0;
    margin-bottom: 107px;
    max-width: 1180px;
    border-radius: 17.96px;
    background: #FFEE3F;
    box-shadow: 0 0 8.082px 0 rgba(0, 0, 0, 0.12);
}

#sub p {
    margin-bottom: 0;
    padding: 0;
}

#sub .hero-main {
    margin-bottom: 48px;
    margin-top: 44px;
}

#sub .sub-left {
    bottom: 0;
    left: -30px;
}

#sub .hero-title {
    color: #000;
    text-align: center;
    font-size: 45px;
    font-style: normal;
    font-weight: 700;
    line-height: 50px;
    letter-spacing: 0.45px;
    text-transform: uppercase;
}

#sub .hero-text {
    color: #000;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    max-width: 647px;
}

#sub .mid-section {
    gap: 50px;
    margin-top: 0;
    margin-bottom: 45px;
}

#sub .item-title {
    color: #000;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    text-transform: capitalize;
    margin-bottom: 7px;
}

#sub .item-text {
    color: #000;
    text-align: center;
    font-size: 15.541px;
    font-style: normal;
    font-weight: 400;
    line-height: 20.3px;
    max-width: 220.313px;
    margin-bottom: 0;
    ;
}

#sub .mid-item {
    max-width: 254px;
    width: 100%;
}

#sub .mid-item:not(:last-child):after {
    content: "";
    display: block;
    position: absolute;
    right: -97px;
    top: 64px;
    background-image: url(../../club-assets/images/redesign/arrow@2x.png);
    background-image: -webkit-image-set(url("../../club-assets/images/redesign/arrow@2x.webp") 2x);
    width: 140px;
    height: 7px;
    background-repeat: no-repeat;
    background-position: right;
    background-size: cover;
}

#sub .mid-item .item-img {
    position: relative;
    width: 132.334px;
    height: 127.372px;
    opacity: 0;
    margin-bottom: 0;
}

#sub .mid-item .item-img.is-in {
    animation: midItemFade 2s ease forwards;
}

#sub .mid-item .item-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#sub .mid-item .item-img .img-gif {
    z-index: 2;
}

#sub .mid-item .item-img .img-png {
    z-index: 1;
}

#gc-banner {
    margin-bottom: 93px;
    max-width: 1180px;
    overflow: visible;

    border-radius: 15px;
}

#gc-banner .gc-inner {
    border-radius: 15px;
    gap: 12em;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../images/redesign/gc-back.jpg);
    background-image: -webkit-image-set(url("../images/redesign/gc-back.webp") 1x, url("../images/redesign/gc-back@2x.webp") 2x);
}

#gc-banner .gc-left-wrapper {
    margin-left: -6em;
}

#gc-banner .gc-title {
    color: #FFF;
    text-align: center;
    font-size: 38px;
    font-style: normal;
    font-weight: 900;
    line-height: 47.3px;
    margin-bottom: 8px;
    max-width: 452px;
}

#gc-banner .gc-text {
    color: #FFF;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 27px;
    max-width: 452px;
}

#gc-banner .gc-image {
    max-width: unset;
    left: -8em;
}

#gc-banner .gc-right {
    max-width: unset;
    bottom: 0;
    right: -8em;
}

#gc-banner .gc-image-ph {
    max-width: 237px;
}

html {
    scroll-behavior: smooth;
}

#level-up {
    max-width: 1460px;
    margin-bottom: 83px;
    /* keeps the section title clear of the site header when jumped to via #level-up */
    scroll-margin-top: 180px;
}

#level-up .container {
    padding-top: 56px;
    padding-bottom: 53px;
    border-radius: 17.96px;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../images/redesign/cr-back.jpg);
    background-image: -webkit-image-set(url("../images/redesign/cr-back.webp") 1x, url("../images/redesign/cr-back@2x.webp") 2x);
    box-shadow: 0 0 8.082px 0 rgba(0, 0, 0, 0.12);
}

#level-up .title {
    color: #000;
    text-align: center;
    font-size: 45px;
    font-style: normal;
    font-weight: 700;
    line-height: 50px;
    letter-spacing: 0.45px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

#level-up .title+p {
    color: #000;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    max-width: 711px;
}

#level-up .l-items {
    gap: 143px;
    margin-top: 20px;
}

#level-up #mobile-options {
    overflow: hidden;
    touch-action: pan-y;
}

#level-up #mobile-options .swiper-pagination {
    position: static;
    margin-top: 20px;
}

#level-up .content-text {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
}

#level-up .content-text.perk-heavy {
    font-family: "AvenirNextLTW02-Demi" !important;
}

#level-up .content-item {
    gap: 9px;
}

#level-up .level-content {
    gap: 25px;
    left: 16px;
    margin-top: 17px;
}

#level-up .lvl-image {
    border-radius: 14.433px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
}

#level-up .level-title {
    color: #ED1C24;
    text-align: center;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    text-transform: capitalize;
    margin-bottom: 12px;
}

#benefits {
    margin-bottom: 195px;
}

#benefits .benefits-title {
    color: #000;
    text-align: center;
    font-family: 'DTC Snow Bunny';
    font-size: 68px;
    font-style: normal;
    font-weight: 400;
    line-height: 43.2px;
    text-transform: capitalize;
    margin-bottom: 18px;
}

#benefits .benefits-text {
    color: #000;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    max-width: 680px;
    margin-bottom: 40px;
}

#benefits .benefits-cards {
    gap: 40px;
}

#benefits .benefit-card {
    width: 281px;
    height: 206px;
    border-radius: 15px;
    background: #E50019;
    border: none;
}

#benefits .bc-title {
    color: #FFF;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 35px;
    text-transform: capitalize;
    margin-top: 15px;
}

#benefits .bc-text {
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    text-transform: capitalize;
}

#benefits .benefit-card1,
#benefits .benefit-card3 {
    margin-top: 50px;
}

#benefits .benefit-card2 {
    margin-bottom: 50px;
}

#popup-club-lp {
    display: none;
    align-content: center;
}

#popup-club-lp .popup-content {
    width: 769px;
    height: 789px;
    border-radius: 15px;
    background: #F7F7F7;
    padding: 21px 35px;
}

#popup-club-lp .popup-default {
    display: none;
    align-content: flex-start;
    padding-top: 24px;
}

#popup-club-lp .title p {
    color: #FFF;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    text-transform: uppercase;
}

#popup-club-lp .title {
    border-radius: 15px;
    background: #272727;
    backdrop-filter: blur(2px);
    width: 100%;
    height: 48px;
    margin-bottom: 20px;
}

#popup-club-lp .sub-title {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
}

#popup-club-lp .text {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

#popup-club-lp .list {
    margin-top: 20px;
}

#popup-club-lp .list-text {
    color: #000;
    ;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

#popup-club-lp .list-text strong {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
}

#popup-club-lp .list li {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

#popup-club-lp .disclaimer {
    color: #000;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-top: 25px;
}

#popup-club-lp .popup-close::after,
#popup-club-lp .popup-close::before {
    content: none;
}

#popup-club-lp .popup-close {
    top: 15px;
    right: 15px;
    border: none;
    width: auto;
    height: auto;
    padding: 0;
}

#popup-club-lp .bottom-text {
    margin-top: 20px;
}

#popup-club-lp .text a {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    text-decoration: underline;
}

#popup-club-lp .sub-title {
    margin-top: 20px;
}

#benefits .carousel {
    margin-top: 75px;
}

#benefits .carousel-title {
    color: #000;
    text-align: center;
    font-size: 40.706px;
    font-style: normal;
    font-weight: 700;
    line-height: 51.2px;
    max-width: 352px;
    margin-bottom: 18px;
}

#benefits .carousel-text {
    color: #000;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
}

#benefits .swiper-section {
    --k: 1;
    width: 766px;
    max-width: 100%;
    height: auto;
}

.club-carousel .swiper-wrapper {
    align-items: center;
    transition-timing-function: ease-in-out;
}

.club-carousel .swiper-slide {
    width: calc(280px * var(--k));
    height: calc(280px * var(--k));
    transition-property: transform, opacity;
    transition-timing-function: ease-in-out;
    will-change: transform;
}

.club-carousel .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 15px;
    transition-property: border-radius;
    transition-duration: inherit;
    transition-timing-function: inherit;
    -webkit-user-drag: none;
    user-select: none;
}

#benefits .carousel-content {
    margin-left: 1em;
    margin-right: 3em;
    top: 25px;
}

#benefits .bn-arrow {
    top: -85px;
    right: -44px;
}

#benefits .banner3 {
    margin-bottom: 76px;
    width: 1460px;
    border-radius: 12.572px;
    overflow: visible;
    background-image: url(../images/redesign/banner2-back.jpg);
    background-image: -webkit-image-set(url("../images/redesign/banner2-back.jpg") 1x,
            url("../images/redesign/banner2-back@2x.jpg") 2x);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    gap: 60px;
}

#benefits .banner3 .b3-left {
    gap: 25px;
}

#benefits .banner3 .title {
    color: #FFF;
    text-align: center;
    font-size: 41.786px;
    font-style: normal;
    font-weight: 900;
    line-height: 45.269px;
}

#benefits .banner3 .button {
    width: 175px;
    height: 45px;
    border-radius: 65px;
    border: 1px solid #FFEE3F;
    background: #FFEE3F;
    color: #000;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 900;
    line-height: 19px;
    text-transform: uppercase;
}

#benefits .banner3 .store-badges {
    gap: 10px;
    margin-top: 7px;
}

#benefits .banner3 .b3-right {
    gap: 6px;
}

#benefits .banner3 .item {
    gap: 17px;
    padding-left: 70px;
}

#benefits .banner3 .list-text {
    font-size: 25.82px;
    font-style: normal;
    font-weight: 400;
    line-height: 41.397px;
}

#benefits .banner3 .b3-mid {
    margin-top: 26px;
}

#benefits .banner3 .check-anim {
    left: -30px;
}

#benefits .cc-search form {
    width: 670.797px;
    height: 49.389px;
    border-radius: 58.369px;
    border: 1.347px solid #e7e7e7;
    background: #fff;
}

#benefits .cc-search input {
    width: 86%;
    height: 100%;
    border: none;
}

#benefits .cc-search input::placeholder {
    color: black;
}

#benefits .cc-search button {
    border: none;
    outline: none;
    border-radius: 58.369px;
    background: #E5001D;
    width: 108.657px;
    height: 49.389px;
    color: white;
    text-align: center;
    font-size: 16.164px;
    font-style: normal;
    font-weight: 700;
    line-height: 21.552px;
    text-transform: uppercase;
    right: 0;
}

#benefits .cc-search .search-img {
    left: 20px;
    top: 16px;
}

#benefits .ls-title {
    color: #000;
    text-align: center;
    font-size: 45px;
    font-style: normal;
    font-weight: 700;
    line-height: 50px;
    letter-spacing: 0.45px;
    text-transform: uppercase;
    margin-bottom: 17px;
}

#benefits .ls-text {
    color: #000;
    text-align: center;
    font-size: 22px;
    font-style: normal;
    line-height: 33px;
}

#benefits .cc-search {
    margin-top: 15px;
}

#benefits .search-inner select {
    border: 0;
    background: unset;
    width: 100%;
    padding-left: 48px;
    height: 100%;
}

/* Safari Only */
@supports (background: -webkit-named-image(i)) {
    #benefits .search-inner select {
        text-indent: 40px;
    }
}

main picture,
#popup-club-lp picture {
    display: contents;
}

.blob {
    top: 384px;
    width: 100%;
    height: auto;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
}

.patterned-back {
    bottom: 0;
    width: 100%;
    height: auto;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
}

#benefits .banner3 .confetti-gif {
    bottom: 0;
    clip-path: inset(150px 0 0 0);
}

#level-up .l-items {
    position: relative;
}

#level-up .l-items .l-item:nth-child(2)::before {
    content: '';
    position: absolute;
    width: 277px;
    height: 150px;
    border-radius: 10px;
    background: #F0FBFF;
    bottom: -4px;
    left: 0;
}

#level-up .l-items .l-item:nth-child(3)::before {
    content: '';
    position: absolute;
    width: 281px;
    height: 257px;
    border-radius: 10px;
    background: #F0FBFF;
    bottom: -4px;
    left: 0;
}

.pm-anim {
    position: absolute;
    padding: 0;
    left: -93px;
    max-width: 227px;
    top: 81px;
}

@media screen and (min-width: 1400px) and (max-width: 1800px) {
    #club-hero .hero-inner {
        margin-left: 60px;
        margin-right: 60px;
    }

    #sub .hero-inner {
        margin-left: 140px;
        margin-right: 140px;
    }

    #level-up {
        padding-left: 60px;
        padding-right: 60px;
        max-width: 1580px;
    }

    #benefits {
        padding-left: 60px;
        padding-right: 60px;
    }

    #benefits .banner3 {
        width: 100%;
        gap: 2em;
    }

    #benefits .swiper-section {
        width: 51%;
    }
}

@media screen and (max-width: 1500px) {
    #club-hero .left {
        left: 6em;
    }

    #club-hero .right {
        right: 4em;
    }
}

@media screen and (max-width: 1399px) {
    #sub {
        padding: 0 20px;
    }

    #sub .hero-main {
        width: 100%;
    }

    #club-hero {
        margin: 0 20px;
        width: auto;
    }

    #gc-banner {
        padding: 0 20px;
    }

    #level-up {
        padding-left: 20px;
        padding-right: 20px;
    }

    #benefits {
        padding-left: 20px;
        padding-right: 20px;
    }

    #benefits .banner3 {
        width: 100%;
    }

    #benefits .swiper-section {
        width: 51%;
    }

}

@media screen and (max-width: 1355px) {
    #benefits .banner3 {
        width: 97%;
    }

    #benefits .cc-search {
        width: 97%;
    }
}

@media screen and (max-width: 1300px) {
    #benefits .benefit-card {
        margin-top: 0;
        margin-bottom: 0;
    }

    #benefits .benefits-cards {
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 1250px) {
    #benefits .banner3 .b3-mid {
        order: 3;
    }

    #benefits .banner3 {
        flex-direction: column;
        padding-top: 1em;
        gap: 20px;
    }
}

@media screen and (max-width: 1200px) {

    #club-hero .right,
    #club-hero .left {
        display: none;
    }

    #level-up .l-items {
        gap: 50px;
    }

    #benefits .bn-left {
        display: none;
    }

    #benefits .carousel {
        padding: 80px 0;
    }

    #benefits .banner3 {
        width: 100%;
    }
}

@media screen and (max-width: 991px) {
    #gc-banner .gc-left-wrapper {
        margin: 2em 0;
    }
}

@media screen and (max-width: 767px) {
    #level-up .title {
        font-size: 31px;
        margin-bottom: 7px;
    }
}

@media screen and (max-width: 600px) {
    #level-up {
        text-align: center;
        padding: 30px 0 0 0;
    }

    #level-up .l-items>div {
        margin-bottom: 30px;
    }

    #level-up .l-items {
        margin-top: 30px;
    }

    #level-up .l-items>div {
        width: 100%;
    }
}

@media screen and (max-width: 567px) {
    #club-hero .hero-title {
        font-size: 69.14px;
        line-height: 61.2px;
        letter-spacing: 0.691px;
        max-width: 300px;
    }

    #club-hero .hero-note {
        font-size: 13.677px;
        line-height: 23.935px;
        margin-top: 14px;
    }

    #club-hero .hero-note a {
        font-size: 13.677px;
        line-height: 23.935px;
    }

    #club-hero .button {
        border-radius: 55.888px;
        border: 0.86px solid #000;
        width: 191px;
        height: 38.692px;
        font-size: 15.477px;
        line-height: 38.336px;
        margin-top: 21px;
    }

    #club-hero .hero-inner {
        margin-top: 0;
        border-radius: 13.47px;
        margin-bottom: 0;
        margin: 0 20px;
    }

    #club-hero {
        margin: 0;
        width: 100%;
    }

    #club-hero .hero-main {
        overflow: hidden;
        margin-top: 34px;
        margin-bottom: 130px;
    }

    #sub .mid-item .item-img {
        opacity: 1;
    }

    #sub .hero-title {
        font-size: 37px;
        line-height: 45px;
        /* 121.622% */
        letter-spacing: 0.37px;
    }

    #sub .hero-text {
        font-size: 16px;
        line-height: 24px;
        /* 150% */
        max-width: 305px;
        margin-bottom: 20px;
    }

    #sub .mid-section {
        margin-bottom: 35px;
        max-width: 100%;
    }

    #sub .swiper-slide {
        max-width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #sub .swiper-slide:not(:last-child) .mid-item:after {
        content: "";
        display: block;
        position: absolute;
        right: -153px;
        top: 60px;
        background-image: url(../../club-assets/images/redesign/arrow@2x.png);
        background-image: -webkit-image-set(url("../../club-assets/images/redesign/arrow@2x.webp") 2x);
        width: 179px;
        height: 7px;
        background-repeat: no-repeat;
        background-position: right;
        background-size: cover;
    }

    #sub .hero-inner {
        border-radius: 13.47px;
        margin-bottom: 0;
    }

    #sub {
        margin-top: 20px;
        margin-bottom: 50px;
    }

    #sub .hero-main {
        overflow: hidden;
        margin-bottom: 38px;
        margin-top: 67px;
    }

    #benefits .banner3 {
        background-image: url(../images/redesign/banner2-back-m.jpg);
        background-image: -webkit-image-set(url("../images/redesign/banner2-back-m.webp") 1x,
                url("../images/redesign/banner2-back-m@2x.webp") 2x);
    }

    #benefits .banner3 .title {
        font-size: 29.894px;
        line-height: 32.385px;
    }

    #benefits .banner3 {
        padding: 0 15px;
        padding-top: 30px;
        gap: 16px;
        margin-bottom: 60px;
        z-index: 2;
    }

    #benefits .banner3 .b3-mid {
        margin-top: -12px;
        width: 100%;
    }

    #benefits .banner2-img {
        margin: 0;
        left: 50%;
        transform: translateX(-66%);
    }

    #benefits .banner3 .store-badges {
        width: 100%;
        margin-bottom: 12px;
    }

    #benefits .banner3 .store-badges img {
        width: 100%;
        max-width: 154.031px;
        height: auto;
    }

    dotlottie-wc.check-anim {
        width: 65px !important;
        left: -20px !important;
    }

    #benefits .banner3 .item {
        padding-left: 30px;
    }

    #benefits .banner3 .list-text {
        font-size: 14.775px;
        line-height: 22.374px;
    }

    #benefits .b3-right .item img {
        width: 15px;
    }

    #benefits .banner3 .b3-right {
        gap: 0;
        width: 100%;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: space-between;
    }

    #benefits .banner3 .item {
        gap: 7px;
    }

    #benefits .banner3 .item-box {
        flex-basis: 50%;
        gap: 9px;
    }

    #benefits .banner3 .b3-left {
        gap: 8px;
        width: 100%;
    }

    #benefits .b3-text {
        color: #FFF;
        text-align: center;
        font-size: 19.4px;
        font-style: normal;
        font-weight: 500;
        line-height: 22.928px;
        /* 118.182% */
        max-width: 232.301px;
    }

    #benefits .banner3 .button {
        width: 145px;
        height: 37.286px;
        font-size: 14.914px;
        line-height: 15.743px;
        margin-top: 3px;
    }

    #benefits .cc-search form {
        width: 90%;
    }

    #benefits .cc-search input {
        width: 72%;
    }

    #club-hero {
        margin-top: 20px;
    }

    main {
        background-color: white;
    }

    #club-hero .cards {
        width: 100%;
        bottom: unset;
        top: 267px;
    }

    #sub .sub-left {
        max-width: 103px;
        left: -14px;
        z-index: 3;
    }

    #sub a.button {
        border-radius: 55.888px;
        border: 0.86px solid #000;
        background: #000;
        width: 184.86px;
        height: 38.692px;
        color: #FFF;
        text-align: center;
        font-size: 15.477px;
        font-style: normal;
        font-weight: 900;
        line-height: 16.336px;
        /* 105.556% */
        text-transform: uppercase;
        margin-top: 10px;
    }

    #gc-banner .gc-title {
        font-size: 28px;
        line-height: 35px;
        /* 125% */
        letter-spacing: 0.28px;
        text-transform: uppercase;
        max-width: 350px;
    }

    #gc-banner .gc-text {
        font-size: 16px;
        line-height: 24px;
        /* 150% */
        max-width: 305px;
    }

    #gc-banner .gc-right-wrapper {
        width: 100%;
        margin-top: 0;
        max-width: 360px;
    }

    #gc-banner .gc-image {
        left: 2px;
        max-width: 225.736px;
        bottom: -23px;
    }

    #gc-banner .gc-right {
        right: -27px;
        max-width: 191.95px;
    }

    #gc-banner .gc-left-wrapper {
        margin-bottom: 0;
        margin-top: 40px;
    }

    #gc-banner {
        margin-bottom: 76px;
        border-radius: 13.47px;
    }

    #level-up .title {
        font-size: 37px;
        line-height: 45px;
        /* 121.622% */
        letter-spacing: 0.37px;
        max-width: 220px;
        margin: 0 auto;
        margin-bottom: 11px;
    }

    #level-up .title+p {
        font-size: 16px;
        line-height: 26px;
        /* 162.5% */
    }

    #level-up .swiper-container {
        margin-top: 28px;

    }

    #level-up .gc-image {
        max-width: 232.125px;
        height: auto;
        border-radius: 14.433px;
        box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
    }

    #level-up .content-text {
        text-wrap-mode: nowrap;
    }

    #level-up .level-content {
        align-items: flex-start;
        max-width: 245.125px;
        margin: 0 auto;
        margin-top: 17px;
    }

    #level-up {
        padding: 0 20px;
        margin-bottom: 67px;
    }

    #level-up .content-item {
        width: 100%;
        justify-content: flex-start;
    }

    #level-up .swiper-pagination-clickable .swiper-pagination-bullet {
        border-radius: 10px;
        border: 1px solid #CCC;
        background: #FFF;
        width: 10px;
        height: 10px;
        aspect-ratio: 1/1;
    }

    #level-up .swiper-pagination-bullet-active {
        background: #FC0D1B !important;
        border: 1px solid #FC0D1B !important;
    }

    #benefits .benefits-title {
        font-size: 57px;
        line-height: 45px;
        /* 78.947% */
        letter-spacing: 0.57px;
        max-width: 242px;
        margin-bottom: 16px;
    }

    #benefits .benefits-text {
        font-size: 16px;
        margin-bottom: 32px;
    }

    #benefits .benefit-card {
        /* 2 per row: half the row minus half the 20px gap, never wider than 167px */
        width: calc((100% - 20px) / 2);
        max-width: 167px;
        height: 141px;
        border-radius: 8.902px;
    }

    #benefits .benefit-icon {
        width: auto;
        max-height: 40px;
    }

    #benefits .bc-title {
        font-size: 15.87px;
        line-height: 20.772px;
        /* 130.89% */
        max-width: 135.316px;
        margin-top: 10px;
    }

    #benefits .bc-text {
        font-size: 12.5px;
        line-height: 20.772px;
        /* 166.177% */
    }

    #benefits .benefits-cards {
        gap: 20px;
        width: 100%;
        max-width: 354px;
    }

    #benefits .carousel {
        padding: 0;
        flex-direction: column;
    }

    #benefits .carousel-content {
        margin: 0;
        top: unset;
    }

    #benefits .carousel-title {
        font-size: 36px;
        line-height: 45px;
        margin-bottom: 3px;
    }

    #benefits .carousel-text {
        font-size: 16px;
    }

    #benefits .swiper-section {
        width: 126%;
        margin-bottom: 87px;
        max-width: unset;
        margin-top: 50px;
    }

    #benefits .bn-arrow {
        top: 53px;
        right: -20px;
    }

    #benefits .bn-left {
        display: block;
        position: absolute;
        max-width: 129px;
        bottom: -37px;
        left: 22px;
        z-index: 2;
    }

    #benefits .ls-title {
        font-size: 36px;
        line-height: 45px;
        /* 125% */
        letter-spacing: 0.36px;
    }

    #benefits .ls-text {
        font-size: 18px;
        line-height: 28px;
        /* 155.556% */
        max-width: 300px;
    }

    #benefits .cc-search {
        width: 100%;
    }

    #benefits .cc-search form {
        width: 100%;
    }

    #benefits .cc-search {
        margin-top: 19px;
    }

    #level-up .container {
        border-radius: 13.47px;
        background-image: url(../images/redesign/cr-back-m.jpg);
        background-image: -webkit-image-set(url("../images/redesign/cr-back-m.webp") 1x, url("../images/redesign/cr-back-m@2x.webp") 2x);
    }

    #popup-club-lp .popup-default {
        overflow-y: scroll;
    }

    #popup-club-lp .popup-content {
        width: 100%;
        height: 100%;
        border-radius: 0;
        background: #F7F7F7;
        padding: 39px 12px;
    }

    #mobile-options .swiper-slide:nth-child(2)::before {
        content: '';
        position: absolute;
        width: 277px;
        height: 150px;
        border-radius: 10px;
        background: #F0FBFF;
        bottom: -4px;
        left: 50%;
        transform: translateX(-44%);
    }

    #mobile-options .swiper-slide:nth-child(3)::before {
        content: '';
        position: absolute;
        width: 281px;
        height: 257px;
        border-radius: 10px;
        background: #F0FBFF;
        bottom: -4px;
        left: 50%;
        transform: translateX(-44%);
    }

    #benefits {
        margin-bottom: 93px;
    }

    .pm-anim {
        position: absolute;
        padding: 0;
        left: 29px;
        max-width: 172px;
        top: 120px;
    }
}

@media screen and (max-width: 480px) {
    #gc-banner .gc-inner {
        flex-direction: column;
        gap: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    #sub .mid-item .item-img {
        opacity: 1;
        animation: none;
    }

    #sub .mid-item .item-img .img-gif {
        display: none;
    }
}