/** Project Crouton Redesign **/

/* TOP HERO */
.home-hero .m-hero-item .high-contrast .c-group .storeButtons {
  display: inline-flex;
}

.home-hero .m-hero-item>div>div .c-group a.c-call-to-action {
      margin-right: 12px !important;
  }

  .home-hero .m-hero-item>div>div .c-subheading sup {
      font-size: 50%;
  }
@media only screen and (max-width: 1083px) {
    .home-hero .m-hero-item[class*=f-x][class*=f-y]>div>div {
        left: 0;
        margin: 0 auto;
        max-width: 100%;
        position: relative;
        top: 75% !important;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}
@media only screen and (max-width: 767px) {
    .home-hero .m-hero-item[class*=f-x][class*=f-y]>div>div.high-contrast {
        top: 50% !important;
    }
    .home-hero .m-hero-item>div {
        height: 400px;
    }
    .home-hero .m-hero-item .high-contrast .c-subheading-1 {
        font-size: 24px;
        line-height: 30px;
    }
    .home-hero {
        background: linear-gradient(to bottom, #171717, transparent);
    }
    .home-hero .m-hero-item {
        background-color: #171717;
    }
}
@media only screen and (max-width: 676px) {
    .home-hero .m-hero-item[class*=f-x][class*=f-y]>div>div.high-contrast .c-group .storeButtons {
        padding-top: 24px;
        display: block;
    }
}
@media only screen and (max-width: 630px) {
    .home-hero .m-hero-item[class*=f-x][class*=f-y]>div>div.high-contrast .c-group #heroRewardsCTA{
        top: 50% !important;
    }
}

@media only screen and (max-width: 400px) {
    .home-hero .m-hero-item[class*=f-x][class*=f-y]>div>div.high-contrast {
        top: 40% !important;
    }
}
@media only screen and (max-width: 395px) {
    .home-hero .m-hero-item .high-contrast .c-heading-1a {
        font-size: 36px;
        line-height: 42px;
    }
    .home-hero .m-hero-item .high-contrast .c-subheading-1 {
        font-size: 18px;
        line-height: 22px;
    }
}
@media (min-width: 768px) and (max-width: 1083px) {
     .home-hero section {
      height: 110vw;
     }
     .home-hero .m-hero-item>div {
      overflow: visible;
     }
     
     .home-hero .m-hero-item.f-x-center.f-y-top>div>div {
      top: 20% !important;
     }
     .home-hero .m-hero-item>div>div {
      max-width: 1083px;
      width: 101%;
      text-align: center;
      left: 0;
      right: 0;
     }
}
    @media screen and (max-width: 350px) {
     .home-hero .m-hero-item>div>div {
      top: 30vw !important;
     }
     .home-hero .m-hero-item>div>div>div {
      padding-top: 0px;
     }
     .home-hero .m-hero-item>div>div>div>a {
      margin-top: 0px;
     }
    }
    @media screen and (min-width: 1084px) {
     .home-hero .image {
      display: none;
     }
    }
    @media screen and (min-width: 1800px) {
     .home-hero .m-hero-item>div>div {
      max-width: 630px;
     }
    }

/* Video hero */
@media screen and (min-width: 1084px) {
   .home-hero .m-hero-item>div>div.high-contrast {
        max-width: 750px;
   }
   .home-hero .m-hero-item>div>div .c-subheading {
        max-width: 650px;
   }
  .home-hero .m-hero-item>div>div .c-caption-2 {
        max-width: 500px;
   }
  .home-hero .m-hero-item>div>div .c-group a.c-call-to-action {
        margin-right: 24px !important;
   }

   .videoHero .m-hero-item.f-x-left.f-y-center .m-ambient-video video {
      width: 100% !important;}

   .videoHero .m-hero-item picture {
      display: none;}

   .videoHero .vidPlayPause {
      top: 150px !important;
      margin-left: 48px !important;}
}
@media screen and (max-width: 1499px) and (min-width: 1200px) {
   .videoHero .vidPlayPause {
    top: 184px !important;}
}
@media screen and (max-width: 1920px) and (min-width: 1500px) {
   .videoHero .vidPlayPause {
    top: 218px !important;
    margin-left: 48px !important;}
}

@media screen and (max-width: 1083px) {
.videoHero .m-ambient-video {
   display: none;}
}
@media screen and (min-width: 1800px) {
  .videoHero .m-hero-item>div>div.high-contrast {
    padding-left: 50px;
   }
     .videoHero .m-hero-item>div>div {
        max-width: 740px !important;
   }
}
@media screen and (min-width: 1921px) {
.videoHero .vidPlayPause {
    top: 250px !important;
    left: 48px;}

}

/* top custom background */
@media only screen and (min-width: 0px) {
   .custom-bg {
       background-image: url('https://cms-assets.xboxservices.com/assets/ef/b1/efb1dbfc-9367-41bf-b699-698a517c579b.jpg?n=Rewards_BG-Image-0_Top-BG_767x1200.jpg');
       background-repeat: no-repeat;
       background-size: contain;
   }
}

@media only screen and (min-width: 768px) {
   .custom-bg {
       background-image: url('https://cms-assets.xboxservices.com/assets/69/92/6992649b-856f-4ddd-9cfc-26b65ad1974b.jpg?n=Rewards_BG-Image-0_Top-BG_1920x700_02.jpg');
       background-repeat: no-repeat;
       background-size: auto;
   }
}

/* "Get started earning rewards with Xbox" Banner and 3up content placement */
.noWrap {
  white-space: nowrap;
}

/* "Earn more with Ultimate" Banner */
.tune-in.theme-dark {
   background-color: #171717;
}
.tune-in.theme-dark .m-banner .c-image {
   height: 44px;
}


/* Icon Superlist Module */
.icon-list-hero .pwd-copy-section .icons .high-contrast-svg-black {
   display: inline-flex;
}
.icon-list-hero .m-hero-item .pwd-copy-section .icons .high-contrast-svg-black {
   align-items: center;
}
.icon-list-hero .m-hero-item .pwd-copy-section .icons .high-contrast-svg-black .c-paragraph-1 {
   padding: 0;
}
.icon-list-hero .pwd-copy-section .icons .c-call-to-action.c-glyph.green-brdr {
   margin-top: 24px;
}
.icon-list-hero .pwd-copy-section .icons {
  padding-top: 0px;
}
div.icon-list-hero.discoverHero section.m-hero-item div.pwd-copy-section .icons>div {
  margin-top: 48px;
}
.iconListLogo img {
  max-height: 82px;
}
@media screen and (max-width: 767px) {
  .icon-list-hero .m-hero-item .pwd-copy-section .icons .high-contrast-svg-black {
    flex-direction: column;
  }
}
@media screen and (min-width: 768px) {
  .iconListLogo img {
    max-height: 120px;
  }
  .icon-list-hero .pwd-copy-section .icons {
    padding-top: 0px;
  }
  .rightAlignIcons.icon-list-hero .pwd-copy-section .icons {
    padding-left: 96px;
  }
}
@media screen and (min-width: 1084px) {
  .icon-list-hero .pwd-copy-section .icons {
    padding-top: 48px;
  }
}  
@media screen and (min-width: 1400px) {
  .icon-list-hero .pwd-copy-section .icons {
    padding-top: 96px;
  }
}
@media screen and (min-width: 1400px) and (max-width: 1420px) {
  .icon-list-hero .pwd-copy-section .icons {
    padding-top: 76px;
  }
}
@media screen and (min-width: 1605px) {
  .icon-list-hero .pwd-copy-section .icons {
    padding-top: 192px;
  }
  .rightAlignIcons.icon-list-hero .pwd-copy-section .icons {
    padding-top: 192px;
    padding-left: 48px;
  }
  div.icon-list-hero.discoverHero section.m-hero-item div.pwd-copy-section .icons>div {
    margin-top: 75px;
  }
}
@media only screen and (min-width: 1921px) {
    div.icon-list-hero.discoverHero section.m-hero-item {
        height: 1200px;
    }
}
/* andrew fixes */
@media screen and (min-width: 700px) and (max-width: 767px) {
  div.icon-list-hero section.m-hero-item {
    height: 235vw !important;
 }
}
@media screen and (min-width: 600px) and (max-width: 699px) {
  div.icon-list-hero section.m-hero-item {
    height: 255vw !important;
 }
}
@media screen and (min-width: 538px) and (max-width: 599px) {
  div.icon-list-hero section.m-hero-item {
    height: 280vw !important;
 }
}
@media screen and (min-width: 500px) and (max-width: 537px) {
div.icon-list-hero section.m-hero-item {
     height: 310vw !important;
 }
}
@media screen and (min-width: 450px) and (max-width: 499px) {
div.icon-list-hero section.m-hero-item {
   height: 325vw !important;
}
}
@media screen and (min-width: 376px) and (max-width: 450px) {
div.icon-list-hero section.m-hero-item {
    height: 365vw !important;
 }
}
@media screen and (min-width: 340px) and (max-width: 375px) {
div.icon-list-hero section.m-hero-item {
    height: 385vw !important;
 }
}
@media screen and (min-width: 320px) and (max-width: 340px) {
div.icon-list-hero section.m-hero-item {
    height: 410vw !important;
 }
}
@media screen and (max-width: 320px) {
div.icon-list-hero section.m-hero-item {
    height: 420vw !important;
 }
}
/* andrew fixes for right align icon super list*/
@media only screen and (min-width: 538px) and (max-width: 767px) {
  div.icon-list-hero.rightAlignIcons section.m-hero-item {
    height: 230vw !important;
 }
}
@media only screen and (min-width: 500px) and (max-width: 537px) {
div.icon-list-hero.rightAlignIcons section.m-hero-item {
     height: 240vw !important;
 }
}
@media only screen and (min-width: 480px) and (max-width: 499px) {
div.icon-list-hero.rightAlignIcons section.m-hero-item {
   height: 245vw !important;
}
}
@media screen and (min-width: 411px) and (max-width: 479px) {
div.icon-list-hero.rightAlignIcons section.m-hero-item {
    height: 265vw !important;
 }
}

@media screen and (min-width: 376px) and (max-width: 411px) {
div.icon-list-hero.rightAlignIcons section.m-hero-item {
    height: 290vw !important;
 }
}
@media only screen and (min-width: 340px) and (max-width: 375px) {
div.icon-list-hero.rightAlignIcons section.m-hero-item {
    height: 315vw !important;
 }
}
@media only screen and (min-width: 320px) and (max-width: 340px) {
div.icon-list-hero.rightAlignIcons section.m-hero-item {
    height: 360vw !important;
 }
}
@media only screen and (max-width: 320px) {
div.icon-list-hero.rightAlignIcons section.m-hero-item {
    height: 370vw !important;
 }
}
/* left align icons */
@media only screen and (max-width: 767px) {
div.icon-list-hero section.m-hero-item div.pwd-copy-section {
   top: 55vw !important;
}
}

@media only screen and (max-width: 540px) {
div.icon-list-hero section.m-hero-item div.pwd-copy-section {
   top: 145vw !important;
}
}

@media only screen and (max-width: 450px) {
div.icon-list-hero section.m-hero-item div.pwd-copy-section {
   top: 175vw !important;
}
}

@media only screen and (max-width: 350px) {
div.icon-list-hero section.m-hero-item div.pwd-copy-section {
   top: 187vw !important;
}
}

@media only screen and (max-width: 330px) {
div.icon-list-hero section.m-hero-item div.pwd-copy-section {
   top: 200vw !important;
}
}
/* right align icons */
@media only screen and (max-width: 767px) {
div.icon-list-hero.rightAlignIcons section.m-hero-item div.pwd-copy-section {
   top: 55vw !important;
}
}

@media only screen and (max-width: 540px) {
div.icon-list-hero.rightAlignIcons section.m-hero-item div.pwd-copy-section {
   top: 125vw !important;
}
}

@media only screen and (max-width: 450px) {
div.icon-list-hero.rightAlignIcons section.m-hero-item div.pwd-copy-section {
   top: 135vw !important;
}
}

@media only screen and (max-width: 350px) {
div.icon-list-hero.rightAlignIcons section.m-hero-item div.pwd-copy-section {
   top: 160vw !important;
}
}
@media only screen and (max-width: 330px) {
div.icon-list-hero.rightAlignIcons section.m-hero-item div.pwd-copy-section {
   top: 180vw !important;
}
}


/* "Earn more, earn faster, with Xbox Game Pass" Banner and 4up content placement */
.custContPlacement.custContPlacementBackground {
   display: flex;
   align-items: center;
}
.custContPlacement .m-banner .smallerSBHeadingCopy {
  font-size: 32px;
  line-height: 32px;
}
.custContPlacement .m-content-placement-item>picture {
   overflow: unset;
}
.custContPlacement .m-content-placement-item>picture img {
   height: 75%;
   width: auto;
   left: 30%;
}
.custContPlacement .m-content-placement-item .c-heading {
   margin-top: -24px;
   padding: 0 24px;
}
@media screen and (max-width: 540px) {
  .custContPlacement .m-content-placement div div {
    padding-bottom: 0;
  }
}
@media screen and (max-width: 1084px) {
  .custContPlacement .m-content-placement {
    padding-bottom: 48px;
    background: linear-gradient(to top, #171717, transparent);
  }
}
@media screen and (min-width: 1084px) {
  .custContPlacement.custContPlacementBackground {
    min-height: 900px;
  }
  .custContPlacement.custContPlacementBackground .m-banner {
    padding-top: 0;
  }
  .custContPlacement.custContPlacementBackground>div>div{
    padding-bottom: 48px;
  }
}
@media screen and (min-width: 1350px) {
  .custContPlacement .m-content-placement-item .c-heading {
    margin-top: -48px;
    padding: 0 24px;
  }
}

/* "4x with Ultimate" Hero module */
.ultHero.home-hero .m-hero-item>div>div .c-subheading {
   max-width: unset;
}


/** page-bottom-background-image  **/
@media only screen and (min-width: 0px) {
   .page-bottom-background-image {
       background-image: url('https://cms-assets.xboxservices.com/assets/2c/eb/2cebcfa3-d806-4f4b-97b1-411d46de3803.jpg?n=Rewards_BG-Image-0_Bottom-BG_767x2000.jpg');
       background-repeat: no-repeat;
       background-size: contain;
       background-color: #171717;
   }
}

@media only screen and (min-width: 768px) {
  .page-bottom-background-image {
    background-image: url('https://cms-assets.xboxservices.com/assets/cf/a1/cfa1f9c2-a9d1-4ce7-a8c0-4f9c61babad0.jpg?n=Rewards_BG-Image-0_Bottom-BG_1920x2524.jpg');
    background-size: auto;
    background-repeat: no-repeat;
  }
}


/* "How to redeem points" center feature module */
.redeemBanner.m-banner {
  max-width: unset !important;
  padding-top: 48px;
}
@media screen and (min-width: 768px) {
  .redeemBanner.m-banner {
    padding-top: 96px;
  }
}
/* "Redeem your points for real rewards" card flip module */
.cardFlip {
  width: 100%;
  overflow: hidden;
  padding: 0;
}

/* card flip fix for back of card heading */
@media screen and (min-width: 1084px) and (max-width: 1300px) {
  .cardFlip .m-content-placement-item.f-size-large .card-back .slide-content .c-heading-3 {
    font-size: 24px;
    line-height: 28px;
  }
  .cardFlip .m-content-placement-item.f-size-large .card-back .slide-content .c-subheading-4 {
    font-size: 14px;
    line-height: 18px;
    padding-bottom: 0px;
  }
  .cardFlip .m-content-placement-item.f-size-large .card-back .slide-content {
    padding-bottom: 12px;
  }
}
/* Card flip styles */
.cardFlip .card {
  perspective: 5000px;
  cursor: pointer;
}

/* Screen reader and keyboard navigation */
.cardFlip .card span.card-flip-focus {
  position: absolute;
  left: -9999px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.cardFlip .card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0.6s cubic-bezier(0.165, 0.840, 0.440, 1.000);
  transform-style: preserve-3d;
  /* Safari fix */
  -webkit-transform-style: preserve-3d;
}

@media (min-width: 769px) {
  /* Card flip effect only for screens wider than 768px */
  .cardFlip .card:hover .card-inner,
  .cardFlip .card:has(.card-flip-focus:focus) .card-inner,
  .cardFlip .card:has(span:focus) .card-inner {
    transform: rotateY(180deg);
  }

  /* Disable pointer events on the front when the card is flipped */
  .cardFlip .card:hover .card-front,
  .cardFlip .card:has(.card-flip-focus:focus) .card-front,
  .cardFlip .card:has(.c-call-to-action:focus) .card-front {
    pointer-events: none;
  }

  /* VFI */
  .cardFlip .card:has(.card-flip-focus:focus) .card-inner {
    border: 2px dashed #000;
    outline: 2px dashed #fff;
  }
}

/* On mobile only show card back */
@media (max-width: 768px) {
  .cardFlip .card-inner {
    transform: rotateY(180deg) !important;
  }

  .cardFlip .card-front {
    display: none !important;
  }

  .cardFlip .card-back {
    display: block !important;
  }

  .cardFlip .card-flip-focus {
    display: none !important;
  }
}

.cardFlip .card-front,
.cardFlip .card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  z-index: 2;
  background: #111;
  /* Force stacking context for Safari */
  will-change: transform;
}

.cardFlip .card-back {
  transform: rotateY(180deg);
  z-index: 3;
}

/* Remove flip-specific styles for the static card */
.cardFlip .card-static .card-inner,
.cardFlip .card-static .card-front,
.cardFlip .card-static .card-back {
  all: unset;
}

.cardFlip .card-static .card-content {
  position: relative;
  width: 100%;
  height: 100%;
}

.cardFlip .m-content-placement-item.f-size-large {
  width: 100%;
  aspect-ratio: 560 / 800;
  position: relative;
  margin: 0;
}

.cardFlip .m-content-placement-item.f-size-large img.c-image {
  width: 100%;
  object-fit: cover;
}

.cardFlip .m-content-placement-item .slide-content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  color: white;
  z-index: 100;
  padding: 32px 27px 30px 30px;
  white-space: normal;
  text-align: center;
  /* background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 32px, rgba(0, 0, 0, 0.75) 72px, rgba(0, 0, 0, 1) 100%); */
}

.cardFlip .m-content-placement-item .slide-content h2 {
  font-weight: 700 !important;
}

@media screen and (min-width: 540px) and (max-width: 767px) {
  .cardFlip .m-content-placement-item .slide-content h2 {
    font-size: 46px;
    line-height: 56px;
  }
  .cardFlip .m-content-placement-item .slide-content p {
    font-size: 20px;
    line-height: 24px;
  }
}

@media screen and (max-width: 767px) {
  .cardFlip .m-content-placement-item .slide-content {
    padding: 32px 12px 12px 16px;
  }
}

.cardFlip .card-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 25px;
  max-width: 1600px;
  margin: 0 auto;
  padding: 25px;
}

@media (max-width: 1084px) {
  .cardFlip .card-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 767px) {
  .cardFlip .card-grid {
    grid-template-columns: 1fr;
  }
}

.cardFlip .card {
  margin: 0;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
}

.cardFlip .m-content-placement-item.f-size-large.card.card-hero {
  grid-column: 1/-1;
  aspect-ratio: 693 / 800;
}

@media screen and (min-width: 768px) {
  .cardFlip .m-content-placement-item.f-size-large.card.card-hero {
    aspect-ratio: 1083 / 609;
  }

  .cardFlip .m-content-placement-item.f-size-large.card.card-hero .slide-content {
    width: 100%;
    height: fit-content;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: none;
  }

  .cardFlip .m-content-placement-item.f-size-large.card.card-hero .slide-content .c-heading-3 {
    font-size: 46px;
    line-height: 56px;
  }
}

@media screen and (min-width: 1084px) {
  .cardFlip .m-content-placement-item.f-size-large.card.card-hero {
    aspect-ratio: 1920 / 720;
  }

  .cardFlip .m-content-placement-item.f-size-large.card.card-hero .slide-content .c-subheading-4 {
    font-size: 24px;
    line-height: 28px;
    padding: 4px 0 2.3632px;
  }
}

.cardFlip .m-content-placement-item.f-size-large.card.card-hero img {
  max-width: 100%;
}

/* Image feature module */ 
@media screen and (max-width: 768px) {
  .page-bottom-background-image .m-feature.f-image-priority div {
    padding-top: 24px;
  }
}

/* c-table Banner w/ logo */
.c-table-background .m-banner .c-logo .c-image {
  max-height: 150px;
}
.c-table.f-divided td.checkMark:before {
    content: "" / "";
    display: inline-flex;
    font-family: "MWF-MDL2";
    height: 100%;
    color: white;
    font-weight: bold;
}
.c-table.f-divided td.hideMe {
    color: #171717;
}
/* c-table fixes */
.c-table.f-divided tbody tr {
    border-bottom: 1px solid #9bf00b;
}
.c-table.f-divided tbody tr td {
    text-align: center;
    vertical-align: middle;
    padding: 24px;
}
.c-table.f-divided tbody tr th {
    width: 400px;
    padding: 24px;
}
.c-table.f-divided tbody tr .ultCopy {
    color: #9bf00b;
    transform: scale(1.25);
}
.c-table.f-divided tbody tr .tiersCopy {
  padding-bottom: 0;
}
@media screen and (max-width: 1084px) {
.c-table.f-divided tbody tr th, .c-table.f-divided tbody tr td {
    padding: 6px;
}
.c-table.f-divided tbody .c-heading-3 {
    font-size: 28px;
    line-height: 30px;
}
}
/* c-table fix for LOC */
@media screen and (max-width: 1400px) {
  .c-table .tiersCopy {
    font-size: 30px !important;
  }
}
@media screen and (max-width: 1084px) {
  .c-table .pointsCopy {
    font-size: 14px !important;
  }
  .c-table .tiersCopy {
    font-size: 14px !important;
  }
}
@media screen and (max-width: 575px) {
  .c-table .pointsCopy {
    font-size: 10px !important;
    line-height: 18px !important;
  }
  .c-table .tiersCopy {
    font-size: 12px !important;
  }
  .c-table.f-divided tbody tr .ultCopy {
    transform: none !important;
  }
}
@media screen and (max-width: 385px) {
  .c-table.f-divided .pointsCopy {
    font-size: 8px !important;
    line-height: 14px !important;
  }
  .c-table.f-divided .tiersCopy {
    font-size: 10px !important;
  }
}

@media screen and (max-width: 768px) {
  .c-table-background .m-system-requirements {
    padding-top: 0px;
  }
  .c-table.f-divided tbody tr th, .c-table.f-divided tbody tr td {
    padding: 12px;
}
.c-table.f-divided tbody tr {
    flex-wrap: wrap;
    display: inline-flex;
    justify-content: space-around;
    width: 100%;

}
.c-table.f-divided tbody tr th {
    display: inline-block;
    width: 100%;
    text-align: center;
}
.m-system-requirements .c-table td {
    min-width: 0px;
}
.c-table.f-divided tbody tr .tiersCopy {
    font-size: 15px;
    line-height: 20px;
}
.c-table.f-divided tbody tr .c-subheading-3 {
    font-size: 15px;
    line-height: 20px;
}
}
@media screen and (max-width: 400px) {
.c-table.f-divided tbody tr .tiersCopy {
    font-size: 12px;
    line-height: 18px;
}

  .c-table.f-divided tbody tr th, .c-table.f-divided tbody tr td {
    padding: 6px;
}
.c-table.f-divided tbody .c-heading-3 {
    font-size: 20px;
    line-height: 34px;
}
}
/** c-table section background  **/
.c-table-background {
   background-color: #171717;
   color: #fff;
}

/* snowbird Banner with jump module */
@media screen and (max-width: 767px) {
  .SB-hero-banner.head1a.SB-with-jump .m-banner .c-heading-1a{
      padding-bottom: 0;
  }
  .SB-hero-banner.head1a.SB-with-jump .banner-background.bottom-background-color {
      padding-bottom: 0px;
  }
  .SB-hero-banner.head1a.SB-with-jump .banner-background.bottom-background-color .m-banner {
      padding-top: 12px;
  }
}

.SB-hero-banner.head1a.SB-with-jump .m-banner {
    max-width: 75% !important;
}
.SB-hero-banner.head1a.SB-with-jump .banner-background .m-banner .c-subheading {
    font-size: 24px;
    line-height: 28px;
    padding-top: 48px;
    margin: auto;
    max-width: 90%;
}
@media screen and (min-width: 768px) {
    .SB-hero-banner.head1a.SB-with-jump .banner-background {
        padding-top: 140px;
        top: -180px;
        margin-bottom: -260px;
    }
}
@media screen and (min-width: 1084px) {
    .SB-hero-banner.head1a.SB-with-jump .banner-background {
        padding-top: 60px;
        top: -120px;
        margin-bottom: -200px;
    }
}  
@media screen and (min-width: 1400px) {
    .SB-hero-banner.head1a.SB-with-jump .banner-background {
        padding-top: 90px;
        top: -140px;
        margin-bottom: -220px;
    }
}
@media screen and (min-width: 1605px) {
    .SB-hero-banner.head1a.SB-with-jump .banner-background {
        top: -175px;
        margin-bottom: -200px;
    }

}

/* Background color for bottom of page */
.bottom-background-color {
   color: #fff !important;
   background-color: #2f2f2f !important;
}

/* xbox consoles, xbox pc, and xbox on mobile 3up content placement */
.bottom-background-color .m-content-placement .m-content-placement-item .m-ambient-video {
  min-width: 0;
}

.bottom-background-color .m-content-placement .m-content-placement-item .m-ambient-video div button {
  margin-left: 90%;
  bottom: 12px;
}
@media screen and (min-width: 768px) {
  .bottom-background-color .m-content-placement .m-content-placement-item .m-ambient-video div button {
    margin-left: 80%;
    bottom: 0px;
  }
  .bottom-background-color .m-content-placement .m-content-placement-item:first-of-type {
    padding-right: 24px;
  }
}
@media screen and (min-width: 800px) {
  .bottom-background-color .m-content-placement .m-content-placement-item .m-ambient-video div button {
    margin-left: 81%;
    bottom: 6px;
  }
}
@media screen and (min-width: 900px) {
  .bottom-background-color .m-content-placement .m-content-placement-item .m-ambient-video div button {
    margin-left: 83%;
  }
}
@media screen and (min-width: 1000px) {
  .bottom-background-color .m-content-placement .m-content-placement-item .m-ambient-video div button {
    margin-left: 85%;
  }
}
@media screen and (min-width: 1200px) {
  .bottom-background-color .m-content-placement .m-content-placement-item .m-ambient-video div button {
    margin-left: 88%;
  }
}
.bottom-background-color .m-content-placement .m-content-placement-item div {
  text-align: center;
}
.bottom-background-color .m-content-placement .m-content-placement-item .c-group a.c-call-to-action.f-image {
  height: 64px;
}

/* mastercard blade */
.bottom-background-color .m-hero-item.f-precise-click a.white-c:hover {
  text-decoration: underline;
}

/* spacing between mastercard blade and rewards blade */
@media screen and (max-width: 767px) {
  .rewardsBlade .static48 {
    padding-top: 0 !important;
  }
  .rewardsBlade .m-feature {
    margin-top: 0px;
    
  }
}

/* FAQ */
.rewards-faq.theme-dark, .rewards-faq.theme-dark .faq-mwf, .rewards-faq.theme-dark .faq-mwf button.c-glyph{
   background-color: #2f2f2f !important;
}
.rewards-faq.theme-dark .faq-mwf a {
   color: #9bf00b;
}



/* end of 9-10-2025 redesign */








/** Redesign **/

.dark-bg {
  color: #fff;
  background-color: #171717;
}
.theme-black.dark-bg {
  background-color: #171717 !important;
}
@media only screen and (max-width: 768px) {
.mobile-pad {
  padding-top: 48px;
}

}




@media only screen and (max-width: 360px) {
.icon-list-hero [data-grid~="col-7"] {
   width: 113% !important;
   margin-left: -5% !important;
}
}




@media only screen and (max-width: 1399px) {
.m-hero-item .c-heading, .c-hero .c-heading {
   font-size: 34px !important;
   line-height: 40px !important;
}
}









.threeUpImage {
   width: 88%;
   margin: auto
}

.threeUpCenter {
  text-align: center;
}




/** End Redesign **/

@media screen and (min-width:0px) {
 .threeUp .m-content-placement-item>picture {
 padding-bottom:24% !important;
}
.threeUp .rewardsIcon {
 max-height:60px
}
}

@media screen and (min-width:540px) {
   .threeUp .m-content-placement-item>picture {
   padding-bottom:16% !important;
}
}

@media screen and (min-width:768px) {
 .threeUp .m-content-placement-item>picture {
 padding-bottom:42% !important;
}
.howItWorks .m-banner {
   margin-top: -80px !important;
   position: relative !important;
}
.threeUp .rewardsIcon {
 max-height:70px
}
}

@media screen and (min-width:950px) {
   .threeUp .m-content-placement-item>picture {
 padding-bottom:34% !important;
}
}

@media screen and (max-width:767px) {
 .howItWorks .m-banner {
   margin-top: -73px !important;
   position: relative !important;
}
#faq {padding-bottom:24px; }
}




@media only screen and (min-width: 1084px) {

 .threeUp .m-content-placement-item>picture {
 padding-bottom:28% !important;
}
.threeUp .rewardsIcon {
 max-height:65%
}
}

@media only screen and (min-width:1400px) {
 .threeUp .m-content-placement-item>picture {
 padding-bottom:32% !important;
}
.threeUp .rewardsIcon {
 max-height:80%
}
}




 /* Discover more ways to play 4-up update */

@media only screen and (min-width: 1500px) {
  div.icon-list-hero section.m-hero-item[style] {
    height: 102vw !important;}
}

.customlink {
  padding-top: 10px;
} 



/* div.icon-list-hero.discoverHero section.m-hero-item div.pwd-copy-section .icons>div {
  margin-top: 50px;
} */

@media screen and (max-width:767px) {
.content-copy { margin-left:18% !Important; }
.customFeature .m-feature { margin-top:0px !important; }
}

@media screen and (min-width: 768px) {
  div.icon-list-hero.discoverHero section.m-hero-item div.pwd-copy-section {
   padding-bottom: 0;
   top: calc(49%);
   -ms-transform: translateY(-41%);
   transform: translateY(-50%);}
 }

 @media screen and (min-width: 800px) {
  div.icon-list-hero.discoverHero section.m-hero-item div.pwd-copy-section {
   padding-bottom: 0;
   top: calc(48%);
   -ms-transform: translateY(-41%);
   transform: translateY(-50%);}
 }

 @media screen and (min-width: 900px) {
  div.icon-list-hero.discoverHero section.m-hero-item div.pwd-copy-section {
   padding-bottom: 0;
   top: calc(49%);
   -ms-transform: translateY(-41%);
   transform: translateY(-50%);}
 }

 @media screen and (min-width: 1084px) {
  div.icon-list-hero.discoverHero section.m-hero-item div.pwd-copy-section {
   padding-bottom: 0;
   top: calc(39%);
   -ms-transform: translateY(-41%);
   transform: translateY(-50%);}
 }

 @media screen and (min-width: 1100px) {
  div.icon-list-hero.discoverHero section.m-hero-item div.pwd-copy-section {
   padding-bottom: 0;
   top: calc(43%);
   -ms-transform: translateY(-41%);
   transform: translateY(-50%);}
 }



@media screen and (min-width: 1399px) {
  div.icon-list-hero.discoverHero section.m-hero-item div.pwd-copy-section {
   padding-bottom: 0;
   top: calc(47%);
   -ms-transform: translateY(-41%);
   transform: translateY(-50%);}
 }

 @media screen and (min-width: 1550px) {
  div.icon-list-hero.discoverHero section.m-hero-item div.pwd-copy-section {
   padding-bottom: 0;
   top: calc(39%);
   -ms-transform: translateY(-41%);
   transform: translateY(-50%);}
 }

 @media screen and (min-width: 1920px) {
  div.icon-list-hero.discoverHero section.m-hero-item div.pwd-copy-section {
   padding-bottom: 0;
   top: calc(37%);
   -ms-transform: translateY(-41%);
   transform: translateY(-50%);}
 }





@media screen and (max-width: 850px) and (min-width: 768px) {
div.icon-list-hero.discoverHero section.m-hero-item div.pwd-copy-section .icons>div {
    margin-top: 25px;}
}

.customlink a:focus {
  outline: 2px dashed #000 !important;
  border: 2px dashed #FFF !important;
}


@media only screen and (min-width: 540px) and (max-width: 767px) {
.discoverHero.icon-list-hero .m-hero-item.f-transparent:before {
    padding-bottom: 60.2% !important;}
}




@media only screen and (min-width: 1084px) and (max-width: 1399px) {
div.icon-list-hero section.m-hero-item {
    height: 110vw !Important;
 }
div.icon-list-hero section.m-hero-item>picture {
   height: 100% !important;
   width: 100% !important;
   top: 0vw !important;
 }
}

/*
@media screen and (max-width:950px) {
 .mobileWrapText {
 width:250px !important;
 height:50px !Important;
 text-wrap:wrap !important;
 display:flex !important;
}
}
*/

@media screen and (max-width:539px) {
.mobileWrapText {
 width:250px !important;
 height:70px !Important;
 text-wrap:wrap !important;
 display:flex !important;
}
}




@media only screen and (min-width: 950px) and (max-width: 1083px) {
div.icon-list-hero section.m-hero-item {
    height: 110vw !important;
 }
 div.icon-list-hero section.m-hero-item>picture {
   top: 0vw !important;
}
}

@media only screen and (min-width: 846px) and (max-width: 949px) {
div.icon-list-hero section.m-hero-item {
    height: 135vw !important;
 }
div.icon-list-hero section.m-hero-item>picture {
   top: -10vw !important;
 }
}

@media only screen and (min-width: 768px) and (max-width: 845px) {
div.icon-list-hero section.m-hero-item {
    height: 154vw !important;
 }
 div.icon-list-hero section.m-hero-item>picture {
   top: 0vw !important;
}
}




.icon-list-hero div:not(.c-group) > a.c-call-to-action ~ .f-lightweight {
 padding-left:0px !Important;
}

@media only screen and (min-width: 768px) {
.icon-list-hero [data-grid~="col-7"] {
width: 73%;
}
}

@media only screen and (max-width: 767px) {
 .icon-list-hero [data-grid~="col-7"] {
  width: 100%;
 }
}
 

@media only screen and (min-width: 1084px) {
.icon-list-hero [data-grid~="col-7"] {
 width: 86%;
}
}

/* Discover more ways to play 4-up update */

.hero .c-caption-2 {
 padding-top:16px;
}

@media screen and (-ms-high-contrast: black-on-white) {
.faq-mwf .c-drawer button:focus  {
 outline:5px dashed white !important;
 color:white !Important;
}

.faq-mwf .c-drawer>button > p {
 color:white !Important;
}
}

a:not(.f-image):not(.x-hidden-focus).c-hyperlink:focus {
color: #9bf00b !important;
}

a:not(.f-image):not(.x-hidden-focus).c-hyperlink:hover {
color: #9bf00b !important;
}