<>
.accordion {
padding: 0;
}
.accordion-panel {
visibility: hidden;
transition: max-height 2s cubic-bezier(0101) 0svisibility 0s ease 2s;
}
.accordion-panel.expanded {
visibility: visible;
}
.accordion-header {
border-bottom: 1px solid rgba(2552552550.5);
}
.accordion h1 a:focus-visibleh2 a:focus-visibleh3 a:focus-visibleh4 a:focus-visibleh5 a:focus-visibleh6 a:focus-visiblep a:focus-visible {
color: #007bff;
}
<>
:root {
/* Brand Colors */
--accent-steel: #71B8F2;
--light-steel: #4F6984;
--dark-steel: #2E3F4D;
--light-slate: #8298ab;
--medium-slate: #4F6984;
--dark-slate: #4E505B;
--obsidian-black: #000000;
--dark-gradient: linear-gradient(var(--obsidian-black)#09192B);
--slate-lens-glare: radial-gradient(
100% 650% at 100% -100%
rgba(1131842420.25) 20%
rgba(1301521710.15) 40%
rgba(7880910.25) 85%
rgba(15020000.07) 95%
rgba(20080800.1) 100%
);
/* Color Assignments */
--link-color: var(--accent-steel);
--primary-component-gradient: var(--slate-lens-glare);
--primary-body-gradient: var(--dark-gradient);
}
/* Footer */
footer {
margin-inline: auto;
max-width: 960px;
}
/* Content Trays */
.content-tray-section .content-tray-button-group button {
opacity: 0.5;
transition: 0.2s all ease;
}
.content-tray-section .content-tray-button-group button:hover {
opacity: 1;
transform: scale(1) !important;
}
/* Hot Fix for Nav a11y */
nav .-hamburger:focus {
box-shadow: none;
outline: 2px solid white;
outline-offset: 2px;
border-radius: 4px;
}
nav>ul:first-of-type {
display: block !important;
}
nav>ul:nth-of-type(2) {
display: none !important;
}
@media screen and (min-width: 576px) {
nav>ul:first-of-type {
display: none !important;
}
nav>ul:nth-of-type(2) {
display: table !important;
}
}
@media screen and (min-width: 1132px) {
nav>ul:nth-of-type(2) {
display: none !important;
}
}
<>
.hero-quilt-parent::before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 0;
display: block;
height: 100%;
width: 100%;
background: linear-gradient(0degrgba(0001) 35%rgba(000.3) 90%);
}
.hero-quilt h1 {
text-align: center;
}
.hero-quilt img {
max-width: 325px !important;
}
.hero-quilt .email-capture .row {
justify-content: center;
}
.email .email-capture .row {
justify-content: center;
}
.value-props-section .row .card {
background-color: rgba(2552552550.1);
padding-left: 20px;
padding-right: 20px;
border-radius: 0.25em;
background-clip: padding-box;
border: 8px solid transparent;
}
.value-props-section img {
max-width:70px;
padding-top: 16px;
}
nav {
background-color: rgba(0001);
}
/*
.skip-content {
background-color: rgba(0000);
}
*/
@font-face {
font-display: swap;
font-family: "Max Sans";
font-: normal;
font-weight: 300;
src: url("https://braze-images.com/appboy/communication/assets/font_assets/files/645d2129e40b0015c8e2e858/original.woff2") format("woff2"),
url("https://braze-images.com/appboy/communication/assets/font_assets/files/645d21292361b943a7d1981b/original.woff") format("woff"),
url("https://braze-images.com/appboy/communication/assets/font_assets/files/645d2129d1706840436774aa/original.ttf") format("truetype");
}
h1>em,
h2>em,
h3>em,
h4>em,
h5>em,
h6>em {
font-: normal !important;
font-weight: bold;
letter-spacing: .1em;
text-transform: uppercase;
}
div[id*="Code"] {
width: auto;
}
@media (max-width: 991px) {
.image-grid .row {
padding-left: 7px;
padding-right: 7px;
}
.image-grid .col.col-custom {
margin-bottom: 15px;
padding-left: 7px;
padding-right: 7px;
}
}
/**
* ----------------------------------------
* Hero & Spotlight Intro
* ----------------------------------------
*/
.max-section-hero-3col-parent {
padding-top: 56px;
position: relative;
}
.max-section-hero-3col-parent::after {
background: linear-gradient(0degrgba(0001) 5%rgba(000.7) 35%rgba(0000) 45%);
bottom: 0;
content: '';
display: block;
height: 100%;
left: 0;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 0;
}
.max-section-hero-3col .rich-text,
.max-section-hero-3col a {
z-index: 1;
}
.max-section-hero-3col .col-md-4 {
background-repeat: no-repeat;
}
.max-section-hero-3col .col-md-4 h3 {
font-weight: bold;
margin: 0;
letter-spacing: .1em;
line-height: 1.1;
text-shadow: 0 0 .6em #000;
text-transform: uppercase;
}
.max-section-hero-3col .col-md-4 p {
font-size: 1.25rem;
font-weight: 500;
margin: 0;
letter-spacing: .1em;
line-height: 1.1;
text-shadow: 0 0 .6em #000;
text-transform: uppercase;
}
.max-section-hero-3col .col-md-4 img {
margin: .5rem auto;
max-width: 200px;
}
.max-section-hero-3col .col-md-12 p {
font-size: 1.6rem;
}
.max-section-hero-3col .col-md-12 h5 {
font-size: .8rem;
color: #888888;
margin-bottom: 0rem;
font-weight: normal;
}
@media (min-width: 576px) {
.max-section-hero-3col .row .flex-column {
background-position-y: -50px;
}
.max-section-hero-3col .col-sm-4 {
padding-top: 40vh !important;
}
.max-section-hero-3col .col-md-4>div:nth-child(2) {
margin-bottom: 14rem;
text-align: center;
}
.max-section-hero-3col .col-md-4>div:nth-child(2) img {
z-index: 1;
position: relative;
}
.max-section-hero-3col .col-md-12 {
bottom: 0vw;
left: 0;
position: absolute;
}
}
@media (max-width: 575px) {
.max-section-hero-3col .col-md-4 {
background-position: 10vw -5vw !important;
background-size: 118% !important;
min-height: 120px;
}
.max-section-hero-3col-parent::after {
display: none;
}
.max-section-hero-3col .col-md-4 {
background-position: 250% 10%;
background-size: 90%;
}
.max-section-hero-3col .col-md-4::after {
background: linear-gradient(90degrgba(0001) 25%rgba(0000) 60%);
bottom: 0;
content: '';
display: block;
height: 100%;
left: 0;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 0;
}
.max-section-hero-3col .col-md-4>div:nth-child(1){
position: relative;
left: -25%;
}
.max-section-hero-3col .col-md-4>div:nth-child(2) {
position: relative;
left: -25%;
z-index: 1;
}
.max-section-hero-3col .col-md-4 img {
margin: 0rem auto;
max-width: 140px;
}
.max-section-hero-3col .col-md-12 {
margin: 1rem auto 4rem;
}
}
/**
* ----------------------------------------
* Feature Sections
* ----------------------------------------
*/
.max-section-feature {
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
.max-section-originals {
padding-top: 10rem !important;
}
@media (max-width: 575px) {
.max-section-originals-parent {
background-position: calc(70%) -80px;
}
.max-section-originals {
padding-top: 7rem !important;
}
}
/* left gradient */
.max-section-feature::before {
background: linear-gradient(90degrgba(000.8) 0%rgba(0000) 60%);
content: '';
bottom: 0;
display: block;
height: 100%;
left: calc(50% - 50vw);
width: 100vw;
position: absolute;
z-index: 2;
}
@media (max-width: 991px) {
/* left gradient */
.max-section-feature::before {
background: linear-gradient(90degrgba(000.8) 0%rgba(0000) 30%);
}
}
/* bottom gradient */
.max-section-feature::after {
background: linear-gradient(0degrgb(000) 40%rgba(0000) 70%);
content: '';
bottom: 0;
display: block;
height: 100%;
left: calc(50% - 50vw);
width: 100vw;
position: absolute;
z-index: 1;
}
/* bottom blue gradient */
.max-section-sports::after {
background: linear-gradient(0degrgba(77281) 40%rgba(77280) 55%);
}
.max-section-feature .row {
position: relative;
}
.max-section-feature .col-md-12>.text {
padding-bottom: 6rem;
padding-top: 6rem;
position: relative;
z-index: 2;
}
/* headline for content modules */
.max-section-feature h2 {
font-size: calc(1.575rem + 2.5vw);
font-weight: 300;
margin: 0;
line-height: 1.1;
}
@media (min-width: 576px) {
.max-section-feature h2 {
margin: 0;
max-width: 580px;
}
}
@media (min-width: 992px) {
.max-section-feature h2 {
font-size: calc(1.575rem + 4vw);
line-height: 4.5rem;
}
}
@media (min-width: 1200px) {
.max-section-feature h2 {
font-size: 4.5rem;
}
}
.max-section-feature h3 {
margin: 0;
}
/* lead image */
.max-section-feature .layout .flex-column>.initial-img-wrapper:nth-child(1) {
display: block;
height: auto;
position: absolute;
right: 0;
top: -20%;
width: 50%;
z-index: 1;
}
/* lead image for sport */
.max-section-feature.max-section-sports .layout .flex-column>.initial-img-wrapper:nth-child(1) {
right: -15%;
top: -16%;
width: 85%;
}
/* logo for lead image title - left bottom corner */
.max-section-feature .col-md-12>.text::after {
background-position: center;
background-repeat: no-repeat;
background-size: contain;
content: "";
bottom: 1%;
display: block;
filter: drop-shadow(3px 3px 3px #000);
height: 30%;
right: 0;
position: absolute;
width: 10%;
z-index: 2;
}
.max-section-movies .col-md-12>.text::after {
background-image: url(https://beam-images.warnermediacdn.com/2024-07/hp-section-dune-tt-wht.png?host=wbd-dotcom-drupal-prd-us-east-1.s3.amazonaws.com);
}
.max-section-craveable .col-md-12>.text::after {
background-image: url(https://beam-images.warnermediacdn.com/2025-02/succession-logo.png?host=wbd-dotcom-drupal-prd-us-east-1.s3.amazonaws.com);
}
.max-section-originals .col-md-12>.text::after {
background-image: url(https://beam-images.warnermediacdn.com/2025-02/eng.png?host=wbd-dotcom-drupal-prd-us-east-1.s3.amazonaws.com);
}
.max-section-life .col-md-12>.text::after {
background-image: url(https://images.cdn.prd.api.discomax.com/2024/07/31/e8b0e7eb-f042-3e6f-be84-64d2b07b6db7.png);
}
.max-section-family-parent {
position: relative;
z-index: 4;
}
.max-section-collections .col-md-12>.text::after {
background-image: url(https://images.cdn.prd.api.discomax.com/2024/05/17/acea77f4-f1a1-447e-b2f2-b600834230c2.png);
}
.max-section-family .col-md-12>.text::after {
background-image: url(https://beam-images.warnermediacdn.com/2025-02/contentmodules-tt_thelastofus.png?host=wbd-dotcom-drupal-prd-us-east-1.s3.amazonaws.com);
}
.max-section-originals .col-md-12>.text::after {
width: 15%;
}
/* show image grid above the gradient */
.max-section-feature .image-grid {
padding-bottom: 2rem;
position: relative;
z-index: 2;
}
/* lead image sizes for content modules */
@media (max-width: 1199px) {
.max-section-feature .layout .flex-column>.initial-img-wrapper:nth-child(1) {
width: 60%;
}
}
@media (max-width: 991px) {
.max-section-feature .layout .flex-column>.initial-img-wrapper:nth-child(1) {
width: 70%;
}
.max-section-feature.max-section-sports .layout .flex-column>.initial-img-wrapper:nth-child(1) {
width: 90%;
}
.max-section-feature .col-md-12>.text {
padding-bottom: 2rem !important;
width: 15%;
}
}
@media (max-width: 767px) {
.max-section-feature .layout .flex-column>.initial-img-wrapper:nth-child(1) {
width: 80%;
}
.max-section-feature.max-section-sports .layout .flex-column>.initial-img-wrapper:nth-child(1) {
width: 110%;
}
.max-section-life::after {
background: linear-gradient(0degrgba(0001) 40%rgba(0000) 55%);
}
}
@media (max-width: 575px) {
.max-section-feature::before {
background: none;
}
.max-section-feature::after {
background: linear-gradient(0degrgb(000) 75%rgba(0000) 90%);
}
.max-section-originals::after {
background: linear-gradient(0degrgb(000) 70%rgba(0000) 85%);
}
.max-section-movies::after {
background: linear-gradient(0degrgb(000) 70%rgba(0000) 85%);
}
.max-section-collections::after {
background: linear-gradient(0degrgb(000) 65%rgba(0000) 80%);
}
.max-section-feature .layout .flex-column>.initial-img-wrapper:nth-child(1) {
height: auto;
right: -10%;
top: -15%;
width: 120%;
}
.max-section-feature.max-section-sports .layout .flex-column>.initial-img-wrapper:nth-child(1) {
right: -20%;
top: -10%;
width: 140%;
}
.max-section-feature h2,
.max-section-feature h3 {
text-align: center !important;
}
.max-section-feature .col-md-12>.text {
padding-bottom: 1rem !important;
padding-top: 65vw !important;
text-align: center !important;
}
.max-section-feature .col-md-12>.text::after {
bottom: 30%;
height: 30%;
left: 50%;
transform: translate(-50%);
width: 30%;
}
.max-section-originals .col-md-12>.text::after {
width: 45%;
}
}
.max-section-feature.max-section-olympics .col-md-12>div[id*="Code"]>.row {
padding-bottom: 3rem;
padding-top: 5.5rem;
position: relative;
z-index: 2;
}
@media (max-width: 767px) {
.max-section-feature.max-section-olympics .col-md-12>div[id*="Code"]>.row {
padding-bottom: 3rem;
padding-top: 15.5rem;
position: relative;
z-index: 2;
}
}
.max-section-feature.max-section-sports .col-md-12>div[id*="Code"]>.row {
padding-bottom: 0;
padding-top: 2.5rem;
position: relative;
z-index: 2;
}
@media (max-width: 575px) {
.max-section-feature.max-section-sports::before {
background: none;
}
.max-section-feature.max-section-sports .col-md-12>div[id*="Code"]>.row {
padding-bottom: 1rem !important;
padding-top: 35vw !important;
text-align: center;
}
}
@media (min-width: 576px) {
.max-section-feature .col-md-12>.text {
padding-bottom: 0rem;
padding-top: 0rem;
height: 280px;
}
.max-section-sports .col-md-12>.text {
height: auto;
}
.max-section-feature .col-md-12>.text>div {
position: relative;
z-index: 2;
transform: translateY(0%);
top: 50%;
}
}
@media (min-width: 992px) {
.max-section-feature .col-md-12>.text>div {
transform: translateY(-50%);
}
}
/**
* ----------------------------------------
* Olympics Section
* ----------------------------------------
*/
.max-section-olympics::after {
background: linear-gradient(0degrgb(000) 0%rgba(0000) 30%);
}
.max-section-olympics h2 {
font-size: 3.3rem !important;
font-weight: 600;
letter-spacing: .1em;
margin: .5rem 0 1rem 0;
text-align: left;
text-transform: uppercase;
line-height: 3rem;
}
.max-section-olympics h2 svg,
.max-section-olympics h2 span {
display: inline-block;
}
.max-section-olympics h2 img {
max-width: 300px;
margin-top: 3rem;
}
@media (max-width: 1199px) {
.max-section-olympics h2 img {
margin-top: auto;
}
}
.max-section-olympics p {
margin-bottom: 2rem;
}
.max-section-olympics h5 {
font-size: .8rem;
color: #888888;
margin-bottom: 2rem;
font-weight: normal;
}
.max-section-olympics h5 {
font-size: .8rem;
color: #888888;
margin-bottom: 0rem;
font-weight: normal;
margin-bottom: 2rem;
}
.max-section-olympics h2>svg:first-of-type {
border-right: 3px solid #fff;
margin: 0 .5em 0 0;
padding: .25em .5em .25em 0;
width: 140px;
}
.max-section-olympics h2>svg#sports-logo-bleacher-report {
height: 44px;
margin: 0 .3em 0 0;
}
@media (max-width: 991px) {
.max-section-olympics p {
margin-bottom: 1rem;
}
.max-section-olympics h2 img {
max-width: 250px;
margin-top: 6rem;
}
}
@media (max-width: 767px) {
.max-section-olympics::after {
background: linear-gradient(0degrgb(000) 40%rgba(0000) 80%);
}
}
@media (max-width: 575px) {
.max-section-olympics h2 {
justify-content: center;
}
.max-section-olympics p {
margin-bottom: .5rem;
}
.max-section-olympics h2 img {
max-width: 250px;
margin-top: 4rem;
}
.max-section-olympics::after {
background: linear-gradient(0degrgb(000) 25%rgba(0000) 60%);
}
}
/**
* ----------------------------------------
* Sports Section
* ----------------------------------------
*/
.max-section-sports h2 {
font-size: 2.3rem !important;
font-weight: 600;
letter-spacing: .1em;
margin: 0 0 1rem 0;
text-align: center;
text-transform: uppercase;
}
.max-section-sports h2 svg,
.max-section-sports h2 span {
display: inline-block;
}
.max-section-sports h2 img {
max-width: 300px;
margin-top: 3rem;
}
@media (max-width: 1199px) {
.max-section-sports h2 img {
margin-top: auto;
}
}
.max-section-sports p {
margin-bottom: 3rem;
}
.max-section-sports h2>svg:first-of-type {
border-right: 3px solid #fff;
margin: 0 .5em 0 0;
padding: .25em .5em .25em 0;
width: 140px;
}
.max-section-sports h2>svg#sports-logo-bleacher-report {
height: 44px;
margin: 0 .3em 0 0;
}
/* Sports legal line */
.max-section-sports .image-grid::after {
content: "*2026 events.";
font-size: .8rem;
color: #999999;
text-align: left;
display: block;
line-height: 1rem;
}
.max-section-feature.max-section-sports .content-tray {
padding-bottom: 2rem;
position: relative;
z-index: 2;
}
.max-section-feature.max-section-sports .content-tray .event-title-container {
display: block;
}
@media (max-width: 991px) {
.image-grid .col-sm {
margin-bottom: 15px;
padding-left: 7px;
padding-right: 7px;
}
.max-section-sports p {
margin-bottom: 1rem;
}
.max-section-sports h2 img {
max-width: 250px;
margin-top: 6rem;
}
}
@media (max-width: 767px) {
.max-section-sports::after {
background: linear-gradient(0degrgb(000) 40%rgba(0000) 80%);
}
}
@media (max-width: 575px) {
.max-section-sports h2 {
justify-content: center;
}
.max-section-sports p {
margin-bottom: .5rem;
}
.max-section-sports h2 img {
max-width: 250px;
margin-top: 4rem;
}
.max-section-sports::after {
background: linear-gradient(0degrgb(000) 65%rgba(0000) 80%);
}
}
.max-section-sports .image-grid img {
border-radius: 10px;
}
.max-section-sports .image-grid h6 {
margin-top: .4rem;
margin-bottom: 0rem;
text-align: center;
font-weight: bold;
}
/* remove clickable titles */
.max-section-sports .image-grid .col.col-custom a {
cursor: not-allowed;
pointer-events: none;
text-decoration: none;
}
/**
* ----------------------------------------
* Numbered Questions
* ----------------------------------------
*/
/*
.max-section-numbered-question .accordion {
padding: 0;
}
.max-section-numbered-question .accordion-header {
border: 0;
color: #4f8bff;
font-size: 1rem;
font-weight: bold;
padding: 0;
}
.max-section-numbered-question .accordion-panel {
border: 0;
}
.max-section-numbered-question .accordion-header svg {
display: none;
}
.max-section-numbered-question .col-lg-10 {
padding-left: 5rem;
}
.max-section-numbered-question .col-lg-10>.rich-text {
position: relative;
}
.max-section-numbered-question .col-lg-10>div:nth-child(2n + 1) {
counter-increment: question-counter;
}
.max-section-numbered-question .col-lg-10>div:nth-child(2n + 1)::before {
--size: 3rem;
background: linear-gradient(#002be7 50%#000066);
border-radius: 50%;
color: #fff;
content: "1";
font-size: calc(var(--size) - 1rem);
font-weight: 700;
height: var(--size);
left: calc(-1 * var(--size) - 1rem);
line-height: var(--size);
position: absolute;
text-align: center;
top: 1rem;
width: var(--size);
}
.max-section-numbered-question .col-lg-10>div:nth-child(2n + 2)::before {
--size: 3rem;
background: linear-gradient(#002be7 50%#000066);
border-radius: 50%;
color: #fff;
content: "2";
font-size: calc(var(--size) - 1rem);
font-weight: 700;
height: var(--size);
left: calc(-1 * var(--size) - 1rem);
line-height: var(--size);
position: absolute;
text-align: center;
top: 1rem;
width: var(--size);
}
*/
<>
.hero-quilt btn {
margin-top: 1rem;
margin-bottom: 1rem;
}
.hero-quilt h2 {
font-size: 2.8rem;
text-align: center;
line-height: 1;
text-transform: uppercase;
}
.hero-quilt h2:nth-child(1) {
margin-top: 1.5rem !important;
}
.hero-quilt h2:nth-child(1) {
margin-bottom: 0rem !important;
font-size: 3.5rem;
font-weight: bold;
color: #ffffff;
}
@media (max-width: 576px) {
.hero-quilt h2 {
font-size: 1.8rem;
}
.hero-quilt h2:nth-child(2) {
font-size: 2.5rem;
}
}
.logo-main img {
max-height:50%;
max-width:35%!important;
}
HBOWarner Bros.Discovery and beyond.
Just $9.99/month*
*Monthly cost of Basic with Ads Planprepaid annually
<>
.max-plan-picker-wrapper .max-plan-picker-group h4 s {
color:#3D6A99;
text-decoration-color:#3D6A99;
font-size:16px!important;
}
.max-plan-picker-wrapper .max-plan-picker-group p {
font-size:14px!important;
}
p.legal.small {
color: rgba(2552552550.8);
font-size: .7rem;
line-height: 1.5em;
margin: 0 auto 1em;
text-align: center;
}
p.legal.small a {
color: rgba(2552552550.8);
font-weight: normal;
text-decoration: underline;
}
/**
* ----------------------------------------
* Max Plan Picker CSS
* ----------------------------------------
*/
.max-plan-picker-parent .max-plan-picker-column>.rich-text {
width: 100%;
}
.max-plan-picker-wrapper .max-plan-picker-nav .tabs {
display: flex;
margin: 1.3rem auto;
padding: 0.25rem;
border-radius: 100px;
background-color: rgba(255255255.15);
}
.max-plan-picker-wrapper .max-plan-picker-nav .tabs.focused {
outline: 2px solid white;
outline-offset: 2px;
}
.max-plan-picker-wrapper .max-plan-picker-nav .tabs input[type=radio] {
position: absolute;
opacity: 0;
}
.max-plan-picker-wrapper .max-plan-picker-nav input[type="radio"]:not(:checked)+label.tab {
color: #FFF;
}
.max-plan-picker-wrapper .max-plan-picker-nav .tab {
position: relative;
z-index: 2;
width: 112px;
display: flex;
align-items: center;
justify-content: center;
margin: 0;
padding: .75rem;
border-radius: 100px;
font-size: .75rem;
font-weight: bold;
line-height: 1;
text-transform: uppercase;
cursor: pointer;
letter-spacing: .1em;
color: #000000;
transition: all 0.15s ease-in;
}
.max-plan-picker-wrapper .max-plan-picker-nav .tab:hover {
background-color: rgba(255255255.15);
transition: all 0.15s ease-in;
}
.max-plan-picker-wrapper .max-plan-picker-nav .tab:last-of-type::before {
position: absolute;
top: -1.7rem;
font-size: 12px;
color: #3D6A99;
content: "SAVE UP TO 17%";
text-align: center;
}
.max-plan-picker-wrapper .max-plan-picker-nav .tab-active-bg {
position: absolute;
z-index: 1;
width: 112px;
height: 2.25rem;
display: flex;
border-radius: 100px;
background-color: #FFF;
transition: 0.25s ease-out;
}
.max-plan-picker-wrapper .max-plan-picker-nav input[type="radio"]:nth-of-type(1):checked~.tab-active-bg {
transform: translateX(0);
}
.max-plan-picker-wrapper .max-plan-picker-nav input[type="radio"]:nth-of-type(2):checked~.tab-active-bg {
transform: translateX(100%);
}
.max-plan-picker-wrapper .max-plan-picker-nav input[type="radio"]:nth-of-type(3):checked~.tab-active-bg {
transform: translateX(200%);
}
@media (min-width: 576px) {
.max-plan-picker-wrapper .max-plan-picker-nav .tab,
.max-plan-picker-wrapper .max-plan-picker-nav .tab-active-bg {
font-size: 1rem;
height: 2.5rem;
width: 160px;
}
}
@media (min-width: 768px) {
.max-plan-picker-wrapper .max-plan-picker-nav .tab,
.max-plan-picker-wrapper .max-plan-picker-nav .tab-active-bg {
width: 200px;
}
}
/* Plan Picker - Plan Groups */
.max-plan-picker-wrapper .max-plan-picker-group {
color: #000;
transition: all 1s ease-in-out;
}
.max-plan-picker-wrapper .max-plan-picker-group .max-plan-picker-card-group {
display: flex;
flex-direction: column;
width: 100%;
margin-inline: auto;
margin-block: var(--gap);
gap: var(--gap);
}
@media screen and (min-width: 768px) {
/* MD */
.max-plan-picker-wrapper .max-plan-picker-group .max-plan-picker-card-group {
flex-direction: row;
}
}
.max-plan-picker-wrapper .max-plan-picker-group .max-plan-picker-card-group .max-plan-picker-card-wrapper {
flex:1;
align-items:center!important;
justify-content:center!important;
margin-bottom: 0;
}
@media screen and (min-width: 768px) {
/* XL */
.max-plan-picker-wrapper .max-plan-picker-group__card>.rich-text:first-child {
min-height: 280px;
}
}
@media screen and (min-width: 992px) {
/* XL */
.max-plan-picker-wrapper .max-plan-picker-group__card>.rich-text:first-child {
min-height: auto;
}
}
.max-plan-picker-wrapper .max-plan-picker-group div.max-plan-picker-group__card {
display: block !important;
padding: 1.25em 1.5em;
border-radius: 0.25em !important;
background: #FFF;
position: relative;
z-index: 1;
}
.max-plan-picker-wrapper .max-plan-picker-group h3 {
margin: 0;
}
.max-plan-picker-wrapper .max-plan-picker-group h4 {
margin: .5rem 1rem;
font-size: 1.5rem;
font-weight: bold;
position: relative;
width: auto !important;
}
.max-plan-picker-wrapper .max-plan-picker-group h4 sup {
font-size: .875rem;
font-weight: normal;
letter-spacing: .1em;
}
.max-plan-picker-wrapper .max-plan-picker-group h4 em {
font-size: .875rem;
font-: normal;
font-weight: normal;
letter-spacing: .1em;
text-transform: none;
color: rgba(000.6);
}
.max-plan-picker-wrapper .max-plan-picker-group h5 {
margin-top: 0;
padding-bottom: .75rem;
border-bottom: 1px solid rgba(000.2);
color: rgba(000.6);
}
.max-plan-picker-wrapper .max-plan-picker-group h6 {
font-size: .875rem;
font-: normal !important;
font-weight: bold;
letter-spacing: .1em;
margin-bottom: 0;
text-transform: uppercase;
}
.max-plan-picker-wrapper .max-plan-picker-group .price-plan-button-row h6 {
color: #3D6A99;
}
.max-plan-picker-group .yearly-discount-badge {
position: absolute;
top: -6px;
right: 10px;
background: #3D6A99;
color:#ffffff;
font-size: .8rem;
padding: 5px 10px;
z-index: 10;
font-weight: 900;
border-radius: 5px;
}
@media (min-width: 768px) and (max-width: 991px) {
.max-plan-picker-wrapper .max-plan-picker-group h3 {
font-size: 1.2em;
}
.max-plan-picker-wrapper .max-plan-picker-group h5 {
height: 3.4em;
}
}
@media screen and (min-width: 768px) {
.max-plan-picker-group .price-plan-button-row {
flex-direction: column;
}
}
@media screen and (min-width: 1200px) {
.max-plan-picker-group .price-plan-button-row {
flex-direction: row;
}
}
/* Select Plan Buttons */
.max-plan-picker-card-wrapper .select-plan-button {
font-weight: 700;
line-height: 110%;
letter-spacing: 0px;
overflow: hidden;
text-transform: uppercase;
border-radius: 8px;
padding: 10px 24px;
transition: none 0s ease 0s;
white-space: nowrap;
align-self: center;
}
.max-plan-picker-card-wrapper .select-plan-button.btn--primary {
background-color: #3D6A99;
color: rgb(255255255);
}
.max-plan-picker-card-wrapper .select-plan-button.btn--primary:hover {
background-color: rgb(611061530.75);
outline: 2px solid rgb(611061530.75);
}
.max-plan-picker-card-wrapper .select-plan-button.btn-md {
padding: 13px 24px;
max-height: max-content;
}
.max-plan-picker-card-wrapper a:focus,
.max-plan-picker-group a:focus-visible {
box-shadow: none !important;
outline: 2px solid black;
outline-offset: 2px;
}
/* Value Prop Icons */
.max-plan-picker-group {
--gap: 0.5em;
}
.max-plan-picker-group .text ul {
list--type: none;
padding: 0;
font-size: .875rem;
}
.max-plan-picker-group .text ul li {
padding-left: calc(var(--gap)*4);
}
.max-plan-picker-group .text ul.value-props-list {
margin-top: 1rem;
min-height: 135px;
}
/* Sports Add-On Line */
.max-plan-picker-group .text.sports {
position: relative;
z-index: 1;
}
.max-plan-picker-group .text.sports::before {
content: '';
position: absolute;
left: -1.5em;
top: 0;
right: -1.5em;
bottom: 0;
z-index: -1;
width: calc(100% + 3em);
height: 100%;
background-color: #DEEBFE;
}
.max-plan-picker-group .text.sports ul li {
padding-block: 1em;
}
.max-plan-picker-group [class*="value-prop"] {
position: relative;
display: block;
}
.max-plan-picker-group [class*="value-prop"]::before {
position: absolute;
top: 50%;
bottom: 0;
left: calc(var(--gap)*-4);
transform: translateY(-50%);
width: calc(var(--gap)*2);
height: calc(var(--gap)*2);
background-repeat: no-repeat;
background-size: contain;
content: "";
}
.max-plan-picker-group .value-prop-streams::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m3.5,13.6l4.78,5.87,12.22-15' ='fill: none; stroke: %233D6A99; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px;'/%3E%3C/svg%3E");
}
.max-plan-picker-group .value-prop-resolution::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6.5,20h11' ='fill: none; stroke: %233D6A99; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px;'/%3E%3Crect x='1.5' y='4' width='21' height='12' rx='1' ry='1' ='fill: none; stroke: %233D6A99; stroke-width: 2px;'/%3E%3C/svg%3E");
}
.max-plan-picker-group .value-prop-sound::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3.5' y='13' width='5' height='7' rx='1' ry='1' ='fill: none; stroke: %233D6A99; stroke-width: 2px;'/%3E%3Cpath d='m5.5,13c0-3.86,0-9,6.5-9s6.5,5.14,6.5,9' ='fill: none; stroke: %233D6A99; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px;'/%3E%3Crect x='15.5' y='13' width='5' height='7' rx='1' ry='1' ='fill: none; stroke: %233D6A99; stroke-width: 2px;'/%3E%3C/svg%3E");
}
.max-plan-picker-group .value-prop-downloads::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m3.5,20h17' ='fill: none; stroke: %233D6A99; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px;'/%3E%3Cpath d='m12,4v11m0,0l-4.5-4.5m4.5,4.5l4.5-4.5' ='fill: none; stroke: %233D6A99; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px;'/%3E%3C/svg%3E");
}
.max-plan-picker-group .value-prop-sports::before {
width: calc(var(--gap)*3);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='51' height='37' viewBox='0 0 51 37' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.5586 10.3748V16.9912H14.2341L15.6663 15.642V11.724L14.2341 10.3748H10.5586ZM35.2458 10.3748V16.9912H38.9213L40.3535 15.642V11.724L38.9213 10.3748H35.2458ZM10.5586 20.5752V27.1917H14.2341L15.6663 25.8425V21.9244L14.2341 20.5752H10.5586Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.626953 36.8411H50.2851V0.726074H0.626953V36.8411ZM19.2488 17.1239L17.5374 18.7836L19.2488 20.4432V27.3566L15.6751 30.822H6.83422V6.74515H15.6751L19.2488 10.2105V17.1239ZM28.5598 17.9022L22.352 23.9213V19.665L28.5595 13.6459V17.9022H28.5598ZM40.8191 30.822L37.9917 20.5893H35.3877V30.822H31.6633V6.74515H40.5042L44.0778 10.2105V17.1239L41.4599 19.6628L44.5435 30.822H40.8191Z' fill='black'/%3E%3C/svg%3E");
}
.max-plan-picker-group .value-prop-access::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.86,7.15s0-.72,0-.72c0-1.89-1.73-3.43-3.86-3.43s-3.86,1.54-3.86,3.43v6h-1.72c-.47,0-.85.38-.85.85v6.87c0,.47.38.85.85.85h11.15c.47,0,.85-.38.85-.85v-6.87c0-.47-.38-.85-.85-.85h-9.43' ='fill: none; stroke: %233D6A99; stroke-linecap: round; stroke-width: 2px;' /%3E%3C/svg%3E");
}
.max-plan-picker-group [class*="value-prop-"] span.small {
color: rgba(000.6);
font-size: .85em;
}
/* Plan Picker - Legal Text */
.max-plan-picker-wrapper p.legal.small {
max-width: 100ch;
}
Find Your Perfect Plan
Basic With Ads
- Stream on 2 devices at once
- Full HD video resolution
Standard
- Stream on 2 devices at once
- Full HD video resolution
- 30 downloads to watch on the go
Premium
- Stream on 4 devices at once
- 4K Ultra HD video quality as available
- Dolby Atmos immersive audio as available
- 100 downloads to watch on the go
Basic With Ads
- Stream on 2 devices at once
- Full HD video resolution
Standard
- Stream on 2 devices at once
- Full HD video resolution
- 30 downloads to watch on the go
Premium
- Stream on 4 devices at once
- 4K Ultra HD video quality as available
- Dolby Atmos immersive audio as available
- 100 downloads to watch on the go
RECOMMENDED
Live content may contain ads. Download limits apply in certain content categories. Seehbomax.com/information.
Savings based on yearly price paid upfront v. monthly price paid over 1 year. Live content may contain ads. Download limits apply in certain content categories. See hbomax.com/information.
Consistently Captivating
Consistently Craveable
Blockbuster Movies
<>
/*FOR Dune 2 ONLY*/
.max-section-movies .layout .flex-column>.initial-img-wrapper:nth-child(1) {
display: flex;
justify-content: center;
width: 55%;
top: -34%;
right: -3%;
}
@media (max-width: 1199px) {
.max-section-movies .layout .flex-column>.initial-img-wrapper:nth-child(1) {
width: 65%;
top: -34%;
right: -5%;
}
}
@media (max-width: 767px) {
.max-section-movies .layout .flex-column>.initial-img-wrapper:nth-child(1) {
width: 75%;
top: -28%;
}
}
@media (max-width: 575px) {
.max-section-movies .layout .flex-column>.initial-img-wrapper:nth-child(1) {
width: 100%;
top: -18%;
right: 0%;
}
.max-section-movies .layout .flex-column>.initial-img-wrapper:nth-child(1) img {
max-width: 90%;
}
}
/**/
/*FOR DARK KA ONLY*/
/*.max-section-movies .col-custom:nth-child(2) img {*/
/* outline: 1px solid #444;*/
/*}*/
/**/
Iconic Hits
What is HBO Max?
HBO Max is where the biggest shows and movies take center stage—week after week. From HBO and Warner Bros. to DiscoveryHarry Potterand the DC Universethese are the stories everyone is watching and talking about. Whether it’s dramasci-fithrillersor something in betweenHBO Max delivers entertainment that demands your full attention—no distractionsjust purecan’t-miss storytelling.