/**********************
Home page css
**********************/
html.aem-AuthorLayer-Edit #main {
  display: flex;
  flex-direction: column;
  width: 100%;
}
#main {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.home-trailer-pre-order {
  background-color: black;
}
.cod-news-container::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  background: url("../../../../../../../content/dam/atvi/callofduty/cod-touchui/blackops7/home/decor/CHIMERA_LP_GetTheGameDiv_XLG.webp");
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  z-index: -1;
}
@media (max-width: 1024px) {
  .cod-news-container::before {
    background: url("../../../../../../../content/dam/atvi/callofduty/cod-touchui/blackops7/home/decor/CHIMERA_LP_GetTheGameDiv_MD.webp");
    background-size: contain;
    background-repeat: no-repeat;
  }
}
@media (max-width: 600px) {
  .cod-news-container::before {
    background: url("../../../../../../../content/dam/atvi/callofduty/cod-touchui/blackops7/home/decor/CHIMERA_LP_GetTheGameDiv_SM.webp");
    background-size: contain;
    background-repeat: no-repeat;
  }
}
#bo7-news .section-header h2 {
  text-align: start;
}

/*html.aem-AuthorLayer-Edit {

	#hero {

		.hero-hero {
			height: 700px;
        }

        .atvi-card-inner-container,
        .atvi-card-media-container {
            height: 700px;
        }

    }

}*/
#hero .hero-hero {
  height: 800px;
  max-width: 1440px;
  width: 100%;
  margin: 0 auto;
  position: relative;
}
#hero .hero-hero::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 101%;
  background: linear-gradient(270deg, #000000 5%, rgba(0, 0, 0, 0) 15.38%, rgba(0, 0, 0, 0) 85%, #000000 95%), linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 19.23%, rgba(0, 0, 0, 0) 100%), linear-gradient(180deg, rgba(0, 0, 0, 0) 60.48%, #000000 100%);
}
@media (max-width: 600px) {
  #hero .hero-hero {
    height: 600px;
  }
  #hero .hero-hero::after {
    background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 19.23%, rgba(0, 0, 0, 0) 100%), linear-gradient(180deg, rgba(0, 0, 0, 0) 60.48%, #000000 100%);
  }
}
#hero .atvi-card-inner-container,
#hero .atvi-card-media-container {
  height: 800px;
}
@media (max-width: 600px) {
  #hero .atvi-card-inner-container,
  #hero .atvi-card-media-container {
    height: 600px;
  }
}
#hero .atvi-card-image {
  position: relative;
}
#hero .atvi-card-image::after {
  content: "";
  background: linear-gradient(270deg, #000000 5%, rgba(0, 0, 0, 0) 15.38%, rgba(0, 0, 0, 0) 85%, #000000 95%), linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 19.23%, rgba(0, 0, 0, 0) 100%), linear-gradient(180deg, rgba(0, 0, 0, 0) 60.48%, #000000 100%);
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 600px) {
  #hero .atvi-card-image::after {
    display: none;
  }
}
#hero .atvi-card-content-container {
  margin-inline: auto;
  margin-bottom: 115px;
  z-index: 1;
}
@media (max-width: 600px) {
  #hero .atvi-card-content-container {
    margin-bottom: 10px;
  }
}
#hero .video-overlay {
  z-index: 1;
  bottom: 10px;
  right: 10px;
}
#hero .video-overlay .custom-controls span {
  display: none;
}
#hero .video-overlay .custom-controls button {
  border-radius: 8px;
  border: 1px solid #3c4147;
  background: rgba(0, 0, 0, 0.8);
  backdrop-filter: blur(10px);
  padding: 10px;
}
#hero .video-overlay .custom-controls #video-pause-icon path,
#hero .video-overlay .custom-controls #video-play-icon path {
  fill: #3c4147;
}
@media (max-width: 600px) {
  #hero .video-overlay {
    display: none;
  }
}
#hero .atvi-card-logo {
  margin: 0 10px;
}
#hero #hero-play-btn ul {
  display: flex;
  justify-content: center !important;
}
#hero #hero-play-btn #hero-trailer-btn {
  background-color: transparent;
  border: none;
  cursor: pointer;
}
#hero #hero-play-btn #hero-trailer-btn:hover .play-btn_ping {
  animation: radar 1.5s ease-out infinite;
}
@media (max-width: 600px) {
  #hero #hero-play-btn #hero-play-btn-modal-overlay .modal-close {
    top: 75px;
  }
}
#hero #hero-bo7-tagline {
  margin-top: 24px;
  font-family: "Hitmarker Condensed Black", Arial;
  font-weight: 900;
  font-style: normal;
  letter-spacing: 1px;
  font-size: 1.75rem;
  line-height: 1.75rem;
  text-transform: uppercase;
  color: #fff;
  text-align: center;
}
@media (max-width: 1024px) {
  #hero #hero-bo7-tagline {
    font-family: "Hitmarker Condensed Black", Arial;
    font-weight: 900;
    font-style: normal;
    letter-spacing: 1px;
    font-size: 1.25rem;
    line-height: 1.25rem;
    text-transform: uppercase;
  }
}
@media (max-width: 1024px) {
  #hero #hero-bo7-tagline {
    margin-top: 20px;
  }
}
#hero #hero-bo7-tagline h2 {
  font-family: "Hitmarker Condensed Black", Arial;
  font-weight: 900;
  font-style: normal;
  letter-spacing: 1px;
  font-size: 1.75rem;
  line-height: 1.75rem;
  text-transform: uppercase;
  color: #fff;
  text-align: center;
}
@media (max-width: 1024px) {
  #hero #hero-bo7-tagline h2 {
    font-family: "Hitmarker Condensed Black", Arial;
    font-weight: 900;
    font-style: normal;
    letter-spacing: 1px;
    font-size: 1.25rem;
    line-height: 1.25rem;
    text-transform: uppercase;
  }
}
#hero #hero-bo7-logo {
  padding: 0 16px;
}
#hero .atvi-cta {
  width: 100%;
}
#hero #bo7-hover-btn {
  margin: 24px auto 0;
  width: 100%;
  font-family: "Hitmarker Text Bold";
  font-weight: 700;
  font-style: normal;
  background: none;
  border: none;
  cursor: pointer;
  text-transform: uppercase;
  display: block;
  text-decoration: none;
  text-align: center;
  border-radius: 4px;
  line-height: 1;
  padding: 0;
  color: #ffffff;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
  background: linear-gradient(180deg, #1560e0 0%, #0b347a 100%);
  box-shadow: 0 0 24px 2px rgba(21, 96, 224, 0.7);
  font-size: 0.88rem;
  letter-spacing: 1px;
  padding-top: 12px;
  padding-bottom: 12px;
  padding: 16px 0;
}
@media (max-width: 600px) {
  #hero #bo7-hover-btn {
    padding: 16px 24px;
  }
}
#hero #bo7-hover-btn:hover {
  background: #1560E0;
  box-shadow: 0 0 24px 2px rgba(21, 96, 224, 0.7);
}
@media (min-width: 600.02px) {
  #hero #bo7-hover-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 250px;
    height: 51px;
    position: relative;
    background: conic-gradient(from 135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 140, 255, 0.5) 20%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.6) 80%, rgba(0, 0, 0, 0) 100%);
    border: none;
    border-radius: 8px;
    padding: 19px 16px;
    cursor: pointer;
    z-index: 1;
    overflow: hidden;
    color: white;
    box-shadow: 0 0 6px rgba(0, 140, 255, 0.4);
    transition: all 0.3s ease;
  }
  #hero #bo7-hover-btn:hover {
    background: conic-gradient(from 135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 140, 255, 0.5) 20%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.6) 80%, rgba(0, 0, 0, 0) 100%);
    box-shadow: none;
  }
  #hero #bo7-hover-btn::after {
    content: "";
    position: absolute;
    inset: 2px;
    border-radius: 6px;
    z-index: -1;
    left: var(--x);
    top: var(--y);
    width: 0;
    height: 0;
    background: radial-gradient(circle closest-side, var(--color), transparent);
    transform: translate(-50%, -50%);
    transition: width 0.2s ease, height 0.2s ease;
  }
  #hero #bo7-hover-btn:hover::after {
    width: 100px;
    height: 80px;
  }
  #hero #bo7-hover-btn::before {
    content: "";
    position: absolute;
    inset: 1.5px;
    background: black;
    z-index: -2;
    border-radius: 10px;
  }
}
@media (max-width: 1024px) {
  #hero #bo7-hover-btn {
    margin-top: 20px;
  }
}
#hero #bo7-hover-btn a {
  text-decoration: none;
  color: white;
}
#hero .desktop-only {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  position: relative;
  gap: 60px;
  background: url(../../../../../../../content/dam/atvi/callofduty/cod-touchui/blackops7/home/chimera_lp_platform_background_1920x96.webp);
}
@media (max-width: 600px) {
  #hero .desktop-only {
    display: none;
  }
}
#hero .mobile-only {
  display: none;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  align-content: flex-start;
  gap: 16px 42.667px;
  flex-wrap: nowrap;
  background: url(../../../../../../../content/dam/atvi/callofduty/cod-touchui/blackops7/home/chimera_lp_platform_background_360x88.webp);
}
@media (max-width: 600px) {
  #hero .mobile-only {
    display: flex;
  }
}
#hero .mobile-only .atvi-image {
  flex-basis: 25%;
}
#hero .desktop-only,
#hero .mobile-only {
  padding: 27px 60px;
  border-top: 1px solid #2b2b2b;
  border-bottom: 1px solid #2b2b2b;
}

/**
	COD BO6 HOME GALLERY STYLES - /apps/atvi/callofduty/bo6/components/pages/home/clientlibs/css/gallery.less
*/
.media-gallery-section-container {
  position: relative;
  background-image: url("../../../../../../../content/dam/atvi/callofduty/cod-touchui/blackops7/home/decor/CHIMERA_LP_MediaGalleryBG_MD.webp");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding-block: 120px;
  background-position: center center;
  border-top: 1px solid #24272a;
}
@-webkit-keyframes slide-up-caption {
  100% {
    transform: translateY(0%);
  }
}
@-moz-keyframes slide-up-caption {
  100% {
    transform: translateY(0%);
  }
}
@-ms-keyframes slide-up-caption {
  100% {
    transform: translateY(0%);
  }
}
@-o-keyframes slide-up-caption {
  100% {
    transform: translateY(0%);
  }
}
@keyframes slide-up-caption {
  100% {
    transform: translateY(0%);
  }
}
@-webkit-keyframes slide-down-caption {
  0% {
    transform: translateY(0%);
  }
  100% {
    transform: translateY(100%);
  }
}
@-moz-keyframes slide-down-caption {
  0% {
    transform: translateY(0%);
  }
  100% {
    transform: translateY(100%);
  }
}
@-ms-keyframes slide-down-caption {
  0% {
    transform: translateY(0%);
  }
  100% {
    transform: translateY(100%);
  }
}
@-o-keyframes slide-down-caption {
  0% {
    transform: translateY(0%);
  }
  100% {
    transform: translateY(100%);
  }
}
@keyframes slide-down-caption {
  0% {
    transform: translateY(0%);
  }
  100% {
    transform: translateY(100%);
  }
}
@media (min-width: 1920.02px) {
  .media-gallery-section-container {
    background-image: url('../../../../../../../content/dam/atvi/callofduty/cod-touchui/blackops7/home/decor/CHIMERA_LP_MediaGalleryBG_XLG.webp');
  }
  .media-gallery-section-container:after {
    content: '';
    position: absolute;
    top: -8px;
    left: 0;
    width: 100%;
    height: calc(100% + 16px);
    background: linear-gradient(270deg, rgba(0, 0, 0, 0) 96.31%, #000000 100%), linear-gradient(90deg, rgba(0, 0, 0, 0) 95.92%, #000000 100%);
    pointer-events: none;
  }
}
@media (max-width: 600px) {
  .media-gallery-section-container {
    padding-block: 36px;
    background-image: url("../../../../../../../content/dam/atvi/callofduty/cod-touchui/blackops7/home/decor/CHIMERA_LP_MediaGalleryBG_SM.webp");
  }
}
.media-gallery-section-container .media-gallery-content {
  max-width: 1440px;
  margin-inline: auto;
  padding-inline: 60px;
  display: grid;
  grid-gap: 40px;
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (max-width: 1024px) {
  .media-gallery-section-container .media-gallery-content {
    max-width: 1024px;
    padding-inline: 40px;
  }
}
@media (max-width: 600px) {
  .media-gallery-section-container .media-gallery-content {
    max-width: 600px;
    padding-inline: 16px;
  }
}
.media-gallery-section-container .media-gallery-content > .atvi-cta {
  display: none;
}
@media (max-width: 600px) {
  .media-gallery-section-container .media-gallery-content {
    grid-gap: 28px;
  }
}
.media-gallery-section-container .section-title {
  display: flex;
  justify-content: center;
}
.media-gallery-section-container .section-title h2 {
  color: #fff;
  display: flex;
  align-content: center;
}
@media (min-width: 600.02px) {
  .media-gallery-section-container .section-title h2 {
    font-family: "Hitmarker Condensed Black", Arial;
    font-weight: 900;
    font-style: normal;
    letter-spacing: 1px;
    font-size: 3.25rem;
    line-height: 3.25rem;
    text-transform: uppercase;
  }
}
@media (max-width: 600px) {
  .media-gallery-section-container .section-title h2 {
    font-family: "Hitmarker Condensed Black", Arial;
    font-weight: 900;
    font-style: normal;
    letter-spacing: 1px;
    font-size: 2.25rem;
    line-height: 2.25rem;
    text-transform: uppercase;
  }
  .media-gallery-section-container .section-title h2:after {
    top: 0;
    margin-block: 3px;
  }
}
.media-gallery-section-container .atvi-gallery-container .inner-container {
  display: grid;
  gap: 40px;
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
.media-gallery-section-container .atvi-gallery-container .inner-container .atvi-gallery-thumbnail-entry {
  position: relative;
}
.media-gallery-section-container .atvi-gallery-container .inner-container .atvi-gallery-thumbnail-entry::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../../../../../../../content/dam/atvi/callofduty/cod-touchui/blackops7/home/decor/Icon_TopLeftBracket.svg") top left no-repeat, url("../../../../../../../content/dam/atvi/callofduty/cod-touchui/blackops7/home/decor/Icon_TopRightBracket.svg") top right no-repeat, url("../../../../../../../content/dam/atvi/callofduty/cod-touchui/blackops7/home/decor/Icon_BottomLeftBracket.svg") bottom left no-repeat, url("../../../../../../../content/dam/atvi/callofduty/cod-touchui/blackops7/home/decor/Icon_BottomRightBracket.svg") bottom right no-repeat;
  background-size: 30px 30px;
  /* adjust per SVG */
}
@media (max-width: 600px) {
  .media-gallery-section-container .atvi-gallery-container .inner-container {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
    padding-bottom: 40px;
  }
}
.media-gallery-section-container .atvi-gallery-container .inner-container .atvi-gallery-thumbnail-entry:nth-child(1) {
  grid-column: span 6;
}
@media (max-width: 600px) {
  .media-gallery-section-container .atvi-gallery-container .inner-container .atvi-gallery-thumbnail-entry:nth-child(1) {
    grid-column: span 4;
  }
}
.media-gallery-section-container .atvi-gallery-container .inner-container .atvi-gallery-thumbnail-entry:nth-child(2) {
  grid-column: span 6;
}
@media (max-width: 600px) {
  .media-gallery-section-container .atvi-gallery-container .inner-container .atvi-gallery-thumbnail-entry:nth-child(2) {
    grid-column: span 2;
  }
}
.media-gallery-section-container .atvi-gallery-container .inner-container .atvi-gallery-thumbnail-entry:nth-child(n + 3) {
  grid-column: span 4;
}
@media (max-width: 600px) {
  .media-gallery-section-container .atvi-gallery-container .inner-container .atvi-gallery-thumbnail-entry:nth-child(n + 3) {
    grid-column: span 2;
  }
}
.media-gallery-section-container .atvi-gallery-container .inner-container .atvi-gallery-thumbnail-entry .atvi-gallery-thumbnail-caption {
  font-family: "Hitmarker Condensed Black", Arial;
  font-weight: 900;
  font-style: normal;
  letter-spacing: 1px;
  font-size: 1.25rem;
  line-height: 1.25rem;
  text-transform: uppercase;
  padding: 40px 40px 12px;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 44.73%, rgba(0, 0, 0, 0) 99.62%);
  transform: translateY(100%);
  animation: slide-down-caption 0.3s forwards;
}
@media (max-width: 600px) {
  .media-gallery-section-container .atvi-gallery-container .inner-container .atvi-gallery-thumbnail-entry .atvi-gallery-thumbnail-caption {
    padding: 10px 10px 5px ;
  }
}
.media-gallery-section-container .atvi-gallery-container .inner-container .atvi-gallery-thumbnail-entry:hover .atvi-gallery-thumbnail-caption,
.media-gallery-section-container .atvi-gallery-container .inner-container .atvi-gallery-thumbnail-entry:focus .atvi-gallery-thumbnail-caption {
  animation: slide-up-caption 0.3s forwards;
}
@media (max-width: 1024px) {
  .media-gallery-section-container .atvi-gallery-container .inner-container .atvi-gallery-thumbnail-entry .thumb-play-icon {
    scale: 0.75;
  }
}
.media-gallery-section-container .atvi-gallery-container .atvi-gallery-modal .atvi-gallery-inner-modal {
  padding-inline: 60px;
}
@media (max-width: 1024px) {
  .media-gallery-section-container .atvi-gallery-container .atvi-gallery-modal .atvi-gallery-inner-modal {
    padding-inline: 50px;
  }
}
@media (max-width: 600px) {
  .media-gallery-section-container .atvi-gallery-container .atvi-gallery-modal .atvi-gallery-inner-modal {
    padding-inline: 30px;
  }
}
.media-gallery-section-container .atvi-gallery-container .atvi-gallery-modal .atvi-gallery-media-carousel-arrows {
  top: 50%;
  translate: -50% -50%;
  height: 40px;
}
.media-gallery-section-container .atvi-gallery-container .atvi-gallery-modal .atvi-gallery-media-carousel-arrows .modal-nav-btn {
  text-decoration: none;
  border: none;
  background-color: transparent;
  font-family: inherit;
  padding: 0;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 1.1;
  height: 40px;
  width: 40px;
  font-size: 0;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="17" viewBox="0 0 10 17" fill="none"><path d="M8.28912 8.36066L0.202339 15.657C-0.0727606 15.9052 -0.0665655 16.3022 0.216175 16.5437C0.498916 16.7852 0.951134 16.7797 1.22623 16.5315L9.79766 8.79793C10.0674 8.55452 10.0674 8.1668 9.79766 7.92338L1.22623 0.189775C0.951134 -0.0584335 0.498916 -0.0638714 0.216175 0.177629C-0.0665655 0.419128 -0.0727606 0.816117 0.202339 1.06433L8.28912 8.36066Z" fill="%23F96800"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
}
@media screen and (-ms-high-contrast: active) {
  .media-gallery-section-container .atvi-gallery-container .atvi-gallery-modal .atvi-gallery-media-carousel-arrows .modal-nav-btn {
    border: 2px solid currentcolor;
  }
}
@media (max-width: 600px) {
  .media-gallery-section-container .atvi-gallery-container .atvi-gallery-modal .atvi-gallery-media-carousel-arrows .modal-nav-btn {
    background-size: 15px auto;
  }
}
.media-gallery-section-container .atvi-gallery-container .atvi-gallery-modal .atvi-gallery-media-carousel-arrows .modal-nav-btn.modal-nav-prev {
  margin-left: -15%;
  position: absolute;
  left: 0%;
  transform: rotate(180deg);
}
@media (max-width: 1024px) {
  .media-gallery-section-container .atvi-gallery-container .atvi-gallery-modal .atvi-gallery-media-carousel-arrows .modal-nav-btn.modal-nav-prev {
    margin-left: 0;
  }
}
.media-gallery-section-container .atvi-gallery-container .atvi-gallery-modal .atvi-gallery-media-carousel-arrows .modal-nav-btn.modal-nav-next {
  margin-right: -15%;
  position: absolute;
  right: 0%;
}
@media (max-width: 1024px) {
  .media-gallery-section-container .atvi-gallery-container .atvi-gallery-modal .atvi-gallery-media-carousel-arrows .modal-nav-btn.modal-nav-next {
    margin-right: 0;
  }
}
#bo7-gallery .atvi-age-gate-container {
  bottom: -1px;
}
@media (max-width: 600px) {
  #bo7-gallery .atvi-age-gate-container p.age-gate-title {
    font-size: 20px;
  }
}
@media (max-width: 600px) {
  #bo7-gallery .atvi-age-gate-container input {
    padding: 5px;
  }
}
#bo7-gallery .atvi-gallery-expand {
  display: flex;
  justify-content: center;
  width: fit-content;
  margin: 40px auto 0;
}
#bo7-gallery .atvi-gallery-expand .atvi-gallery-expand-btn {
  font-family: "Hitmarker Text Bold";
  font-weight: 700;
  font-style: normal;
  background: none;
  border: none;
  cursor: pointer;
  text-transform: uppercase;
  display: block;
  text-decoration: none;
  text-align: center;
  border-radius: 4px;
  line-height: 1;
  padding: 0;
  color: #ffffff;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
  background: linear-gradient(180deg, #1560e0 0%, #0b347a 100%);
  box-shadow: 0 0 24px 2px rgba(21, 96, 224, 0.7);
  font-size: 0.88rem;
  letter-spacing: 1px;
  padding-top: 12px;
  padding-bottom: 12px;
  padding: 20px 80px;
}
@media (max-width: 600px) {
  #bo7-gallery .atvi-gallery-expand .atvi-gallery-expand-btn {
    padding: 16px 24px;
  }
}
#bo7-gallery .atvi-gallery-expand .atvi-gallery-expand-btn:hover {
  background: #1560E0;
  box-shadow: 0 0 24px 2px rgba(21, 96, 224, 0.7);
}
/** 
    LOCALES
*/
html[lang="ar"] h2:after {
  margin-right: 8px;
}
.atvi-gallery-thumbnail-entry {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.4s ease, transform 0.4s ease;
}
.media-gallery-hidden {
  opacity: 0;
  transform: translateY(20px);
  pointer-events: none;
}

#home-trailer-ef {
  position: relative;
}
#home-trailer-ef:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../../../../../../../content/dam/atvi/callofduty/cod-touchui/blackops7/home/chimera_backgroundtexture_1920x896.webp) #d3d3d3 50% / cover no-repeat;
  mix-blend-mode: difference;
}
@media (max-width: 1024px) {
  #home-trailer-ef:before {
    background: url(../../../../../../../content/dam/atvi/callofduty/cod-touchui/blackops7/home/chimera_backgroundtexture_1024x683.webp) #d3d3d3 50% / cover no-repeat;
  }
}
@media (max-width: 600px) {
  #home-trailer-ef:before {
    background: url(../../../../../../../content/dam/atvi/callofduty/cod-touchui/blackops7/home/chimera_backgroundtexture_360x686.webp) #d3d3d3 50% / cover no-repeat;
  }
}
#home-trailer-ef #home-trailer {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
  gap: 56px;
  padding: 80px 0;
}
@media (max-width: 600px) {
  #home-trailer-ef #home-trailer {
    padding: 40px 0;
  }
}
#home-trailer-ef #home-trailer h2 {
  color: #f96800;
  font-family: "Hitmarker Condensed Black", Arial;
  font-weight: 900;
  font-style: normal;
  letter-spacing: 1px;
  font-size: 4.25rem;
  line-height: 4.25rem;
  text-transform: uppercase;
}
#home-trailer-ef #home-trailer p {
  color: white;
}
#home-trailer-ef #home-trailer .trailer_heading {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 16px;
  padding: 0 40px;
  text-align: center;
}
#home-trailer-ef #home-trailer .trailer_heading p {
  max-width: 896px;
}
#home-trailer-ef #home-trailer .atvi-video {
  max-width: 1440px;
  margin-inline: auto;
  padding-inline: 60px;
  max-width: 1094px;
  width: 100%;
  aspect-ratio: 1.77777778;
  padding-inline: 0;
  z-index: 1;
}
@media (max-width: 1024px) {
  #home-trailer-ef #home-trailer .atvi-video {
    max-width: 1024px;
    padding-inline: 40px;
  }
}
@media (max-width: 600px) {
  #home-trailer-ef #home-trailer .atvi-video {
    max-width: 600px;
    padding-inline: 16px;
  }
}
@media (max-width: 600px) {
  #home-trailer-ef #home-trailer .atvi-video {
    padding-inline: 0px;
  }
}
#home-trailer-ef #home-trailer .trailer_video {
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8.288px;
}
#home-trailer-ef #home-trailer .trailer_video .player-part {
  width: 100%;
}
#home-trailer-ef #home-trailer .trailer_description p {
  color: #fff;
  text-align: center;
  max-width: 862px;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 1px;
}
@media (max-width: 600px) {
  #home-trailer-ef #home-trailer {
    gap: 16px;
  }
  #home-trailer-ef #home-trailer h2 {
    font-family: "Hitmarker Condensed Black", Arial;
    font-weight: 900;
    font-style: normal;
    letter-spacing: 1px;
    font-size: 3.25rem;
    line-height: 3.25rem;
    text-transform: uppercase;
  }
  #home-trailer-ef #home-trailer .trailer_heading {
    padding: 0 5px;
  }
  #home-trailer-ef #home-trailer .trailer_description p {
    display: none;
  }
}

#sign-up {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
#sign-up .sign-up-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  max-width: 645px;
  margin: 54px auto 120px;
  text-align: center;
}
#sign-up .sign-up-container h3 {
  font-family: "Hitmarker Condensed Black", Arial;
  font-weight: 900;
  font-style: normal;
  letter-spacing: 1px;
  font-size: 3.25rem;
  line-height: 3.25rem;
  text-transform: uppercase;
  color: white;
  font-size: 36px;
  line-height: 36px;
}
#sign-up .sign-up-container .atvi-cta-item {
  font-family: "Hitmarker Text Bold";
  font-weight: 700;
  font-style: normal;
  background: none;
  border: none;
  cursor: pointer;
  text-transform: uppercase;
  display: block;
  text-decoration: none;
  text-align: center;
  border-radius: 4px;
  line-height: 1;
  padding: 0;
  color: #ffffff;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
  background: linear-gradient(180deg, #1560e0 0%, #0b347a 100%);
  box-shadow: 0 0 24px 2px rgba(21, 96, 224, 0.7);
  font-size: 0.88rem;
  letter-spacing: 1px;
  padding-top: 12px;
  padding-bottom: 12px;
  padding: 16px 24px;
  border-radius: 0px !important;
  position: relative;
  z-index: 1;
}
@media (max-width: 600px) {
  #sign-up .sign-up-container .atvi-cta-item {
    padding: 16px 24px;
  }
}
#sign-up .sign-up-container .atvi-cta-item:hover {
  background: #1560E0;
  box-shadow: 0 0 24px 2px rgba(21, 96, 224, 0.7);
}
@media screen and (orientation: landscape) and (max-height: 400px) {
  #sign-up .sign-up-container .atvi-cta-item .cta-text {
    font-size: 14px;
  }
}
@media (max-width: 600px) {
  #sign-up .sign-up-container {
    margin: 15px auto 120px;
  }
  #sign-up .sign-up-container h3 {
    font-size: 20px;
    line-height: 24px;
    padding: 0 15px;
  }
}
#sign-up:before,
#sign-up:after {
  content: "";
  position: absolute;
  width: 35%;
  height: 160%;
  bottom: 0;
  mix-blend-mode: plus-lighter;
}
@media (max-width: 1440px) {
  #sign-up:before,
  #sign-up:after {
    width: 50%;
    height: 130%;
  }
}
@media (max-width: 1024px) {
  #sign-up:before,
  #sign-up:after {
    height: 115%;
    width: 62%;
  }
}
@media (max-width: 600px) {
  #sign-up:before,
  #sign-up:after {
    height: 100%;
    width: 65%;
    transform: scale(0.55);
  }
}
@media screen and (max-width: 400px) {
  #sign-up:before,
  #sign-up:after {
    width: 90%;
  }
}
#sign-up:before {
  transform-origin: left;
  left: 0;
  background: url(../../../../../../../content/dam/atvi/callofduty/cod-touchui/blackops7/home/flare-left.webp) #000000 0% / cover no-repeat;
}
#sign-up:after {
  transform-origin: right;
  right: 0;
  background: url(../../../../../../../content/dam/atvi/callofduty/cod-touchui/blackops7/home/flare-right.webp) #000000 100% / cover no-repeat;
}
[lang="ar"] #sign-up .sign-up-container h3 {
  line-height: 40px;
}
@media (max-width: 600px) {
  [lang="ar"] #sign-up .sign-up-container h3 {
    line-height: 26px;
  }
}

/*
	COD BO6 SUB VAULT EDITION STYLES
*/
.vault-edition-container {
  position: relative;
  padding: 60px 0 0;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("../../../../../../../content/dam/atvi/callofduty/cod-touchui/blackops7/common/ve-overview/Chimera_LP_VE_BG.webp");
  box-shadow: 0px 20px 20px 0px #000 inset;
}
@media (min-width: 2560.02px) {
  .vault-edition-container {
    max-width: 2560px;
    margin-inline: auto;
  }
  .vault-edition-container:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(270deg, rgba(0, 0, 0, 0) 96.31%, #000000 100%), linear-gradient(90deg, rgba(0, 0, 0, 0) 95.92%, #000000 100%);
    pointer-events: none;
  }
}
.vault-edition-container:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  pointer-events: none;
}
.vault-edition-container > .atvi-layout-container {
  max-width: 1440px;
  margin-inline: auto;
  padding-inline: 60px;
  display: grid;
  grid-gap: 40px;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  position: relative;
}
@media (max-width: 1024px) {
  .vault-edition-container > .atvi-layout-container {
    max-width: 1024px;
    padding-inline: 40px;
  }
}
@media (max-width: 600px) {
  .vault-edition-container > .atvi-layout-container {
    max-width: 600px;
    padding-inline: 16px;
  }
}
.vault-edition-container > .atvi-layout-container > * {
  grid-column: span 12;
  width: 100%;
  max-width: 866px;
  margin-inline: auto;
}
@media (max-width: 1024px) {
  .vault-edition-container > .atvi-layout-container {
    gap: 20px;
  }
}
@media (max-width: 600px) {
  .vault-edition-container > .atvi-layout-container {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .vault-edition-container > .atvi-layout-container > * {
    grid-column: span 4;
  }
}
.vault-edition-container .vault-box {
  display: flex;
  flex-direction: column;
}
.vault-edition-container .vault-title {
  font-family: "Hitmarker Condensed Black", Arial;
  font-weight: 900;
  font-style: normal;
  letter-spacing: 1px;
  font-size: 3.25rem;
  line-height: 3.25rem;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 600px) {
  .vault-edition-container .vault-title {
    font-family: "Hitmarker Condensed Black", Arial;
    font-weight: 900;
    font-style: normal;
    letter-spacing: 1px;
    font-size: 2.25rem;
    line-height: 2.25rem;
    text-transform: uppercase;
  }
}
.vault-edition-container .vault-description {
  font-family: "Hitmarker Text Regular", Arial;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 1px;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #fff;
  text-align: center;
  margin-inline: auto;
  margin-top: 8px;
  text-wrap: pretty;
}
@media (min-width: 1024.02px) {
  .vault-edition-container .vault-description {
    max-width: 460px;
  }
}
.vault-edition-container .vault-image-grid {
  display: grid;
  grid-gap: 40px;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  color: #fff;
  padding-block: 40px;
}
@media (max-width: 1024px) {
  .vault-edition-container .vault-image-grid {
    grid-gap: 20px 28px;
  }
}
@media (max-width: 600px) {
  .vault-edition-container .vault-image-grid {
    grid-gap: 20px;
  }
}
.vault-edition-container .vault-image-grid .atvi-text-image-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  border: 1px solid #1560e0;
}
@media (max-width: 1024px) {
  .vault-edition-container .vault-image-grid .atvi-text-image-container {
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.8);
  }
}
.vault-edition-container .vault-image-grid .atvi-text-image-container .text-wrapper {
  font-family: "Hitmarker Text Regular";
  font-weight: 400;
  font-style: normal;
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: 1px;
  background-color: black;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  flex-grow: 1;
  padding: 12px;
  text-align: center;
  justify-content: center;
}
.vault-edition-container .vault-image-grid .atvi-text-image-container .text-wrapper > p:nth-child(1) {
  font-family: "Hitmarker Condensed Black", Arial;
  font-weight: 900;
  font-style: normal;
  letter-spacing: 1px;
  font-size: 1.25rem;
  line-height: 1.25rem;
  text-transform: uppercase;
}
.vault-edition-container .vault-image-grid .atvi-text-image-container .atvi-image-wrapper {
  position: relative;
}
.vault-edition-container .vault-image-grid .atvi-text-image-container .atvi-image-caption {
  font-family: "Hitmarker Text Regular", Arial;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 1px;
  font-size: 0.88rem;
  line-height: 1.38rem;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 28px 12px 8px;
  background: linear-gradient(0deg, #000000 50%, rgba(0, 0, 0, 0) 100%);
}
.vault-edition-container .vault-image-grid > div:nth-child(1) {
  grid-column: span 4;
}
@media (max-width: 600px) {
  .vault-edition-container .vault-image-grid > div:nth-child(1) {
    grid-column: span 12;
  }
}
.vault-edition-container .vault-image-grid > div:nth-child(2) {
  grid-column: span 4;
}
@media (max-width: 600px) {
  .vault-edition-container .vault-image-grid > div:nth-child(2) {
    grid-column: span 12;
  }
}
.vault-edition-container .vault-image-grid > div:nth-child(3) {
  grid-column: span 4;
}
@media (max-width: 600px) {
  .vault-edition-container .vault-image-grid > div:nth-child(3) {
    grid-column: span 12;
  }
}
.vault-edition-container .vault-image-grid > div:nth-child(4) {
  grid-column: span 4;
}
@media (max-width: 600px) {
  .vault-edition-container .vault-image-grid > div:nth-child(4) {
    grid-column: span 12;
  }
}
.vault-edition-container .vault-image-grid > div:nth-child(5) {
  grid-column: span 4;
}
.vault-edition-container .vault-image-grid > div:nth-child(5) .text-wrapper p:not(:first-child) {
  display: none;
}
@media (max-width: 600px) {
  .vault-edition-container .vault-image-grid > div:nth-child(5) {
    grid-column: span 12;
  }
}
.vault-edition-container .vault-image-grid > div:nth-child(6) {
  grid-column: span 4;
}
.vault-edition-container .vault-image-grid > div:nth-child(6) .text-wrapper p:not(:first-child) {
  display: none;
}
@media (max-width: 600px) {
  .vault-edition-container .vault-image-grid > div:nth-child(6) {
    grid-column: span 12;
  }
}
.vault-edition-container #ve-play-now-modal-modal-btn button {
  font-family: "Hitmarker Text Bold";
  font-weight: 700;
  font-style: normal;
  background: none;
  border: none;
  cursor: pointer;
  text-transform: uppercase;
  display: block;
  text-decoration: none;
  text-align: center;
  border-radius: 4px;
  line-height: 1;
  padding: 0;
  color: #ffffff;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
  background: linear-gradient(180deg, #1560e0 0%, #0b347a 100%);
  box-shadow: 0 0 24px 2px rgba(21, 96, 224, 0.7);
  font-size: 0.88rem;
  letter-spacing: 1px;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
  margin-inline: auto;
  padding: 20px 80px;
  width: fit-content;
}
.vault-edition-container #ve-play-now-modal-modal-btn button:hover {
  background: #1560E0;
  box-shadow: 0 0 24px 2px rgba(21, 96, 224, 0.7);
}
@media (max-width: 600px) {
  .vault-edition-container #ve-play-now-modal-modal-btn button {
    width: 100%;
    justify-content: center;
  }
}
@media (min-width: 1024.02px) {
  .vault-edition-container .cod-pn-cta-modal > .cod-pn-wtb-modal {
    border-radius: 20px;
  }
}
@media (max-width: 600px) {
  .vault-edition-container .cod-pn-cta-modal > .cod-pn-wtb-modal {
    padding-inline: 16px;
  }
}
.vault-edition-container .cod-pn-cta-modal > .cod-pn-wtb-modal .cod-pn-wtb-inner-modal {
  border: 1px solid #f96800;
}
@media (max-width: 600px) {
  .vault-edition-container .cod-pn-cta-modal > .cod-pn-wtb-modal .cod-pn-wtb-inner-modal {
    max-width: 100%;
  }
}
.vault-edition-container .cod-pn-cta-modal > .cod-pn-wtb-modal .cod-pn-wtb-inner-modal .platform-select-choose-platform {
  border-top: none;
  border-bottom: none;
}
.vault-edition-container .cod-pn-cta-modal > .cod-pn-wtb-modal .cod-pn-wtb-inner-modal .platform-info .platform-console-links-list {
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 12px;
  padding-bottom: 12px;
}
.vault-edition-container .cod-pn-cta-modal > .cod-pn-wtb-modal .cod-pn-wtb-inner-modal .platform-info .platform-console-links-list li {
  width: calc((100% / 2) - 6px);
  margin: 0;
}
.vault-edition-container .cod-pn-cta-modal > .cod-pn-wtb-modal .cod-pn-wtb-inner-modal .platform-info .platform-console-links-list li a .console-title .console-details .console-type {
  font-family: "Hitmarker Text Regular", Arial;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 1px;
  font-size: 0.75rem;
  line-height: 1.25rem;
  font-weight: 700;
}
.vault-edition-container .cod-pn-cta-modal > .cod-pn-wtb-modal .cod-pn-modal-platforms a {
  padding: 12px 6px;
}
.vault-edition-container .cod-pn-cta-modal > .cod-pn-wtb-modal .cod-pn-modal-disclaimer {
  font-family: "Hitmarker Text Regular", Arial;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 1px;
  font-size: 0.88rem;
  line-height: 1.38rem;
  color: #fff;
}
.vault-edition-container .cod-pn-cta-modal > .cod-pn-wtb-modal .cod-pn-modal-platforms a:after {
  border-top-color: #f96800;
  border-right-color: #f96800;
}
.vault-edition-container .cod-pn-cta-modal > .cod-pn-wtb-modal .custom-footer-link .custom-description {
  margin-bottom: 12px;
}
.vault-edition-container .cod-pn-cta-modal > .cod-pn-wtb-modal .custom-footer-link a:after {
  display: none;
}
#ve-play-now-modal .cod-play-now-card-inner-container {
  max-width: 500px;
  margin: 0 16px;
}
#ve-play-now-modal .cod-play-now-card-inner-container .cod-play-now-card_back-section {
  padding: 15px;
}
#ve-play-now-modal .cod-play-now-card-inner-container .cod-play-now-card_back-section-header {
  padding-bottom: 10px;
}
#ve-play-now-modal .cod-play-now-card-inner-container .cod-play-now-card_back-section-header::after {
  display: none;
}
#ve-play-now-modal .cod-play-now-card-inner-container .cod-play-now-card_back-section-header {
  padding-top: 10px;
}
#ve-play-now-modal li[data-platform="xbox"] {
  order: 1;
}
#ve-play-now-modal li[data-platform="xboxpc"],
#ve-play-now-modal li[data-platform="windows"] {
  order: 2;
}
#ve-play-now-modal li[data-platform="bnet"] {
  order: 4;
}
#ve-play-now-modal li[data-platform="ps"] {
  order: 3;
}
#ve-play-now-modal li[data-platform="steam"] {
  order: 5;
}

/**
	COD BO6 FEATURE CARDS STYLES - /apps/atvi/callofduty/bo6/components/pages/common/css/feature-cards.less
*/
.game-modes-section-container {
  position: relative;
  background-image: url("../../../../../../../content/dam/atvi/callofduty/cod-touchui/blackops7/home/Chimera_LP_Modes_BG.webp");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top center;
  padding: 120px 0 60px;
}
@media (max-width: 1024px) {
  .game-modes-section-container {
    padding-top: 60px;
  }
}
@media (max-width: 600px) {
  .game-modes-section-container {
    background-size: 100% 100%;
    padding: 40px 0 0;
  }
}
.game-modes-section-container > div {
  overflow: hidden;
}
.game-modes-section-container .atvi-card-inner-container {
  justify-content: center;
}
.game-modes-section-container .game-modes-content {
  max-width: 1440px;
  margin-inline: auto;
  padding-inline: 60px;
}
@media (max-width: 1024px) {
  .game-modes-section-container .game-modes-content {
    max-width: 1024px;
    padding-inline: 40px;
  }
}
@media (max-width: 600px) {
  .game-modes-section-container .game-modes-content {
    max-width: 600px;
    padding-inline: 16px;
  }
}
@media (max-width: 1024px) {
  .game-modes-section-container .game-modes-content {
    padding-block: 36px;
  }
}
.game-modes-section-container h2 {
  display: flex;
  justify-content: center;
  color: #fff;
}
@media (min-width: 1024.02px) {
  .game-modes-section-container h2 {
    font-family: "Hitmarker Condensed Black", Arial !important;
    font-weight: 900 !important;
    font-style: normal !important;
    letter-spacing: 1px !important;
    font-size: 3.25rem !important;
    line-height: 3.25rem !important;
    text-transform: uppercase !important;
    margin-bottom: 60px;
    font-size: 68px;
  }
}
@media (max-width: 1024px) {
  .game-modes-section-container h2 {
    font-family: "Hitmarker Condensed Black", Arial;
    font-weight: 900;
    font-style: normal;
    letter-spacing: 1px;
    font-size: 2.25rem;
    line-height: 2.25rem;
    text-transform: uppercase;
    margin-bottom: 12px;
  }
  .game-modes-section-container h2::after {
    top: 0;
    margin-block: 3px;
  }
}
.game-modes-section-container h3 {
  font-family: "Hitmarker Condensed Black", Arial;
  font-weight: 900;
  font-style: normal;
  letter-spacing: 1px;
  font-size: 2.25rem;
  line-height: 2.25rem;
  text-transform: uppercase;
  margin-bottom: 12px;
  color: #fff;
}
@media (max-width: 1024px) {
  .game-modes-section-container h3 {
    display: flex;
    align-content: center;
  }
}
@media (max-width: 600px) {
  .game-modes-section-container h3 {
    font-family: "Hitmarker Condensed Black", Arial;
    font-weight: 900;
    font-style: normal;
    letter-spacing: 1px;
    font-size: 1.75rem;
    line-height: 1.75rem;
    text-transform: uppercase;
    align-self: center;
  }
}
.game-modes-section-container .atvi-card-inner-container .atvi-card-media-container {
  width: clamp(225px, 100%, 752px);
}
@media (max-width: 1024px) {
  .game-modes-section-container .atvi-card-inner-container {
    gap: 40px;
  }
}
@media (max-width: 600px) {
  .game-modes-section-container .atvi-card-inner-container {
    flex-direction: column;
    padding-bottom: 32px;
  }
}
@media (min-width: 1024.02px) {
  .game-modes-section-container .atvi-card-container {
    margin-bottom: 80px;
  }
}
.game-modes-section-container .atvi-card-container .atvi-card-image {
  position: relative;
}
.game-modes-section-container .atvi-card-container .atvi-card-image img {
  position: relative;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.6);
  width: clamp(225px, 100%, 752px);
  aspect-ratio: 1.73671498;
}
@media (max-width: 1024px) {
  .game-modes-section-container .atvi-card-container .atvi-card-media-container {
    flex-basis: 50%;
  }
  .game-modes-section-container .atvi-card-container .atvi-card-content-container {
    flex-basis: 50%;
  }
}
.game-modes-section-container .atvi-card-container .atvi-card-content-container {
  display: flex;
  z-index: 1;
}
.game-modes-section-container .atvi-card-container .atvi-card-content-container .atvi-card-content {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.game-modes-section-container .atvi-card-container .atvi-card-content-container .atvi-card-text {
  color: #fff;
  display: flex;
  flex-direction: column;
}
.game-modes-section-container .atvi-card-container .atvi-card-content-container .atvi-card-cta-item {
  font-family: "Hitmarker Text Bold";
  font-weight: 700;
  font-style: normal;
  background: none;
  border: none;
  text-transform: uppercase;
  display: block;
  text-decoration: none;
  text-align: center;
  border-radius: 4px;
  line-height: 1;
  padding: 0;
  color: #ffffff;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
  background: linear-gradient(180deg, #1560e0 0%, #0b347a 100%);
  box-shadow: 0 0 24px 2px rgba(21, 96, 224, 0.7);
  font-size: 0.88rem;
  letter-spacing: 1px;
  padding-top: 12px;
  padding-bottom: 12px;
  padding: 12px 28px;
  width: fit-content;
  cursor: pointer;
}
@media (max-width: 600px) {
  .game-modes-section-container .atvi-card-container .atvi-card-content-container .atvi-card-cta-item {
    padding: 16px 24px;
  }
}
.game-modes-section-container .atvi-card-container .atvi-card-content-container .atvi-card-cta-item:hover {
  background: #1560E0;
  box-shadow: 0 0 24px 2px rgba(21, 96, 224, 0.7);
}
@media (min-width: 600.02px) {
  .game-modes-section-container .atvi-card-container .atvi-card-content-container {
    padding: 60px 0 80px;
  }
}
@media (min-width: 1024.02px) {
  .game-modes-section-container .atvi-card-container .atvi-card-content-container {
    justify-content: center;
    align-items: center;
    padding: 30px 47px;
    gap: 10px;
    border-radius: 20px;
    border: 1px solid #666;
    background: rgba(0, 0, 0, 0.68);
    box-shadow: 0 0 20px 0 rgba(61, 124, 159, 0.4);
    backdrop-filter: blur(10px);
    max-width: 640px;
  }
  .game-modes-section-container .atvi-card-container .atvi-card-content-container .atvi-card-content {
    max-width: 546px;
  }
}
.game-modes-section-container .atvi-card-container.atvi-card-image-left-aligned .atvi-card-content-container {
  margin-left: -15%;
}
@media (max-width: 1024px) {
  .game-modes-section-container .atvi-card-container.atvi-card-image-left-aligned .atvi-card-content-container {
    margin-left: 0%;
  }
}
@media (min-width: 1024.02px) {
  .game-modes-section-container .atvi-card-container.atvi-card-image-left-aligned .atvi-card-image picture {
    width: 100%;
  }
}
.game-modes-section-container .atvi-card-container.atvi-card-image-right-aligned .atvi-card-content-container {
  margin-right: -15%;
}
.game-modes-section-container .atvi-card-container.atvi-card-image-right-aligned .atvi-card-content-container {
  grid-row: 1;
  grid-column: 1 / span 6;
}
.game-modes-section-container .atvi-card-container.atvi-card-image-right-aligned .atvi-card-media-container {
  grid-row: 1;
  grid-column: 7 / span 6;
}
@media (max-width: 1024px) {
  .game-modes-section-container .atvi-card-container.atvi-card-image-right-aligned .atvi-card-content-container {
    margin-right: 0%;
  }
  .game-modes-section-container .atvi-card-container.atvi-card-image-right-aligned .atvi-card-content-container,
  .game-modes-section-container .atvi-card-container.atvi-card-image-right-aligned .atvi-card-media-container {
    grid-row: initial;
    grid-column-start: 1;
    grid-column: span 4;
  }
}
@media (max-width: 600px) {
  .game-modes-section-container .atvi-card-container.atvi-card-image-right-aligned .atvi-card-media-container {
    order: 1 !important;
  }
}
@media (min-width: 1024.02px) {
  .game-modes-section-container .atvi-card-container.atvi-card-image-right-aligned .atvi-card-image picture {
    width: 100%;
  }
}
@media (min-width: 1024.02px) {
  h2::after {
    width: 0;
  }
  h2.visible::after {
    width: calc(100% - 410px);
    transition: width 1s ease-in-out;
  }
}
/** 
    LOCALES
*/
html[lang="ar"] h3:after {
  margin-right: 8px;
}
html[lang="es"] .game-modes-section-container h2.visible::after,
html[lang="es-MX"] .game-modes-section-container h2.visible::after,
html[lang="pt"] .game-modes-section-container h2.visible::after {
  width: calc(100% - 470px);
  transition: width 1s ease-in-out;
}
html[lang="it"] .game-modes-section-container h2.visible::after {
  width: calc(100% - 540px);
}
html[lang="pt-BR"] .game-modes-section-container h2.visible::after {
  width: calc(100% - 435px);
}
html[lang="ru"] .game-modes-section-container h2.visible::after {
  width: calc(100% - 555px);
}
html[lang="ja"] .game-modes-section-container h2.visible::after,
html[lang="tr"] .game-modes-section-container h2.visible::after {
  width: calc(100% - 440px);
}

#stay-connected {
  max-width: 1440px;
  margin-inline: auto;
  padding-inline: 60px;
  display: flex;
  gap: 52px;
  justify-content: center;
  padding: 60px 240px;
  position: relative;
  overflow: hidden;
}
@media (max-width: 1024px) {
  #stay-connected {
    max-width: 1024px;
    padding-inline: 40px;
  }
}
@media (max-width: 600px) {
  #stay-connected {
    max-width: 600px;
    padding-inline: 16px;
  }
}
#stay-connected::before,
#stay-connected::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
}
@media (max-width: 1024px) {
  #stay-connected::before,
  #stay-connected::after {
    display: none;
  }
}
#stay-connected::before {
  background: url("../../../../../../../content/dam/atvi/callofduty/cod-touchui/blackops7/home/decor/Icon_SocialAccent_Above.svg") no-repeat center center;
  top: -20px;
  left: -60px;
  background-size: 100% 100%;
}
#stay-connected::after {
  background: url("../../../../../../../content/dam/atvi/callofduty/cod-touchui/blackops7/home/decor/Icon_SocialAccent_Below.svg") no-repeat center center;
  bottom: -20px;
  right: -60px;
  background-size: 100% 100%;
}
@media (max-width: 1024px) {
  #stay-connected {
    flex-direction: column;
    align-items: center;
    gap: 24px;
    padding: 50px 16px;
  }
}
#stay-connected .atvi-text {
  color: #fff;
  font-family: "Hitmarker Condensed Black", Arial;
  font-weight: 900;
  font-style: normal;
  letter-spacing: 1px;
  font-size: 2.25rem;
  line-height: 2.25rem;
  text-transform: uppercase;
}
#stay-connected .atvi-text div {
  width: max-content;
  height: 32px;
}
@media (max-width: 600px) {
  #stay-connected .atvi-cta {
    width: 100%;
  }
}
#stay-connected .social-icons ul {
  display: flex;
  gap: 52px;
}
@media (min-width: 1200px) {
  #stay-connected .social-icons ul {
    width: 560px;
    margin: 0 auto;
  }
}
@media (max-width: 600px) {
  #stay-connected .social-icons ul {
    gap: 35px;
    justify-content: center !important;
  }
}
@media screen and (max-width: 340px) {
  #stay-connected .social-icons ul {
    gap: 27px;
  }
}
#stay-connected .social-icons li {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
#stay-connected .social-icons li a {
  width: 100%;
  height: 100%;
}
#stay-connected .social-icons li.fb-icon {
  background-image: url("../../../../../../../content/dam/atvi/callofduty/cod-touchui/blackops7/common/socials/ICON_Facebook.svg");
  width: 15px;
  height: 32px;
  aspect-ratio: 0.46875;
}
@media (max-width: 600px) {
  #stay-connected .social-icons li.fb-icon {
    width: 12px;
    height: 28px;
  }
}
#stay-connected .social-icons li.x-icon {
  background-image: url("../../../../../../../content/dam/atvi/callofduty/cod-touchui/blackops7/common/socials/ICON_X.svg");
  width: 31px;
  height: 32px;
  aspect-ratio: 0.96875;
}
@media (max-width: 600px) {
  #stay-connected .social-icons li.x-icon {
    width: 27px;
    height: 28px;
  }
}
#stay-connected .social-icons li.ig-icon {
  background-image: url("../../../../../../../content/dam/atvi/callofduty/cod-touchui/blackops7/common/socials/ICON_Instagram.svg");
  width: 32px;
  height: 32px;
  aspect-ratio: 1;
}
@media (max-width: 600px) {
  #stay-connected .social-icons li.ig-icon {
    width: 28px;
    height: 28px;
  }
}
#stay-connected .social-icons li.yt-icon {
  background-image: url("../../../../../../../content/dam/atvi/callofduty/cod-touchui/blackops7/common/socials/ICON_YouTube.svg");
  width: 46px;
  height: 32px;
  aspect-ratio: 1.4375;
}
@media (max-width: 600px) {
  #stay-connected .social-icons li.yt-icon {
    width: 48px;
    height: 28px;
  }
}
#stay-connected .social-icons li.tt-icon {
  background-image: url("../../../../../../../content/dam/atvi/callofduty/cod-touchui/blackops7/common/socials/ICON_TikTok.svg");
  width: 28px;
  height: 32px;
  aspect-ratio: 0.875;
}
@media (max-width: 600px) {
  #stay-connected .social-icons li.tt-icon {
    width: 24px;
    height: 28px;
  }
}
#stay-connected .social-icons li.tw-icon {
  background-image: url("../../../../../../../content/dam/atvi/callofduty/cod-touchui/blackops7/common/socials/ICON_Twitch.svg");
  width: 30.573px;
  height: 32px;
  aspect-ratio: 0.9553125;
}
@media (max-width: 600px) {
  #stay-connected .social-icons li.tw-icon {
    width: 26.752px;
    height: 28px;
  }
}
#stay-connected .social-icons li span {
  display: none;
}
#stay-connected .social-icons .icon-btn {
  background: none;
  border: none;
}
#stay-connected .social-icons .icon {
  background-size: contain;
}
@media (min-width: 1024.02px) {
  #stay-connected .social-icons .icon {
    width: 32px;
    height: 32px;
  }
}
#stay-connected .social-icons .icon:hover {
  cursor: pointer;
  transform: scale(1.15);
}

/**
	COD BO7 PLAY NOW CARD STYLES - /apps/atvi/callofduty/bo7/components/pages/common/css/play-now-cards.less
*/
/**

MODULE CONTAINER STYLES

**/
.bo7-subpage-playnow {
  max-width: 1440px;
  margin-inline: auto;
  padding-inline: 60px;
  padding-top: 80px;
  padding-bottom: 60px;
}
@media (max-width: 1024px) {
  .bo7-subpage-playnow {
    max-width: 1024px;
    padding-inline: 40px;
  }
}
@media (max-width: 600px) {
  .bo7-subpage-playnow {
    max-width: 600px;
    padding-inline: 16px;
  }
}
@media (max-width: 1024px) {
  .bo7-subpage-playnow {
    display: grid;
    grid-gap: 28px;
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}
@media (max-width: 600px) {
  .bo7-subpage-playnow {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    padding-top: 40px;
  }
}
@media screen and (max-width: 768px) {
  .bo7-subpage-playnow {
    padding-bottom: 0;
  }
}
.bo7-subpage-playnow > * {
  grid-column: 3 / span 8;
}
@media (max-width: 1024px) {
  .bo7-subpage-playnow > * {
    grid-column: 1 / span 12;
  }
}
@media (max-width: 600px) {
  .bo7-subpage-playnow > * {
    grid-column: 1 / span 4;
  }
}
.bo7-subpage-playnow .section-header {
  position: relative;
  display: flex;
  height: 100%;
  gap: 12px;
}
@media (min-width: 1024.02px) {
  .bo7-subpage-playnow .section-header {
    margin: 0 auto 40px;
    width: 100%;
    max-width: 878px;
  }
}
.bo7-subpage-playnow .section-header h2 {
  text-align: center;
  color: #FFF;
  background-size: cover;
  -webkit-background-clip: text;
  background-clip: text;
  -moz-text-fill-color: transparent;
  -webkit-text-fill-color: transparent;
  max-width: 75%;
  background-image: url(../../../../../../../content/dam/atvi/callofduty/cod-touchui/blackops6/common/TitleTextures_White.webp);
}
@media (min-width: 600.02px) {
  .bo7-subpage-playnow .section-header h2 {
    font-family: "Hitmarker Condensed Black", Arial;
    font-weight: 900;
    font-style: normal;
    letter-spacing: 1px;
    font-size: 4.25rem;
    line-height: 4.25rem;
    text-transform: uppercase;
    line-height: .8;
  }
}
@media (max-width: 600px) {
  .bo7-subpage-playnow .section-header h2 {
    font-family: "Hitmarker Condensed Black", Arial;
    font-weight: 900;
    font-style: normal;
    letter-spacing: 1px;
    font-size: 2.25rem;
    line-height: 2.25rem;
    text-transform: uppercase;
    line-height: .8;
  }
}
.bo7-subpage-playnow .section-header:before {
  content: "";
  position: relative;
  display: block;
  left: 0;
  top: 0;
  height: 100%;
  background: url(../../../../../../../content/dam/atvi/callofduty/cod-touchui/blackops6/common/pre-order-texture-left.png) center center no-repeat;
  background-size: cover;
  flex-grow: 1;
}
@media (max-width: 600px) {
  .bo7-subpage-playnow .section-header:before {
    display: none;
  }
}
@media (min-width: 1024.02px) {
  .bo7-subpage-playnow .section-header:before {
    height: 57px;
  }
}
.bo7-subpage-playnow .section-header:after {
  content: "";
  position: relative;
  display: block;
  right: 0;
  top: 0;
  height: 100%;
  background: url(../../../../../../../content/dam/atvi/callofduty/cod-touchui/blackops6/common/pre-order-texture-right.png) center center no-repeat;
  background-size: cover;
  flex-grow: 1;
}
@media (min-width: 1024.02px) {
  .bo7-subpage-playnow .section-header:after {
    height: 57px;
  }
}
.bo7-subpage-playnow #bo7-cards-container {
  display: flex;
  justify-content: center;
  gap: 40px;
  position: relative;
}
.bo7-subpage-playnow #bo7-cards-container > * {
  width: 100%;
}
@media (min-width: 1024.02px) {
  .bo7-subpage-playnow #bo7-cards-container > * {
    max-width: 420px;
  }
}
.bo7-subpage-playnow #bo7-cards-container .slick-next,
.bo7-subpage-playnow #bo7-cards-container .slick-prev {
  width: 28px;
  height: 50px;
  rotate: 0deg;
  border: none;
  background: #f96800;
}
.bo7-subpage-playnow #bo7-cards-container .slick-next.slick-disabled,
.bo7-subpage-playnow #bo7-cards-container .slick-prev.slick-disabled {
  background: #2e2e2e;
  cursor: default;
  display: none !important;
}
.bo7-subpage-playnow #bo7-cards-container .slick-next {
  right: -16px;
}
.bo7-subpage-playnow #bo7-cards-container .slick-next.slick-disabled .slick-next-icon {
  opacity: 0.25;
}
.bo7-subpage-playnow #bo7-cards-container .slick-next .slick-next-icon:before {
  background: none;
  border-top: 3px solid #FFF;
  border-right: 3px solid #FFF;
  width: 10px;
  height: 10px;
  top: 50%;
  right: 8px;
  bottom: auto;
  left: auto;
  transform: translate(-50%, -50%) rotate(45deg);
}
.bo7-subpage-playnow #bo7-cards-container .slick-prev {
  left: -16px;
}
.bo7-subpage-playnow #bo7-cards-container .slick-prev.slick-disabled .slick-prev-icon {
  opacity: 0.25;
}
.bo7-subpage-playnow #bo7-cards-container .slick-prev .slick-prev-icon:before {
  background: none;
  border-top: 3px solid #FFF;
  border-left: 3px solid #FFF;
  width: 10px;
  height: 10px;
  top: 50%;
  left: 16px;
  right: auto;
  bottom: auto;
  transform: translate(-50%, -50%) rotate(-45deg);
}
.bo7-subpage-playnow #bo7-cards-container .slick-dots li {
  margin: 0 10px;
}
.bo7-subpage-playnow #bo7-cards-container .slick-dots li.slick-active {
  background: #1560e0;
}
.bo7-subpage-playnow #bo7-cards-container .slick-dots li.slick-active button {
  background: #1560e0;
}
.bo7-subpage-playnow #bo7-cards-container .slick-dots li button {
  background: #666;
  height: 3px;
  width: 60px;
}
.bo7-subpage-playnow #bo7-cards-container .slick-dots li button span.slick-dot-icon {
  display: none;
}
.bo7-subpage-playnow .game-pass-banner {
  margin-bottom: 0;
}
/**

PLAY NOW PAGE

**/
/*body.play-now {

    //MOBILE HORIZONTAL
    @media screen and (max-height: 450px) and (min-width: 769px) {

        //Shift hero background image
        #bo6-playnow-hero {
			translate: -29% 0;
        }

        //Choose your edition
        #bo6-play-now-hero-title {
			.heading-custom(16px, 16px, 1px);
        }

        //The title component and xf component
        .bo6-subpage-playnow > *{

            grid-column: 1 / span 12;
            position: absolute;
            top: 20px;
            //width: ~"calc(100vw - 300px)";
            width: ~"calc(100vw - 40%)";
            min-width: 600px;
			max-width: 650px;
            right: 15px;
        }

        .bo6-subpage-playnow {

            //Show Title component
            > .atvi-text {
                display: block;
    
                //But hide the Pre-order Now title div
                .section-header {
                    display: none;
                }
            }

            > .atvi-experiencefragment {
				top: 60px;
            }

            //Xbox game pass
            > .atvi-layout-container {
				position: relative;
                width: 100%;
                max-width: unset;
                right: auto;
            }

            #mobile-close {
				display: flex;
                gap: 5px;
                align-items: center;
                background: none;
                border: none;
                .body-sm();
                font-weight: bold;
                text-transform: uppercase;
                color: #FFF;
                position: absolute;
                right: 0;
                top: 50%;
                translate: 0 -50%;
                text-decoration: none;

                span:last-of-type {
                    font-size: 38px;
        			font-weight: 400;
                }
            }
        }

        #bo6-playnow-hero .atvi-card-content-container {
			margin: 0 auto;
    		width: 20vw;
        }

        #bo6-bundles-container {
			margin-top: 0;
        }

        //Bundles Disclaimers
        #bo6-play-now-disclaimers {
            //margin-top: 75px;
            margin-top: 0;
        }

        #bo6-cards-container {

            gap: 20px;

            .cod-play-now-card .cod-play-now-card_bundle-name p {
				font-size: 1rem;
                line-height: 1;
            }

            /*
            .cod-pn-bundle-container {

                .bundle-name {
                    width: ~"calc(100% - 32px)";
                }

                &:hover {
					box-shadow: unset;
                }

                .bundle-img {
					height: 120px;
                    width: 100%;
                }

				.bundle-platforms {
					padding: 8px 0;
                    margin: 0 12px;

                    li.break {
                        flex-basis: 100%;
                        height: 0; 
                        padding: 0;
                        margin: 0;
                        border: none;
                    }
                }

                .bundle-description {
					padding: 8px 12px 0;

                    li {
						.body-xs();
                        margin-bottom: 4px;

                        &:before {
							top: 8px;
                        }

                        &:after {
							top: 5px;
                        }

                    }
                }

                .bundle-select button {
					margin-top: 8px !important;
                }

                &[data-bundle-id='vault'] {

                    //FRONT CARD
                    .bundle-name p {
						.heading-custom(14px, 14px, 1px);
                    }

                    //BACK CARD
                    .platform-info {
    
                        .platform-select-bundle-name p {
                            .heading-custom(14px, 14px, 1px);
                        }
    
                    }

                } //vault

                &[data-bundle-id='xgen-standard'] {

					.bundle-name p {
						.body-custom(12px, 12px, 1px);

                    }

                    //BACK CARD
                    .platform-info {
    
                        .platform-select-bundle-name p {
                            .body-custom(12px, 12px, 1px);
                        }

                    }

                    .custom-footer-link {

                        li {
							width: 47%;
                        }

                        a {

                            padding-left: 8px;
                            
                            .custom-main-cta-label{

								width: 89px;

                            }

                        }

                    }

                } //xgen-standard

                //BACK CARD
                .platform-info {

                    .close-platform {
						font-size: 20px;
                    }

                    .platform-select-bundle-name {
						margin-bottom: 8px;
                    }

					.platform-select-choose-platform p {
						//.body-custom(10px, 16px, 1px);
                    }

                    .platform-console-links-list {
						flex-wrap: wrap;
                        flex-direction: row;

                        li {
							width: 47%;

                            a {
								padding: 8px;
                            }
                        }
                    }

                    .platform-select-links a {

                        padding: 8px;

                        .icon {
							.square(20px);
                        }

                        .console-title .console-details {
                            .console-type, .console-tag {
								line-height: 12px;
                                font-size: 10px;
                            }

                            .console-type {
								margin-bottom: 2px;
                            }

                        }
                    }

                    .custom-footer-link {

                        .custom-description p {
        					.body-custom(10px, 16px, 1px);
                        }

                        a {

                            span {
                            	line-height: 1;
                            }

                            .icon {
								.square(20px);
                            }

                            .console-type {
								font-size: 10px;
                            }

                            .custom-main-cta-label {
								margin-bottom: 2px;
                            }

							&:before {
								.square(24px);
                                left: 8px;
                            }

                        }

                    } //custom footer link

                } //platform info

            } //cod-pn-bundle-container

        } //bo6-cards-container

    } //media query

    @media screen and (max-height: 450px) and (max-width: 1024px) and (min-width: 769px) {

        #bo6-playnow-hero {
			translate: -31% 0;
        }

    }

    @media screen and (max-height: 450px) and (max-width: 950px) and (min-width: 769px) {

		#bo6-playnow-hero {
			translate: -36% 0;
        }

    }

    @media screen and (max-height: 450px) and (max-width: 850px) and (min-width: 769px) {
        #bo6-playnow-hero {
            translate: -38% 0;
        }
    }

    @media screen and (max-height: 450px) and (max-width: 810px) and (min-width: 769px) {
        #bo6-playnow-hero {
            translate: -40% 0;
        }
    }

}*/
/*html[lang='en-AU'],
html[lang='pt-BR'],
html[lang='en-CA'],
html[lang='da'],
html[lang='fr'],
html[lang='fi'],
html[lang='de'],
html[lang='it'],
html[lang='ja'],
html[lang='ko'],
html[lang='es-MX'],
html[lang='nl']
html[lang='en-NZ'],
html[lang='pl'],
html[lang='pt'],
html[lang='es'],
html[lang='sv'],
html[lang='en-GB'],
html[lang='en']{

    body#bo6-play-now #bo6-play-now-disclaimers {

        //show cloud market disclaimer
		p:nth-child(7) {
			display: block; 
        }

        //hide non-cloud market disclaimer
        p:nth-child(8) {
			display: none; 
        }

    }

}*/
/**

INDIVIDUAL CARD STYLES

**/
#bo7-cards-container {
  /*.cod-pn-bundle-container {

        &:hover {
            box-shadow: 0px 0px 20px 5px rgba(249, 104, 0, 0.7); //Orange glow on hover

            .bundle-info {
                .bundle-img img, .bundle-img video {
                    scale: 1.05;
                }
            }
        }
    
        @media screen and (max-width: 600px) {
            
            &:hover {
                box-shadow: unset;
            }
        }
    
        //FRONT CARD
        .bundle-info {
    
            //Bundle name
            .bundle-name {
                
                margin: 12px 16px;
                position: absolute;
                top: 0;
                width: ~"calc(100% - 32px)";
                z-index: 3;
                
                span.platform-title {
                    display: none; //Hide consoles tag in edition title section
                }
            }
            
            //Bundle image
            .bundle-img {
                
                position: relative;
                overflow: hidden;
                aspect-ratio: 16/9;
                
                img, video {
                    scale: 1;
                    transition: .25s all;
                }
                
                //Top gradienteffect on top of image
                &:after {
                    content: "";
                    background: linear-gradient(0deg, rgba(0, 0, 0, 0.00) 52.73%, rgba(0, 0, 0, 0.80) 100.14%);
                    .fill-parent();
                }
            }
            
            //Bundle platforms
            .bundle-platforms {
                
                ul {
                    gap: 4px;
                }

                li {
					font-size: .5rem;
                    line-height: 1;
                }
                
            }
            
            //Orange bullet points
            .bundle-description {
                
                padding: 12px 16px 0;
                
                li {
                    
                    position: relative;
                    margin-bottom: 8px;
                    
                    //Diamond
                    &:before {
                        content: "";
                        width: 3px;
                        height: 3px;
                        background: @orange;
                        position: absolute;
                        left: 3px;
                        top: 10px;
                        transform: rotate(45deg);
                    }
                    
                    //Diamond outline
                    &:after {
                        content: "";
                        width: 9px;
                        height: 9px;
                        border: 1px solid @orange;
                        position: absolute;
                        left: 0;
                        top: 7px;
                        transform: rotate(45deg);
                    }

                }
                
            }
            
            //Full size select button
            .bundle-select {
                max-width: unset;
                margin: 12px auto 20px !important;
                width: 100%;
                padding: 0 15px;
            }
    
        }

        //BACK CARD
        .platform-info {
    
            z-index: 5;
            padding: 12px 16px;
    
            //Close Button
            button.close-platform {
                color: #000;
                background: none;
                font-size: 29px;
                width: auto;
                line-height: 1;
                height: auto;
                right: 20px;
            }

            //Accordion header
            .platform-retail-links-header {
                position: relative;
                cursor: pointer;
                color: #FFF;
                padding: 2px 0;
            }
    
            //Accordion sub header
            .platform-select-choose-platform, .custom-description p {
                text-transform: none;
                .body-xs();
                border-top: none;
                border-bottom: none;
                margin-top: 0;
                margin-bottom: 0;
                padding: 0;
                margin-bottom: 15px;
                font-size: 0.90rem;
                line-height: 1.30rem;
            }
    
            //Retail Links
            ul.platform-console-links-list {
    
                flex-direction: row;
                flex-wrap: wrap;
                justify-content: space-between;
                gap: 12px;
    
                //Stack console links in tablet mode
                @media screen and (max-width: 900px) and (min-width: 600px) {
                    flex-wrap: unset;
                    flex-direction: column;
                }
    
                li {
                    width: ~"calc((100% / 2) - 6px)";
                    margin: 0;
    
                    //Console links are full width on tablet
                    @media screen and (max-width: 900px) and (min-width: 600px) {
                        width: 100%;
                    }
                }
    
                a {
                    padding: 8px 12px;
    
                    //Hide arrow
                    &:after {
                        display: none;
                    }
    
                    .console-title {
                        flex-wrap: unset;
                        width: 100%;
    
                        .console-details .console-type {
                            .body-xs();
                            font-weight: 700;
                        }
                    }
                }
    
            }
        }
    
        //VAULT CARD
        &#bo6-vault-card {

            border: 1px solid @orange;

            //Orange edition name
            .bundle-name, .platform-select-bundle-name {
                background: url(../../../../../../../content/dam/atvi/callofduty/cod-touchui/global/play-now-module/blackops6/VE_SkuBar_Orange.webp) center center no-repeat;
                background-size: 100% 100%;
                padding: 6px 24px;
                text-align: center;
                padding-right: 0;
                padding-left: 0;
                margin-bottom: 15px;

                p {
					color: #000;
                }
            }

            //Orange Select Button
            .bundle-select button {
                .bo6-button();
            }
    
        }
    
        //XGEN CARD
        &#bo6-xgen-card {

            border: 1px solid #79838d;

            //Gray edition name
            .bundle-name, .platform-select-bundle-name {
                background: url(../../../../../../../content/dam/atvi/callofduty/cod-touchui/global/play-now-module/blackops6/VE_SkuBar_Gray.webp) center center no-repeat;
                background-size: 100% 100%;
                padding: 6px 24px;
            }

            .bundle-name p, .platform-select-bundle-name {
				.body-xl();
                line-height: 1;
                text-align: center;
            }

            //Orange Outline Select Button
            .bundle-select button {
                .bo6-outline-button();
            }


            //Strike throughs on bullet entries
            .bundle-description li:nth-child(n+2) {
                text-decoration: line-through;
                color: #666;
                
                &:before {
                    content: "";
                    background: #666;
                }
                
                &:after {
                    content: "";
                    border: 1px solid #666;
                }
            }
    
            .platform-info {

                //White close button
                button.close-platform {
					color: #FFF;
                }

                .platform-select-choose-platform {
					p:first-of-type {
						.heading-xs();
                        margin-bottom: 2px;
                    }
                }
    
                .custom-footer-link {
    
                    //Game Pass Logo
                    .custom-main-cta-label {
                        background: url(../../../../../../../content/dam/atvi/callofduty/cod-touchui/global/play-now-module/common/game_pass.svg) center center no-repeat;
                        background-size: contain;
                        width: 116px;
                        height: 20px;
                        text-indent: 102%;
                        white-space: nowrap;
                        overflow: hidden;
                        display: block;
                        letter-spacing: 0;
                        filter: brightness(0) invert(1);
                    }

                    a {
						padding: 14px 12px;
                    }
    
                }
    
            }
    
        }
    
    }*/
}
@media screen and (max-width: 600px) {
  #bo7-cards-container .slick-slide {
    margin: 0 3px !important;
  }
}
#bo7-cards-container .cod-play-now-card:hover .cod-play-now-card-inner-container {
  box-shadow: 0px 0px 20px 5px rgba(249, 104, 0, 0.7);
}
#bo7-cards-container .cod-play-now-card:hover .cod-play-now-card_front .cod-play-now-card_cover {
  overflow: hidden;
}
#bo7-cards-container .cod-play-now-card:hover .cod-play-now-card_front .cod-play-now-card_cover video,
#bo7-cards-container .cod-play-now-card:hover .cod-play-now-card_front .cod-play-now-card_cover img {
  scale: 1.05;
}
@media screen and (max-width: 600px) {
  #bo7-cards-container .cod-play-now-card:hover .cod-play-now-card-inner-container {
    box-shadow: unset;
  }
  #bo7-cards-container .cod-play-now-card .cod-play-now-card-container[data-promo-active='true'] .cod-play-now-card_back .close-platform {
    top: 49px;
  }
}
#bo7-cards-container .cod-play-now-card .cod-play-now-card_promo {
  width: calc(100% - 8px);
  left: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
#bo7-cards-container .cod-play-now-card .cod-play-now-card_bundle-name {
  margin: 12px 16px;
  position: absolute;
  top: 0;
  width: calc(100% - 32px);
  z-index: 3;
}
#bo7-cards-container .cod-play-now-card .cod-play-now-card_front .cod-play-now-card_cover {
  overflow: hidden;
}
#bo7-cards-container .cod-play-now-card .cod-play-now-card_front .cod-play-now-card_cover video,
#bo7-cards-container .cod-play-now-card .cod-play-now-card_front .cod-play-now-card_cover img {
  transition: .25s all;
}
#bo7-cards-container .cod-play-now-card .cod-play-now-card_front .cod-play-now-card_info {
  padding-top: 10px;
}
#bo7-cards-container .cod-play-now-card .cod-play-now-card_front .cod-play-now-card_platforms {
  height: initial !important;
}
#bo7-cards-container .cod-play-now-card .cod-play-now-card_front .cod-play-now-card_platforms ul {
  margin-bottom: 10px;
}
#bo7-cards-container .cod-play-now-card .cod-play-now-card_front .cod-play-now-card_bundle-description {
  padding-bottom: 18px;
}
#bo7-cards-container .cod-play-now-card .cod-play-now-card_front .cod-play-now-card_bundle-description li {
  position: relative;
  /*&:before {
                        background: @orange;
                        top: 10px;
                    }
                    
                    //Diamond outline
                    &:after {
                        border: 1px solid @orange;
                    }*/
}
#bo7-cards-container .cod-play-now-card .cod-play-now-card_front .cod-play-now-card_bundle-description li:before {
  content: "";
  height: 12px;
  width: 12px;
  position: absolute;
  left: 0;
  top: 3px;
  transform: rotate(0deg);
}
#bo7-cards-container .cod-play-now-card .cod-play-now-card_front .cod-play-now-card_bundle-description li:after {
  display: none;
}
#bo7-cards-container .cod-play-now-card .cod-play-now-card_front .cod-play-now-card_select {
  margin-bottom: 5px;
}
#bo7-cards-container .cod-play-now-card .cod-play-now-card_back .cod-play-now-card_bundle-name {
  position: relative;
}
#bo7-cards-container .cod-play-now-card .cod-play-now-card_back .close-platform {
  z-index: 10;
  background: none;
  top: 17px;
  right: 25px;
}
#bo7-cards-container .cod-play-now-card .cod-play-now-card_back .close-platform:after {
  content: "×";
  font-size: 29px;
  width: auto;
  line-height: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
}
#bo7-cards-container .cod-play-now-card .cod-play-now-card_back .cod-play-now-card_back-section-1-content {
  margin-top: 15px;
}
#bo7-cards-container .cod-play-now-card .cod-play-now-card_back .cod-play-now-card_back-section-2-header {
  padding-top: 12px;
}
#bo7-cards-container .cod-play-now-card .cod-play-now-card_back .cod-play-now-card_back-section-2-header[aria-expanded='false'] {
  padding-bottom: 12px;
}
#bo7-cards-container .cod-play-now-card .cod-play-now-card_back .cod-play-now-card_back-section-2-subheader {
  margin-top: 12px;
}
#bo7-cards-container .cod-play-now-card .cod-play-now-card_back .cod-play-now-card_back-section-2-content {
  margin-top: 12px;
}
#bo7-cards-container .cod-play-now-card #bo7-vault-card .cod-play-now-card-inner-container .cod-play-now-card_content {
  outline: 1px solid #f96800;
}
#bo7-cards-container .cod-play-now-card #bo7-vault-card .cod-play-now-card_bundle-name {
  background: url(../../../../../../../content/dam/atvi/callofduty/cod-touchui/blackops7/play-now/Headline_Vault.webp) center center no-repeat;
  background-size: 100% 100%;
  padding: 6px 24px;
}
#bo7-cards-container .cod-play-now-card #bo7-vault-card .cod-play-now-card_bundle-name p {
  font-family: "Hitmarker Normal Medium", Arial;
  font-weight: 500;
  letter-spacing: 8px;
  line-height: 20px;
  font-size: 14px;
  color: #FFF;
}
#bo7-cards-container .cod-play-now-card #bo7-vault-card .cod-play-now-card_front .cod-play-now-card_bundle-description li {
  position: relative;
  /*&:before {
                            background: @orange;
                            top: 10px;
                        }
                        
                        //Diamond outline
                        &:after {
                            border: 1px solid @orange;
                        }*/
}
#bo7-cards-container .cod-play-now-card #bo7-vault-card .cod-play-now-card_front .cod-play-now-card_bundle-description li:before {
  background: url(../../../../../../../content/dam/atvi/callofduty/cod-touchui/blackops7/play-now/Icon_Bullet_Vault.svg) center center no-repeat;
  background-size: contain;
}
#bo7-cards-container .cod-play-now-card #bo7-vault-card .cod-play-now-card_front .cod-play-now-card_select button {
  font-family: "Hitmarker Text Bold";
  font-weight: 700;
  font-style: normal;
  background: none;
  border: none;
  cursor: pointer;
  text-transform: uppercase;
  display: block;
  text-decoration: none;
  text-align: center;
  border-radius: 4px;
  line-height: 1;
  padding: 0;
  color: #ffffff;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
  background: linear-gradient(180deg, #1560e0 0%, #0b347a 100%);
  box-shadow: 0 0 24px 2px rgba(21, 96, 224, 0.7);
  font-size: 0.88rem;
  letter-spacing: 1px;
  padding-top: 12px;
  padding-bottom: 12px;
}
@media (max-width: 600px) {
  #bo7-cards-container .cod-play-now-card #bo7-vault-card .cod-play-now-card_front .cod-play-now-card_select button {
    padding: 16px 24px;
  }
}
#bo7-cards-container .cod-play-now-card #bo7-vault-card .cod-play-now-card_front .cod-play-now-card_select button:hover {
  background: #1560E0;
  box-shadow: 0 0 24px 2px rgba(21, 96, 224, 0.7);
}
#bo7-cards-container .cod-play-now-card #bo7-vault-card .cod-play-now-card_back .close-platform:after {
  color: #000;
}
#bo7-cards-container .cod-play-now-card #bo7-xgen-card .cod-play-now-card_bundle-name {
  background: url(../../../../../../../content/dam/atvi/callofduty/cod-touchui/blackops7/play-now/Headline_CrossGen.webp) center center no-repeat;
  background-size: 100% 100%;
  padding: 6px 24px;
}
#bo7-cards-container .cod-play-now-card #bo7-xgen-card .cod-play-now-card_bundle-name p {
  font-family: "Hitmarker Normal Light", Arial;
  font-size: 17px;
  letter-spacing: 4px;
  line-height: 1;
  font-weight: 300;
  color: #FFF;
}
@media screen and (max-width: 600px) {
  #bo7-cards-container .cod-play-now-card #bo7-xgen-card .cod-play-now-card_bundle-name p {
    font-size: 14px;
    padding-top: 3px;
    padding-bottom: 3px;
  }
}
#bo7-cards-container .cod-play-now-card #bo7-xgen-card .cod-play-now-card_front .cod-play-now-card_bundle-description {
  /*li {
                        
                        position: relative;

						//Strike Through Items
                        &:nth-child(n+5) {
                            text-decoration: line-through;
                            color: #666;
                            
                            &:before {
                                content: "";
                                background: #666;
                            }
                            
                            &:after {
                                content: "";
                                border: 1px solid #666;
                            }
                        }
    
                    }*/
}
#bo7-cards-container .cod-play-now-card #bo7-xgen-card .cod-play-now-card_front .cod-play-now-card_bundle-description li:before {
  background: url(../../../../../../../content/dam/atvi/callofduty/cod-touchui/blackops7/play-now/Icon_Bullet_CrossGenStandard.svg) center center no-repeat;
  background-size: contain;
}
#bo7-cards-container .cod-play-now-card #bo7-xgen-card .cod-play-now-card_front .cod-play-now-card_bundle-description li:nth-child(4) ~ li {
  color: #79838D;
  text-decoration: line-through;
}
#bo7-cards-container .cod-play-now-card #bo7-xgen-card .cod-play-now-card_front .cod-play-now-card_bundle-description li:nth-child(4) ~ li:before {
  background: url(../../../../../../../content/dam/atvi/callofduty/cod-touchui/blackops7/play-now/Icon_Bullet_Disabled.svg) center center no-repeat;
  background-size: contain;
}
#bo7-cards-container .cod-play-now-card #bo7-xgen-card .cod-play-now-card_front .cod-play-now-card_select button {
  font-family: "Hitmarker Text Bold";
  font-weight: 700;
  font-style: normal;
  background: none;
  border: none;
  cursor: pointer;
  text-transform: uppercase;
  display: block;
  text-decoration: none;
  text-align: center;
  border-radius: 4px;
  line-height: 1;
  padding: 0;
  border: #1560e0 1px solid;
  background: transparent;
  color: #ffffff;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
  font-size: 1rem;
  letter-spacing: .8px;
  padding-top: 12px;
  padding-bottom: 12px;
}
#bo7-cards-container .cod-play-now-card #bo7-xgen-card .cod-play-now-card_back .close-platform:after {
  color: #FFF;
}
#bo7-cards-container .cod-play-now-card #bo7-xgen-card .cod-play-now-card_back .cod-play-now-card_back-section-2-subheader sup {
  vertical-align: super;
  line-height: 1;
  font-size: .5em;
}
#bo7-cards-container .cod-play-now-card #bo7-xgen-card .cod-play-now-card_back .cod-play-now-card_back-section-2-content a {
  padding: 14px 12px;
}
#bo7-cards-container .cod-play-now-card #bo7-xgen-card .cod-play-now-card_back .cod-play-now-card_back-section-2-content a span {
  background: url("../../../../../../../content/dam/atvi/callofduty/cod-touchui/global/play-now-module/common/game_pass.svg") center center no-repeat;
  background-size: contain;
  width: 116px;
  height: 20px;
  text-indent: 102%;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  letter-spacing: 0;
  filter: brightness(0) invert(1);
}
html[lang='ar'] .bo7-subpage-playnow #bo7-cards-container .slick-prev {
  rotate: 180deg;
  left: auto;
  right: -15px;
}
html[lang='ar'] .bo7-subpage-playnow #bo7-cards-container .slick-next {
  rotate: 180deg;
  right: auto;
  left: -16px;
}
#bo7-playnow-cards {
  display: none;
}
body.old-playnow-test #bo7-playnow-cards {
  display: block;
  padding-top: 0;
  margin-top: -60px;
}
body.old-playnow-test #bo7-buy {
  display: none;
}
body.old-playnow-test .cod-play-now-card-container .cod-play-now-card_front .cod-play-now-card_platforms {
  height: initial !important;
}
body.home.old-playnow-test #bo7-playnow-cards {
  margin-top: 60px;
  padding-bottom: 0;
}
body.home.old-playnow-test #bo7-playnow-cards .bo7-buy_header.section-title {
  margin-bottom: 40px;
}
/*body.control-playnow {

	#bo7-buy {
		display: block;
    }

}*/

.cod-news-container {
  margin: 0 auto;
  max-width: 1920px;
}
.cod-news-container .blog-card-item .game-tile.bo6 a {
  background: #f96800;
  color: #000000;
  border: solid 1px #f96800;
}
.cod-news-container .blog-card-item .game-tile.none a {
  background: #9c978f;
  color: #000000;
  border: solid 1px #9c978f;
}
.cod-news-container {
  position: relative;
  padding: 120px 60px;
  margin-top: 120px;
  z-index: 1;
}
.cod-news-container .section-header h2 {
  text-align: center;
}
@media (max-width: 600px) {
  .cod-news-container {
    padding: 60px 16px 40px 16px;
    margin-top: 0px;
  }
  .cod-news-container .news-list > ul {
    grid-gap: 24px !important;
  }
}
.cod-news-container .news-list .blog-card-item .game-tile.bo7 a {
  background-color: #1560e0;
  border: solid 1px #1560e0;
  color: #fff;
}
.cod-news-container .news-list .tag-list {
  display: none !important;
}
.cod-news-container .news-list > ul > li .text .title {
  -webkit-line-clamp: none !important;
  display: block;
  overflow: visible !important;
  height: auto !important;
}
.cod-news-container .news-list > ul > li .text .subtitle {
  height: fit-content !important;
}
.cod-news-container .cta-container {
  display: none !important;
}

.bo7-media-gallery {
  padding: 80px 227px;
}
@media (max-width: 1024px) {
  .bo7-media-gallery {
    padding: 80px 60px;
  }
}
@media (max-width: 600px) {
  .bo7-media-gallery {
    padding: 40px 16px;
  }
}
.bo7-media-gallery .media-gallery-content {
  max-width: 866px;
  margin: 0 auto;
}
.bo7-media-gallery .media-gallery-content .media-gallery-text {
  color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin-bottom: 16px;
  text-align: center;
}
@media (max-width: 600px) {
  .bo7-media-gallery .media-gallery-content .media-gallery-text {
    gap: 12px;
    margin-bottom: 28px;
  }
}
.bo7-media-gallery .media-gallery-content .media-gallery-text h2 {
  font-family: "Hitmarker Condensed Black", Arial;
  font-weight: 900;
  font-style: normal;
  letter-spacing: 1px;
  font-size: 3.25rem;
  line-height: 3.25rem;
  text-transform: uppercase;
}
@media (max-width: 600px) {
  .bo7-media-gallery .media-gallery-content .media-gallery-text h2 {
    font-family: "Hitmarker Condensed Black", Arial;
    font-weight: 900;
    font-style: normal;
    letter-spacing: 1px;
    font-size: 2.25rem;
    line-height: 2.25rem;
    text-transform: uppercase;
  }
}
.bo7-media-gallery .media-gallery-content .caption-text {
  color: #f3f4f5;
}
.bo7-media-gallery .media-gallery-content .caption-text a,
.bo7-media-gallery .media-gallery-content .caption-text :active,
.bo7-media-gallery .media-gallery-content .caption-text a:visited {
  color: #f3f4f5;
}
.bo7-media-gallery .media-gallery-content .caption-flex-row .caption-text {
  flex-direction: row !important;
  width: 100%;
  color: white;
  justify-content: space-between;
}
.bo7-media-gallery .media-gallery-content .caption-flex-row .caption-text p,
.bo7-media-gallery .media-gallery-content .caption-flex-row .caption-text a {
  font-size: 16px !important;
  font-style: normal;
  font-weight: 900 !important;
  line-height: 16px;
  letter-spacing: 1px;
}
.bo7-media-gallery .media-gallery-content .caption-flex-row .caption-text a,
.bo7-media-gallery .media-gallery-content .caption-flex-row .caption-text :active,
.bo7-media-gallery .media-gallery-content .caption-flex-row .caption-text a:visited {
  color: #f3f4f5;
}
.bo7-media-gallery .media-gallery-content .caption-grid .caption-text {
  width: 100%;
  display: grid !important;
  grid-template-columns: repeat(3, 1fr);
}
.bo7-media-gallery .media-gallery-content .caption-grid .caption-text h3:nth-child(2) {
  justify-self: center;
}
.bo7-media-gallery .media-gallery-content .caption-grid .caption-text h3:nth-child(3) {
  justify-self: end;
}
.bo7-media-gallery .media-gallery-content .caption-grid .caption-text p {
  grid-column: 1 / span 3;
}
@media screen and (max-width: 400px) {
  .bo7-media-gallery .cod-media-gallery-container .slick-media .slick-container .caption-container .caption-text h3 {
    font-size: 14px !important;
    line-height: 14px !important;
  }
  .bo7-media-gallery .cod-media-gallery-container .slick-media .slick-container .caption-container[aria-expanded="true"] {
    padding: 8px 10px !important;
  }
  .bo7-media-gallery .cod-media-gallery-container .slick-media .slick-container .caption-container .caption-text p {
    font-size: 10px !important;
    line-height: 10px !important;
  }
}

#bo7-road-ahead {
  padding: 80px 0;
}
@media (max-width: 1024px) {
  #bo7-road-ahead {
    padding: 60px;
  }
}
@media (max-width: 600px) {
  #bo7-road-ahead {
    padding: 60px 15px;
  }
}
#bo7-road-ahead h2 {
  color: white;
  text-align: center;
  margin-bottom: 16px;
  font-family: "Hitmarker Condensed Black", Arial;
  font-weight: 900;
  font-style: normal;
  letter-spacing: 1px;
  font-size: 3.25rem;
  line-height: 3.25rem;
  text-transform: uppercase;
}
@media (max-width: 600px) {
  #bo7-road-ahead h2 {
    font-family: "Hitmarker Condensed Black", Arial;
    font-weight: 900;
    font-style: normal;
    letter-spacing: 1px;
    font-size: 2.25rem;
    line-height: 2.25rem;
    text-transform: uppercase;
  }
}
#bo7-road-ahead .atvi-image {
  margin: 0 auto;
  max-width: 1320px;
}
#bo7-road-ahead .media-gallery-content {
  display: none;
}
@media (max-width: 600px) {
  #bo7-road-ahead .roadmap-image {
    display: none;
  }
  #bo7-road-ahead .media-gallery-content {
    display: block;
  }
}

.promo-banner-container {
  display: none;
  max-width: unset;
  padding: 20px 0;
}
.promo-banner-container .atvi-card-content {
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: flex;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 40px;
  background: #1560e0;
  background: url(../../../../../../../content/dam/atvi/callofduty/cod-touchui/blackops7/common/BO7-Promo-Banner_BG.webp) center center no-repeat;
  background-size: cover;
  padding: 20px 60px;
}
@media (max-width: 600px) {
  .promo-banner-container .atvi-card-content {
    flex-direction: column;
    justify-content: center;
    gap: 12px;
    text-align: center;
  }
}
.promo-banner-container .atvi-card-logo {
  max-width: 154px;
}
.promo-banner-container .atvi-card-text {
  font-family: "Hitmarker Text Regular", Arial, "Hitmarker Text Bold";
  font-weight: 400;
  letter-spacing: 1px;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  font-style: normal;
  color: #fff;
  text-transform: uppercase;
}
.promo-banner-container .atvi-cta-item {
  font-family: "Hitmarker Text Regular", Arial, "Hitmarker Text Bold";
  font-weight: 400;
  letter-spacing: 1px;
  font-size: 0.88rem;
  line-height: 1rem;
  letter-spacing: optional;
  font-weight: 700;
  font-style: normal;
  padding: 12px 24px;
  border-radius: 2px;
  background: #f96800 !important;
  color: #fff;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2);
  text-transform: uppercase;
  min-width: 110px;
  cursor: pointer;
}
body.home .promo-banner-container {
  padding: 120px 0 0;
}
@media (max-width: 1024px) {
  body.home .promo-banner-container {
    padding: 60px 0 0;
  }
}

.bo7-video-caption-cards-container {
  padding: 80px 60px;
  margin: 0 auto;
  max-width: 1440px;
}
@media (max-width: 1024px) {
  .bo7-video-caption-cards-container {
    padding: 60px 40px;
  }
}
@media (max-width: 600px) {
  .bo7-video-caption-cards-container {
    padding: 40px 16px;
  }
}
.bo7-video-caption-cards-container .caption-card-header {
  color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin: 0 auto 16px;
  text-align: center;
  max-width: 866px;
}
@media (max-width: 600px) {
  .bo7-video-caption-cards-container .caption-card-header {
    gap: 12px;
    margin-bottom: 28px;
    text-align: unset;
  }
}
.bo7-video-caption-cards-container .caption-card-header h2 {
  font-family: "Hitmarker Condensed Black", Arial;
  font-weight: 900;
  font-style: normal;
  letter-spacing: 1px;
  font-size: 3.25rem;
  line-height: 3.25rem;
  text-transform: uppercase;
}
@media (max-width: 600px) {
  .bo7-video-caption-cards-container .caption-card-header h2 {
    font-family: "Hitmarker Condensed Black", Arial;
    font-weight: 900;
    font-style: normal;
    letter-spacing: 1px;
    font-size: 2.25rem;
    line-height: 2.25rem;
    text-transform: uppercase;
  }
}
.bo7-video-caption-cards-container .bo7-video-caption-cards {
  display: flex;
  gap: 40px;
}
@media (max-width: 600px) {
  .bo7-video-caption-cards-container .bo7-video-caption-cards {
    flex-direction: column;
    gap: 24px;
  }
}
.bo7-video-caption-cards-container .bo7-video-caption-cards .bo7-video-caption-card {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.bo7-video-caption-cards-container .bo7-video-caption-cards .bo7-video-caption-card button {
  width: 100px;
  height: 100px;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  -webkit-transition: 0.25s all;
  -moz-transition: 0.25s all;
  -ms-transition: 0.25s all;
  -o-transition: 0.25s all;
  transition: 0.25s all;
  scale: 1;
}
.bo7-video-caption-cards-container .bo7-video-caption-cards .bo7-video-caption-card button::after {
  display: none;
}
.bo7-video-caption-cards-container .bo7-video-caption-cards .bo7-video-caption-card button:hover .play-btn_ping {
  animation: radar 1.5s ease-out infinite;
}
.bo7-video-caption-cards-container .bo7-video-caption-cards .bo7-video-caption-card .atvi-text {
  color: #f3f4f5;
}
.bo7-video-caption-cards-container .bo7-video-caption-cards .bo7-video-caption-card .atvi-text h3 {
  font-family: "Hitmarker Condensed Black", Arial;
  font-weight: 900;
  font-style: normal;
  letter-spacing: 1px;
  font-size: 1rem;
  line-height: 1rem;
  text-transform: uppercase;
}
.bo7-video-caption-cards-container .bo7-video-caption-cards .bo7-video-caption-card .atvi-text p {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

#bo7-floating-cta {
  display: none;
  position: fixed;
  bottom: 0px !important;
  width: 100%;
  background-color: black;
  z-index: 5;
  padding: 20px 0;
  transition: 0.25s all;
  -webkit-backface-visibility: hidden;
  border-top: 1px solid #1560e0;
}
@media screen and (min-width: 768px) {
  #bo7-floating-cta {
    display: none !important;
  }
}
#bo7-floating-cta li {
  width: 100%;
  display: flex;
  justify-content: center;
}
#bo7-floating-cta li a {
  font-family: "Hitmarker Text Bold";
  font-weight: 700;
  font-style: normal;
  background: none;
  border: none;
  cursor: pointer;
  text-transform: uppercase;
  display: block;
  text-decoration: none;
  text-align: center;
  border-radius: 4px;
  line-height: 1;
  padding: 0;
  color: #ffffff;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
  background: linear-gradient(180deg, #1560e0 0%, #0b347a 100%);
  box-shadow: 0 0 24px 2px rgba(21, 96, 224, 0.7);
  font-size: 0.88rem;
  letter-spacing: 1px;
  padding-top: 12px;
  padding-bottom: 12px;
  padding: 12px 24px;
  width: 90%;
}
@media (max-width: 600px) {
  #bo7-floating-cta li a {
    padding: 16px 24px;
  }
}
#bo7-floating-cta li a:hover {
  background: #1560E0;
  box-shadow: 0 0 24px 2px rgba(21, 96, 224, 0.7);
}
@media screen and (max-width: 768px) {
  .cod-global-footer {
    padding-bottom: 100px;
  }
}

#progression {
  background-image: url("../../../../../../../content/dam/atvi/callofduty/cod-touchui/blackops7/multiplayer/Progression_BG_@2x-_Desktop-LG.webp");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}
@media (min-width: 1920.02px) {
  #progression {
    background-size: contain;
  }
}
@media (max-width: 600px) {
  #progression {
    background-size: cover;
    background-image: url("../../../../../../../content/dam/atvi/callofduty/cod-touchui/blackops7/multiplayer/Progression_BG_@2x_-_Mobile-SM.webp");
  }
}