.content-wrapper.svelte-1qg9mvw {
        background: #ffffff;
        min-width: 296px;
        margin: auto;
        border-top: 3px solid #1C1C1C;
    }


/* .hero#landing-ch, .hero#landing-jp, .hero#landing-en{
    background-image: url('https://points-ebgt.s3.amazonaws.com/marriott/promotions/2024/Jan/2024_PointsMDG_EG_1440x480_D.jpg') !important;
    background-position: 65% bottom;
    height: 580px;
}  */
 #landing-en.svelte-juboms, #landing-ch.svelte-juboms, #landing-jp.svelte-juboms, #landing-de.svelte-juboms {
        display: none;
    } 
/* .hero#landing-en{
    background-image: url('https://points-ebgt.s3.us-east-1.amazonaws.com/marriott/promotions/2026/Baseline/MDG/ENG/PointsMDG_1440x480_D_EN.jpg') !important;
    background-position: 65% bottom;
    height: 580px;
}
.hero {
        position: relative;
        width: 100%;
		margin: auto;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 90% bottom;
        height: 480px;
        min-height: 200px;
        transition: .5s ease-in-out all;

	}
    .hero:lang(ja)::before, .hero:lang(zh-hans)::before{
        background: none;
    }
    .hero#landing-jp > div > h1 > .headline-two,  .hero#landing-jp > div > .headline-one{
        font-family: 'KozukaMincho-regular', serif;
        font-style: normal ;
        display: block;
    }
    .hero#landing-ch > div > h1 > .headline-two, .hero#landing-ch > div > .headline-one {
        font-family: 'NotoSerif-regular', serif;
        font-style: normal ;
        display: block;
    }
    .hero::before {
        content: '';
        position:absolute;
        display: inline-block;
        height: 100%;
        width: 100%;
        background: linear-gradient(280deg, rgba(0,0,0,0.8113620448179272) 0%, rgba(0,0,0,0.0018382352941176405) 70%);
    }
    .hero#landing-ch::before, .hero#landing-jp::before {
        content: '';
        position:absolute;
        display: inline-block;
        height: 100%;
        width: 100%;
        background: linear-gradient(280deg, rgba(0,0,0,0.8113620448179272) 0%, rgba(0,0,0,0.0018382352941176405) 80%);
    }
    .hero > div {
        position: absolute;
        display: block;
        right: 5%;
        top: 33%;
        padding-left: 40px;
        max-width: 525px;
        text-align: left;
        color: #fff;
        transition: .5s ease-in-out all;
    }
    .hero > div:lang(de){
        right: 10%;
        top: 27%;
    }
    .hero > div:lang(fr){
        max-width: 480px;
        right: 6%;
        top: 21%;
    }
    .hero > div:lang(es){
       
        right: 10%;
        top: 27%;
    }
     .hero > div:lang(it){
        
        max-width: none;
        right: 6%;
        top: 28%;
    }
    .hero > div:lang(pt){
        top: 30%;
        right: 10%;
    }
    .hero > div:lang(ja), .hero > div:lang(zh-hans) {
        color: #fff;
    }
    .hero > div:lang(ja){
        right: 7%;
    }
    .hero > div > h1 {
        display: block;
        font-size: 42px;
        font-family: 'Swiss721 Regular';
        font-weight: normal;
        margin: 5px 0;
        white-space: pre-line;
        
        transition: .5s ease-in-out all;
    }
    .hero > div > h1:lang(ja){
        
        line-height: 1.2em;
    }
    .hero > div > .headline-one {
        font-family: 'aldine-light', serif;
        font-weight: normal;
        font-size: 36px;
    }
    .hero > div > h1 > .headline-two {
        font-family: 'Aldine Light Italic', serif;
        font-style: normal;
        display: block;
    }
    
    .hero > div > p {
        font-family: 'Swiss721 Regular';
        font-weight: normal;
        display: inline-block;
       
        white-space: pre-line;
        font-size: 18px;
        margin: 5px 0;
        transition: .5s ease-in-out all;
    }
    .hero > div > p:lang(ja) {
        font-size: 18px;
        line-height: 1.5em;
        font-family: 'KozukaGothic-regular';
    }
    .hero > div > p:lang(zh-hans) {
        font-size: 18px;
        font-family: 'NotoSans-regular';
        
    }
    @media only screen and (max-width: 1200px) {
        .hero > div  , .hero > div:lang(ja) {
        
        right: 0%;
    }
    .hero > div:lang(es){
        max-width: 360px;
        
    }
    .hero > div > p:lang(es) {
        width: 96%;
    }
    .hero > div:lang(it){
        max-width: 390px;
        
    }
    .hero > div:lang(de){
        right: 5%;
    }
    .hero > div > p {
        width: 85%;
        white-space: normal !important;
    }

    }
    @media only screen and (max-width: 1010px) {
        .hero{
           height: 390px; 
        }
        .hero > div {
       max-width: 425px;
    }
    .hero > div:lang(fr){
        max-width: 370px;
    }
    .hero > div:lang(pt){
        max-width: 270px;
        top: 12%;
    }
      .hero > div:lang(it){
        max-width: 320px;
    }
    .hero > div:lang(es){
        max-width: 265px;
        top: 12%;
    }
    .hero > div > .headline-one, .hero > div > h1 > .headline-two {
        font-size: 28px;
    }
    .hero > div > p {
        font-size: 16px;
       
    }
    
    .hero#landing-ch, .hero#landing-jp{
        height: 400px;
        background-position: 50% bottom;
    }
    .hero > div > p:lang(ja),  .hero > div > p:lang(zh-hans) {
        max-width: 400px;
    }
    .hero#landing-jp > div:lang(ja){
            top: 14%;
            
        }
    }

    @media only screen and (max-width: 830px) {
        .hero{
            height: 400px !important;
            background-position: 56% top;
        }
        .hero::before {
        content: '';
        position:absolute;
        display: inline-block;
        height: 100%;
        width: 100%;
        background: linear-gradient(280deg, rgba(0,0,0,0.8113620448179272) 0%, rgba(0,0,0,0.0018382352941176405) 80%);
    }
    .hero > div > .headline-one, .hero > div > h1 > .headline-two {
        font-size: 25px;
    }
        .hero > div{
            max-width: 375px;
        }
         .hero > div:lang(it){
            max-width: 280px;
        }
        .hero > div:lang(fr){
        max-width: 330px;
    }
        .hero > div > h1 > .headline-two {
            display: inline-block;
        }
        .hero#landing-ch, .hero#landing-jp{
        height: 400px;
        background-position: 60% bottom;
    }
    .hero > div:lang(es) {
            max-width: 270px;
            right: 5%;
            top: 10%;
    }
    .hero > div > p{
        width: 85%;
    }
    .hero > div > p:lang(de){
        font-size: 17px;
    }
    .hero > div > h1:lang(zh-hans){
            font-size: 26px;
            max-width: 480px;
        }
        .hero > div > h1:lang(ja){
            font-size: 26px;
            max-width: 480px;
        }
        .hero > div > p:lang(ja),  .hero > div > p:lang(zh-hans) {
        max-width: 330px;
    }
    }

    @media only screen and (max-width: 650px) {
        .hero, .hero#landing-ch, .hero#landing-jp {
            background-position: 50% bottom;
            height: 280px !important;
        }
        .hero > div {
            text-shadow: 0px 0px 12px #1c1c1c;
            max-width: 280px;
            top: 25%;
        }
        .hero > div:lang(de){
            top: 22%;
        }
        .hero > div:lang(es){
            width: 225px;
            top: 7%;
            right: 0%;
        }
        .hero > div:lang(it){
            top: 18%;
            right: 0%;
            max-width: 240px;
        }
        .hero > div > .headline-one, .hero > div > h1 > .headline-two {
            font-size: 20px;
        }
        .hero > div:lang(fr){
        max-width: 270px;
    }
        .hero > div > h1:lang(es),  .hero > div > h1:lang(fr) {
            font-size: 20px;
        }
        
        

        .hero > div > h1:lang(pt) {
        font-size: 20px;
        }
        .hero > div:lang(pt){
        width: 192px;
        top: 8%;
    }
        .hero > div > p, .hero > div > p:lang(es), .hero > div > p:lang(de) {
            font-size: 12px;
        }
        .hero#landing-jp > div:lang(ja){
            top: 12%;
        }
        .hero > div > h1:lang(zh-hans), .hero > div > h1:lang(ja) {
            font-size: 20px;
            max-width: 300px;
            width: 90%;
        }
        .hero > div > p:lang(ja), .hero > div > p:lang(zh-hans){
            font-size: 12px;
            max-width: 250px;
        }
    }

    @media only screen and (max-width: 500px) {
        .hero > div:lang(pt){
        
        top: 5%;
    }
        .hero{
            height: 250px !important;
                background-position: 45% bottom !important;
        }
        .hero#landing-ch, .hero#landing-jp {
            background-position: 50% bottom;
            height: 250px !important;  
        }
        
        .hero > div > h1:lang(zh-hans), .hero > div > h1:lang(ja) {
            font-size: 20px;
            max-width: 300px;
        }
        .hero > div:lang(fr){
        max-width: 270px;
        top: 10%;
    }
        .hero > div > .headline-one {
            font-size: 20px;
            width: 90%;
        }
        .hero > div:lang(ja), .hero > div:lang(zh-hans) {
            padding-left: 15px;
           
    }
    
    .hero > div > p:lang(zh-hans), .hero > div > p:lang(ja){
        max-width: 250px !important;
        }
    }

    @media only screen and (max-width: 400px) {
        .hero#landing-ch, .hero#landing-jp {
            background-position: 45% bottom;
            
        }
        .hero > div > .headline-one:lang(de), .hero > div > h1 > .headline-two:lang(de) {
            font-size: 17px;
        }
        .hero > div > .headline-one:lang(fr), .hero > div > h1 > .headline-two:lang(fr) {
            font-size: 17px;
        }
        .hero > div:lang(de) {
            max-width: 235px;
            right: 0%;
    }
    
    .hero > div:lang(fr) {
            width: 220px;
            right: 0%;
    }
        .hero{
            background-position: 45% bottom;
        }
    .hero > div:lang(ja){
        max-width: 255px;
    }
        .hero > div {
            padding-left: 20px;
            max-width: 233px;
        }
        .hero > div > .headline-one:lang(fr) {
            font-size: 18px;
        }
        .hero > div > p {
            font-size: 12px;
        }
        .hero > div > p:lang(ja) {
            max-width: 215px;
        }
    } */

 /* Prmo css start  */
 #promo-ch.svelte-juboms{
        background-image: url(https://points-ebgt.s3.us-east-1.amazonaws.com/marriott/promotions/2026/Baseline/MDG/CHS/PointsMDG_1440x480_D_CN.jpg) !important;
    }
    #promo-jp.svelte-juboms{
        background-image: url(https://points-ebgt.s3.us-east-1.amazonaws.com/marriott/promotions/2026/Baseline/MDG/JPN/PointsMDG_1440x480_D_JP.jpg) !important;
    }
    #promo-de.svelte-juboms{
        background-image: url(https://points-ebgt.s3.us-east-1.amazonaws.com/marriott/promotions/2026/Baseline/MDG/GER/PointsMDG_1440x480_D_DE.jpg) !important;
    }
    #promo-es.svelte-juboms{
        background-image: url(https://points-ebgt.s3.us-east-1.amazonaws.com/marriott/promotions/2026/Baseline/MDG/SPA/PointsMDG_1440x480_D_ES.jpg) !important;
    }

    #promo-fr.svelte-juboms{
        background-image: url(https://points-ebgt.s3.us-east-1.amazonaws.com/marriott/promotions/2026/Baseline/MDG/FRE/PointsMDG_1440x480_D_FR.jpg) !important;
    }

    #promo-it.svelte-juboms{
        background-image: url(https://points-ebgt.s3.us-east-1.amazonaws.com/marriott/promotions/2026/Baseline/MDG/ITA/PointsMDG_1440x480_D_IT.jpg) !important;
    }

    #promo-pt.svelte-juboms{
        background-image: url(https://points-ebgt.s3.us-east-1.amazonaws.com/marriott/promotions/2026/Baseline/MDG/POR/PointsMDG_1440x480_D_PT.jpg) !important;
    }
    .promo-hero.svelte-juboms {
        position: relative;
        width: 100%;
		margin: auto;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        max-height: 100% !important;
        height: 33vw;
        transition: .5s ease-in-out all;
    }

    @media only screen and (max-width: 500px) {
        .promo-hero.svelte-juboms{
            height: 40vw;
        }
         #promo-en.svelte-juboms{
            background-image: url(https://points-ebgt.s3.us-east-1.amazonaws.com/marriott/promotions/2026/Baseline/MDG/ENG/PointsMDG_500x200_M_EN.jpg) !important;
        }
        #promo-ch.svelte-juboms{
        background-image: url(https://points-ebgt.s3.us-east-1.amazonaws.com/marriott/promotions/2026/Baseline/MDG/CHS/PointsMDG_500x200_M_CN.jpg) !important;
    }
    #promo-de.svelte-juboms{
            background-image: url(https://points-ebgt.s3.us-east-1.amazonaws.com/marriott/promotions/2026/Baseline/MDG/GER/PointsMDG_500x200_M_DE.jpg) !important;
        }
    #promo-jp.svelte-juboms{
        background-image: url(https://points-ebgt.s3.us-east-1.amazonaws.com/marriott/promotions/2026/Baseline/MDG/JPN/PointsMDG_500x200_M_JP.jpg) !important;
    }
    #promo-es.svelte-juboms{
        background-image: url(https://points-ebgt.s3.us-east-1.amazonaws.com/marriott/promotions/2026/Baseline/MDG/SPA/PointsMDG_500x200_M_ES.jpg) !important;
    }

    #promo-fr.svelte-juboms{
        background-image: url(https://points-ebgt.s3.us-east-1.amazonaws.com/marriott/promotions/2026/Baseline/MDG/FRE/PointsMDG_500x200_M_FR.jpg) !important;
    }

    #promo-it.svelte-juboms{
        background-image: url(https://points-ebgt.s3.us-east-1.amazonaws.com/marriott/promotions/2026/Baseline/MDG/ITA/PointsMDG_500x200_M_IT.jpg) !important;
    }

    #promo-pt.svelte-juboms{
        background-image: url(https://points-ebgt.s3.us-east-1.amazonaws.com/marriott/promotions/2026/Baseline/MDG/POR/PointsMDG_500x200_M_PT.jpg) !important;
    }
    }
   
    
   
    /* #promo-fr, #promo-it, #promo-pt {
        display: none;
    }  */

    nav.svelte-14lqici {
        display: flex;
        justify-content: space-between;
        background: #fff;
        height: 112px;
        max-width: 1440px;
        margin: auto;
        font-family: 'Swiss721 Regular';
    }

    nav.svelte-14lqici > a:where(.svelte-14lqici) {
        flex-basis: 35%;
        text-align: left;
    }

    nav.svelte-14lqici > a:where(.svelte-14lqici) > img:where(.svelte-14lqici) {
        margin-top: -20px;
        margin-left: 11%;
        width: 100%;
        max-width: 200px;
    }
    

    nav.svelte-14lqici > ul:where(.svelte-14lqici) {
        display:flex;
        flex-basis: 65%;
        justify-content: flex-end;
        align-items: center;
        width: 30%;
        margin-right: 30px;
        
    }
    
    li.svelte-14lqici {
        display:flex;
        align-items: center;
        margin-right: 40px;
        white-space: nowrap;
    }

    nav.svelte-14lqici > ul:where(.svelte-14lqici) > li:where(.svelte-14lqici):last-of-type > a:where(.svelte-14lqici) {
        border-bottom: 1px solid #1c1c1c;
    }

    a.svelte-14lqici {
        display: inline-block;
        position: relative;
        z-index: 2;
        font-weight: bold;
        font-size: 16px;
        line-height: 20px;
        text-decoration: none;
        color: #1C1C1C;
    }

    @media screen and (max-width: 775px) {
        nav.svelte-14lqici > ul:where(.svelte-14lqici) {
            margin-right: 0px;
        }

        nav.svelte-14lqici > ul:where(.svelte-14lqici) > li:where(.svelte-14lqici) {
            margin-right: 15px;
        }
    }

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

        nav.svelte-14lqici {
            height: 80px;
        }
        nav.svelte-14lqici > a:where(.svelte-14lqici) {
            flex-basis: 70%;
        }

        nav.svelte-14lqici > a:where(.svelte-14lqici) > img:where(.svelte-14lqici) {
            max-width: 140px;
        }
        nav.svelte-14lqici > ul:where(.svelte-14lqici) {
            flex-direction: column;
            align-items: flex-start;
            justify-content: center;
            flex-basis: 160px;
            margin-right: 10px;
        }
        li.svelte-14lqici:lang(ja) {
            margin-right:0px;
        }
    }

    @media only screen and (max-width: 500px) {
        nav.svelte-14lqici > ul:where(.svelte-14lqici){
            flex-basis: 40%;
        }
        nav.svelte-14lqici > ul:where(.svelte-14lqici):lang(ja){
            flex-basis: 50%;
        }

        nav.svelte-14lqici > ul:where(.svelte-14lqici) > li:where(.svelte-14lqici) > a:where(.svelte-14lqici){
            font-size: 14px;
        }

        nav.svelte-14lqici > a:where(.svelte-14lqici) {
            flex-basis: 50%;
        }
    }

    @media all and (-ms-high-contrast: none), all and (-ms-high-contrast: active) {
        /* IE10+ CSS styles go here */
        nav.svelte-14lqici > ul:where(.svelte-14lqici):lang(ja) {
            flex-basis: 450px;
        
        }
    }


  .cta-container.svelte-116smlh {
    position: relative;
    display: flex;
    justify-content: center;
    gap: 15px;
    margin: 40px 10px 0 10px;
  }

  .cta-container.svelte-116smlh > div:where(.svelte-116smlh) {
    position: relative;
    width: 100%;
    max-width: 410px;
    height: 570px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border: 1px solid transparent;
    border-radius: 20px;
  }

  .cta-container.svelte-116smlh > div:where(.svelte-116smlh)::before {
    content: "";
    display: inline-block;
    height: 100%;
    width: 100%;
    position: relative;
    background: linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.8113620448179272) 0%,
      rgba(0, 0, 0, 0.0018382352941176405) 95%
    );
    border-radius: 20px;
  }

  .copy-container.svelte-116smlh {
    position: absolute;
    top: 350px;
    height: 90px;
    background: transparent;
    text-align: left;
    font-family: "Swiss721 Regular";
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    color: #fff;
    padding: 10px 20px;
    transition: 0.3s ease-out top;
  }
  .copy-container.svelte-116smlh:lang(zh-hans) {
    padding: 12px 20px;
    top: 370px;
  }
  .copy-container.svelte-116smlh:lang(fr) {
    height: 100px;
    top: 320px;
  }
  .copy-container.svelte-116smlh:lang(it) {
    top: 340px;
  }
  .copy-container.svelte-116smlh:lang(en) {
    top: 375px;
  }
  .copy-container.svelte-116smlh:lang(ja) {
    height: 95px;
  }
  .copy-container.svelte-116smlh:lang(de) {
    top: 340px;
  }
  .copy-container.buy.svelte-116smlh:lang(zh-hans) > p:where(.svelte-116smlh) {
    width: 79%;
  }
  .cta-container.svelte-116smlh > div:where(.svelte-116smlh) > a:where(.svelte-116smlh) {
    position: absolute;
    bottom: 20px;
    left: 20px;
    /* right: 20px; */
    max-width: 75%;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 16px;
    padding: 5px 30px;
    margin-top: 20px;
    font-family: "Swiss721 Regular";
    font-size: 14px;
    color: #1c1c1c;
    text-decoration: none;
    text-transform: uppercase;
  }
  .copy-container.svelte-116smlh h2:where(.svelte-116smlh) {
    font-weight: 600;
    font-size: 28px;
    margin: 0 0 7px 0;
  }

  .copy-container.svelte-116smlh p:where(.svelte-116smlh) {
    font-family: "Swiss721BT-light";
    font-size: 15px;
    margin: 0;
    line-height: 22px;
    width: 79%;
  }
  .copy-container.gift.svelte-116smlh > p:where(.svelte-116smlh) {
    white-space: pre-line;
    width: 100%;
  }
  .membership-copy.svelte-116smlh {
    position: relative;
    width: 98%;
    max-width: 1270px;
    margin: auto;
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .membership-link.svelte-116smlh {
    display: block;
    border: 1px solid #6c6c6c;
    border-radius: 20px;
    padding: 20px 10px;
  }

  .membership-link.svelte-116smlh::after {
    display: inline-block;
    content: "\276F";
    font-size: 20px;
    position: absolute;
    color: #6c6c6c;
    top: 60%;
    left: 97%;
    transform: translate(-60%, -97%);
  }

  .membership-link.svelte-116smlh > img:where(.svelte-116smlh) {
    display: inline-block;
    width: 90px;
    vertical-align: middle;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
  }

  .membership-link.svelte-116smlh > div:where(.svelte-116smlh) {
    display: inline-block;
    vertical-align: middle;
    max-width: 1000px;
    width: 80%;
    margin-left: 30px;
  }

  .membership-link.svelte-116smlh > div:where(.svelte-116smlh) > h3:where(.svelte-116smlh) {
    display: block;
    margin: 5px 0;
    font-weight: normal;
    font-family: "Swiss721 Regular";
    font-size: 18px;
  }

  .membership-link.svelte-116smlh > div:where(.svelte-116smlh) > p:where(.svelte-116smlh) {
    display: block;
    margin: 5px 0;
    font-family: "Swiss721BT-light";
    font-size: 15px;
  }

  @media only screen and (max-width: 1200px) {
    .copy-container.gift.svelte-116smlh > p:where(.svelte-116smlh) {
      white-space: normal;
      /* width: 100%; */
    }
    .copy-container.svelte-116smlh:lang(zh-hans) {
      top: 270px;
    }
    .copy-container.svelte-116smlh:lang(es),
    .copy-container.svelte-116smlh:lang(en),
    .copy-container.svelte-116smlh:lang(pt) {
      top: 300px;
    }
    .copy-container.svelte-116smlh:lang(de),
    .copy-container.svelte-116smlh:lang(fr),
    .copy-container.svelte-116smlh:lang(es),
    .copy-container.svelte-116smlh:lang(ja) {
      top: 200px;
    }
    .copy-container.svelte-116smlh:lang(it) {
      top: 280px;
    }
  }
  @media only screen and (max-width: 880px) {
    .copy-container.svelte-116smlh:lang(en),
    .copy-container.svelte-116smlh:lang(ja) {
      top: 370px;
    }
    .copy-container.gift.svelte-116smlh > p:where(.svelte-116smlh) {
      white-space: normal;
    }
    .copy-container.svelte-116smlh {
      top: 320px;
    }
    .copy-container.svelte-116smlh:lang(zh-hans),
    .copy-container.svelte-116smlh:lang(pt) {
      top: 250px;
    }
    .copy-container.svelte-116smlh:lang(it) {
      top: 230px;
    }
    .copy-container.svelte-116smlh:lang(en) {
      top: 270px;
    }
    .copy-container.svelte-116smlh:lang(pt),
    .copy-container.svelte-116smlh:lang(ja) {
      top: 200px;
    }
  }
  @media only screen and (max-width: 800px) {
    .copy-container.svelte-116smlh {
      top: 220px;
    }
    .copy-container.svelte-116smlh:lang(de),
    .copy-container.svelte-116smlh:lang(it) {
      top: 130px;
    }
    .copy-container.svelte-116smlh:lang(zh-hans) {
      top: 250px;
    }
    .copy-container.svelte-116smlh:lang(es) {
      top: 180px;
    }
    .copy-container.svelte-116smlh > h2:where(.svelte-116smlh):lang(fr) {
      font-size: 26px;
    }
    .copy-container.svelte-116smlh > p:where(.svelte-116smlh):lang(fr) {
      font-size: 14px;
    }
  }

  @media only screen and (max-width: 700px) {
    .cta-container.svelte-116smlh {
      flex-direction: column;
      margin-top: 30px;
    }
    .cta-container.svelte-116smlh > div:where(.svelte-116smlh) {
      max-width: 700px;
      
    }
    .copy-container.svelte-116smlh {
      top: 320px;
    }
    .copy-container.svelte-116smlh:lang(de),
    .copy-container.svelte-116smlh:lang(fr),
    .copy-container.svelte-116smlh:lang(pt),
    .copy-container.svelte-116smlh:lang(it),
    .copy-container.svelte-116smlh:lang(es),
    .copy-container.svelte-116smlh:lang(en),
    .copy-container.svelte-116smlh:lang(zh-hans),
    .copy-container.svelte-116smlh:lang(ja) {
      top: 350px;
    }
    .membership-link.svelte-116smlh > div:where(.svelte-116smlh) {
      width: 60%;
    }
  }
  @media screen and (max-width: 500px) {
    .copy-container.svelte-116smlh {
      top: 320px;
    }
  }
  @media screen and (max-width: 400px) {
    .membership-link.svelte-116smlh > div:where(.svelte-116smlh) {
      width: 50%;
    }
    .copy-container.svelte-116smlh h2:where(.svelte-116smlh) {
      font-size: 26px;
    }
    .copy-container.svelte-116smlh p:where(.svelte-116smlh) {
      font-size: 14px;
      width: 100%;
    }
  }

  @media all and (-ms-high-contrast: none),
    all and (-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */
    .cta-container.svelte-116smlh > div:where(.svelte-116smlh) > a:where(.svelte-116smlh) {
      font-family: inherit;
    }
  }

    footer.svelte-1sr6y3t {
        background: #1C1C1C;
        color: #fff;
        margin-bottom: 10px;
    }    

    footer.svelte-1sr6y3t ul:where(.svelte-1sr6y3t) {
        display: flex;
        flex-wrap: wrap;
        margin: 0;
        padding:0;
    }

    a,
    #ccpacontainer>a {
        text-decoration: none;
        color:#1c1c1c;
    }

    a:hover,
    #ccpacontainer>a:hover {
        text-decoration: underline;
    }

    li.svelte-1sr6y3t {
        font-size: 12px;
        line-height: 14px;
        color: #fff;
        margin-right: 7px;
        padding: 5px 0;
        white-space: nowrap;
        font-family: "Swiss721BT-BoldCondensed";
    }

    li.svelte-1sr6y3t:first-of-type {
        padding-left: 0;
    }
    li.svelte-1sr6y3t:last-of-type {
        border-right: none;
    }

    p.svelte-1sr6y3t {
        font-size: 11px;
        line-height: 14px;
        color: #fff;
        margin-top: 0;
        margin-bottom: 0;
    }

    .points-con.svelte-1sr6y3t {
        background-color: #F9F6F4;
        width: auto;
        padding: 30px;
    }

    .points-con.svelte-1sr6y3t > img:where(.svelte-1sr6y3t) {
        display: block;
        max-width: 220px;
        margin: auto;
    }

    .footer-contents.svelte-1sr6y3t {
        width: 90%;
        max-width: 1180px;
        margin: auto;
        margin-top: 25px;
        padding: 12px;
        padding-bottom: 25px;
        font-family: 'Swiss721 Regular';
        border-top: 1px solid #F9F6F4;
    }

    select.svelte-1sr6y3t {
        display: inline-block;
        margin: 0;
        text-align: left;
        font-size: 12px;
        -webkit-appearance:none;
        -moz-appearance:none;
        -ms-appearance:none;
        background-color: #1C1C1C;
        color: #fff;
        border: none;
    }

    select.svelte-1sr6y3t::-ms-expand {
        /* IE11 JOY */
        display: none;
    }

    option.svelte-1sr6y3t {
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 18px;
        color: #fff;
    }

    .footer-line-one.svelte-1sr6y3t {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 30px;
        margin-bottom: 10px;
    }
    .footer-line-one.svelte-1sr6y3t>p:where(.svelte-1sr6y3t) { 
        max-width: 70%;
        word-wrap: break-word;
    }
    .footer-line-one.svelte-1sr6y3t>p:where(.svelte-1sr6y3t)>a:where(.svelte-1sr6y3t) { 
        color: #FFFFFF;
        text-decoration: underline;
    }

    .footer-line-one.svelte-1sr6y3t > div:where(.svelte-1sr6y3t) {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        align-self: flex-start;
    }

    .lang-icon.svelte-1sr6y3t {
        transform: scale(0.8);
    }

    .footer-line-two.svelte-1sr6y3t > ul:where(.svelte-1sr6y3t) {
        display: flex;
        justify-content: flex-start;
    }
    .footer-contents.svelte-1sr6y3t .footer-line-two:where(.svelte-1sr6y3t) > ul:where(.svelte-1sr6y3t) > li:where(.svelte-1sr6y3t) > a:where(.svelte-1sr6y3t) {
        color: #fff;
        text-align: left;
        border-right: 1px solid #6c6c6c;
    }

    .footer-contents.svelte-1sr6y3t .footer-line-two:where(.svelte-1sr6y3t) > ul:where(.svelte-1sr6y3t) > li:where(.svelte-1sr6y3t) > a:where(.svelte-1sr6y3t):after {
        display: inline-block;
        content:'\276F';
        font-size: 14px;
        color: #fff;
        margin: 0 7px;
    }

    /* Rebrand */
.brand-bar-section.svelte-1sr6y3t {
    background-color: #fff;
    padding: 40px;
    padding-top: 60px;
}
.footer-brand-bar.svelte-1sr6y3t {
    /* border: 1px solid #6c6c6c;
    border-radius: 20px; */
     /* border-top: 2px solid #6c6c6c; */
     border: 0.125rem solid rgb(238, 238, 238);
     position: relative;
     text-align: center;
     margin-top: 40px;
     background-color: #fff;
     /* width: 100%; */
     max-width: 1270px;
     margin: auto;
     padding: 50px 20px 4px;
}
.footer-brand-container.svelte-1sr6y3t { 
    width: 98%;
    /* margin: 12px auto 0; */
}
.footer-brand-container.svelte-1sr6y3t > div:where(.svelte-1sr6y3t) {
    margin: 0;
}

.footer-brand-container.svelte-1sr6y3t > div:where(.svelte-1sr6y3t):last-of-type {
    margin-bottom: 10px;
}


 .footer-brand-bar.svelte-1sr6y3t ul:where(.svelte-1sr6y3t), .footer-brand-bar.svelte-1sr6y3t li:where(.svelte-1sr6y3t) {
     padding: 0;
     margin: 0;
}
 .footer-brand-bar.svelte-1sr6y3t li:where(.svelte-1sr6y3t) {
     list-style: none;
     color: #6f6f6f;
     font-weight: 600;
     font-family: 'Swiss721BT-BoldCondensed', Helvetica, Arial, sans-serif;
     font-size: 14px;
}
 .footer-brand-bar.svelte-1sr6y3t li:where(.svelte-1sr6y3t) a:where(.svelte-1sr6y3t) {
     display: block;
}
 .footer-brand-bar.svelte-1sr6y3t li:where(.svelte-1sr6y3t) img:where(.svelte-1sr6y3t) {
     width: 100%;
     display: block;
}
.footer-logo-list-con.svelte-1sr6y3t {
    margin: 4px 0;
}
.footer-logo-list.svelte-1sr6y3t {
    justify-content: center;
    gap: 2px 20px;
    flex-wrap: nowrap;
    align-items: center;
}
 .footer-brand-bar.svelte-1sr6y3t .footer-mainlogo:where(.svelte-1sr6y3t), .footer-brand-bar.svelte-1sr6y3t .footer-logo-list-con:where(.svelte-1sr6y3t) {
     display: inline-block;
     vertical-align: middle;
}
 .footer-brand-bar.svelte-1sr6y3t .footer-mainlogo:where(.svelte-1sr6y3t) {
     position: absolute;
     top: -40px;
     right: 50%;
     transform: translateX(50%);
     max-width: 200px;
}
 .footer-brand-bar.svelte-1sr6y3t .footer-mainlogo:where(.svelte-1sr6y3t) img:where(.svelte-1sr6y3t) {
     background: #fff;
     /* width: 100%; */
}
 /* .footer-brand-bar .footer-mainlogo li {
     width: 100%;
} */
 /* (unused) .footer-brand-bar .footer-mainlogo li:last-of-type {
     margin-bottom: 0;
}*/
 .footer-brand-bar.svelte-1sr6y3t .footer-logo-list-con:where(.svelte-1sr6y3t) {
     width: 100%;
     display: inline-block;
}
 
 
 .footer-brand-bar.svelte-1sr6y3t .footer-logo-list-con:where(.svelte-1sr6y3t) li:where(.svelte-1sr6y3t) {
     width: 70px;
     display: inline-block;
     margin-right: -0;
     vertical-align: middle;
}
 .footer-brand-bar.svelte-1sr6y3t .footer-logo-list-con:where(.svelte-1sr6y3t) li:where(.svelte-1sr6y3t):hover {
     color: #707070;
}

 .footer-brand-grp2.svelte-1sr6y3t br:where(.svelte-1sr6y3t) {
     display: none;
}
 
.footer-category-con.svelte-1sr6y3t {
     display: block;
}

@media screen and (max-width: 768px) {
    .brand-bar-section.svelte-1sr6y3t {
        padding: 35px 5px;
}
    .footer-brand-bar.svelte-1sr6y3t {
         margin:  auto;
         margin-top: 20px;
         height: 100%;
         padding: 0;
    }

    .footer-logo-list.svelte-1sr6y3t {
        flex-wrap: wrap;
    }
    .footer-brand-bar.svelte-1sr6y3t .footer-logo-list-con:where(.svelte-1sr6y3t) {
         width: 100%;
         margin-right: 0px;
    }
    .footer-brand-bar.svelte-1sr6y3t .footer-logo-list-con:where(.svelte-1sr6y3t) li:where(.svelte-1sr6y3t) {
         width: 18%;
         margin-bottom: 30px;
    }
    .footer-brand-grp2.svelte-1sr6y3t br:where(.svelte-1sr6y3t) {
         display: block;
    }
     .footer-category-con.svelte-1sr6y3t {
         width: 100%;
         text-align: center;
         margin: 12px 0;
    }
}
 @media screen and (max-width: 560px) {
    .footer-brand-bar.svelte-1sr6y3t .footer-logo-list-con:where(.svelte-1sr6y3t) li:where(.svelte-1sr6y3t) {
         width: 20%;
         margin-bottom: 30px;
    }
    .footer-brand-bar.svelte-1sr6y3t .footer-logo-list-con:where(.svelte-1sr6y3t) {
         width: 100%;
         margin-right: 0px;
    }
    .footer-brand-bar.svelte-1sr6y3t .footer-logo-list-con:where(.svelte-1sr6y3t) .footer-logo-list:where(.svelte-1sr6y3t):first-of-type {
         margin-left: 0;
    }
    .footer-brand-grp2.svelte-1sr6y3t br:where(.svelte-1sr6y3t) {
         display: none;
    }
    /* (unused) .footer-brand-bar .footer-mainlogo li {
         display: inline-block;
         margin-right: -4px;
         vertical-align: middle;
         width: 33.3%;
    }*/
     .footer-category-con.svelte-1sr6y3t {
         width: 100%;
         text-align: center;
         margin-left: 0;
         margin-right: 0;
         margin-bottom: 12px;
    }
}
 .footer-category-con.svelte-1sr6y3t span:where(.svelte-1sr6y3t) {
     list-style: none;
     color: #6f6f6f;
     font-family: 'Swiss721BT-BoldCondensed', Helvetica, Arial, sans-serif;
     font-size: 12px;
}
 .footer-category-con.svelte-1sr6y3t:last {
     padding-bottom: 0px;
}
 

    @media screen and (max-width: 400px) {
        .footer-line-two.svelte-1sr6y3t > ul:where(.svelte-1sr6y3t) {
            flex-direction: column;
        }
    }


    @media screen and (max-width: 480px) {
        footer.svelte-1sr6y3t > div:where(.svelte-1sr6y3t) {
            width: auto;
        }
    }
    @media screen and (max-width: 768px) {
        .footer-brand-container.svelte-1sr6y3t{
            margin-top: 60px;
        }
    }
    .footer-mainlogo.svelte-1sr6y3t img:where(.svelte-1sr6y3t){
        padding-right: 18px;
        padding-left: 22px;
        margin-top: 16px;
    }