﻿html {
    -webkit-text-size-adjust: 100%;
    line-height: 1.15
}

body {
    margin: 0
}

main {
    display: block
}


html,
body {
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0;
    padding: 0;
    overflow-x: hidden
}

body {
    color: #fff;
    scroll-behavior: smooth;
    word-wrap: break-word;
    background-color: #000;
    font-weight: 400
}


.banner {
    flex-direction: column;
    min-height: 50vw;
    margin: auto;
    display: flex;
    position: relative;
    overflow-x: clip
}

.banner_image {
    z-index: -1;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0
}

.container1 {
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: center;
    width: 100%;
}

.container2 {
    flex-direction: row;
    margin-bottom: 3vw;
    display: flex
}

.banner_content {
    flex-direction: column;
    display: flex
}

.banner_text {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex
}

.banner_headline {
    font-weight: bold;
    font-size: 6.667vw;
    color: #FFFFFF;
    margin-top: 69.25vw;
    margin-bottom: 1.75vw;
}

.banner_subheadline {
    font-weight: normal;
    font-size: 3.472vw;
    letter-spacing: 0.069vw;
    text-shadow: 0px 0px 6.597vw #000000;
    width: 70vw;
    margin-top: 0vw;
    margin-bottom: 1.111vw;
}

.banner_redemption_date {
    font-weight: 300;
    font-size: 2.083vw;
    color: #FFF;
    text-align: center;
    width: 33.472vw;
    height: 3.194vw;
    margin: 0vw 0 1vw;
    display: inline-block
}

.banner_button {
    font-weight: 400;
    font-size: 2vw;
    text-align: center;
    margin: 1.25vw 0 2.778vw;
    opacity: .9;
    background: #000 no-repeat padding-box padding-box;
    border: .208vw solid #FFF;
    width: 15vw;
    height: 3vw;
    padding: .5vw 3vw .8vw;
}

    .banner_button:link,
    .banner_button:visited,
    .banner_button:active {
        text-decoration: none
    }

@media screen and (min-width:1440px) {
    .banner {
        margin: unset;
        width: 1440px;
        min-height: 1267.2px
    }

    .banner_image {
        left: unset;
        right: unset;
        width: 1440px
    }

    .container2 {
        margin-bottom: 43.2px
    }

    .banner_headline {
        font-weight: bold;
        font-size: 96.005px;
        color: #FFFFFF;
        margin-top: 997.2px;
        margin-bottom: 25.2px;
    }

    .banner_subheadline {
        font-weight: normal;
        font-size: 49.997px;
        letter-spacing: 0.994px;
        text-shadow: 0px 0px 95px #000000;
        width: 1008px;
        margin-top: 0px;
        margin-bottom: 15.998px;
    }


    .banner_redemption_date {
        font-weight: 300;
        font-size: 29.995px;
        color: #FFF;
        text-align: center;
        width: 481.997px;
        height: 45.994px;
        margin: 0 0 14.4px;
        display: inline-block
    }

    .banner_button {
        font-weight: 400;
        font-size: 28.8px;
        text-align: center;
        margin: 18px 0 40.003px;
        opacity: .9;
        background: #000 no-repeat padding-box padding-box;
        border: 3px solid #FFF;
        width: 216px;
        height: 43.2px;
        padding: 7.2px 43.2px 11.52px;
    }
}

@media screen and (max-width:960px) {
    .banner_headline {
        font-weight: bold;
        font-size: 6.66vw;
        margin-top: 81vw;
        margin-bottom: 1vw;
    }

    .banner_button {
        font-weight: 400;
        font-size: 3vw;
        text-align: center;
        margin: 3vw 0 5vw;
        opacity: .9;
        background: #000 no-repeat padding-box padding-box;
        border: 0.313vw solid #FFF;
        width: 25vw;
        height: 4.5vw;
        padding: 0.75vw 4.5vw 1.2vw;
    }

    .banner_redemption_date {
        font-weight: 300;
        font-size: 2.5vw;
        color: #FFF;
        text-align: center;
        width: 50.208vw;
        height: 4.791vw;
        margin: 0 0 1.5vw;
        display: inline-block
    }

    .banner_subheadline {
        font-weight: normal;
        font-size: 4vw;
        width: 76vw;
        margin-top: 2vw;
        margin-bottom: 3vw;
    }
}



.offer-section {
    background-repeat: no-repeat;
    background-size: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
}

.offer_container {
    width: 74.722vw;
    margin-bottom: 2vw;
    display: flex;
    flex-direction: column;
}

.text-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 6vw;
}

.offer-headline {
    font-weight: 500;
    font-size: 6vw;
    text-align: center;
    color: #fff;
    margin-top: 2vw;
}

.offer-description {
    font-weight: 300;
    font-size: 2.986vw;
    margin: 1.5vw 0;
    text-align: center;
    color: #00BBF6;
}

.featured_box {
    background: linear-gradient(#0627619C, #010C20) no-repeat padding-box padding-box;
    border: 0.417vw solid #1870D5;
    width: 74.722vw;
    display: flex;
    flex-direction: column;
    margin-top: 2vw;
}

.featuredbox_container {
    width: 74.722vw;
    margin-bottom: 2vw;
    margin-top: 2vw;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 4vw;
}

.featured_column {
    padding: 1vw;
}

    .featured_column img {
        width: 29.236vw;
        margin-bottom: 1vw;
        border: 0.278vw solid #FFF;
    }

.offer_column {
    padding: 1vw;
}

    .offer_column img {
        width: 25vw;
        margin-bottom: 1vw;
        border: 0.278vw solid #FFF;
    }

.offercolumn_headline {
    font-weight: 400;
    font-size: 2vw;
    text-align: center;
}

.offercolumn_sub {
    font-weight: 300;
    font-size: 1.75vw;
    text-align: center;
}

.offercolumn_copy {
    font-weight: 300;
    font-size: 1.25vw;
    text-align: center;
}

.offerbox_container {
    width: 74.722vw;
    margin-bottom: 2vw;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 4vw;
}



.learn_more_button a {
    font: normal normal 500 2.083vw/2.083vw var(--default-font-family);
    color: #00BBF6;
    background: none;
    text-decoration: none;
}

.mobile-only {
    display: none
}

@media screen and (min-width:1440px) {
    .offer-section {
        margin: unset;
        width: 1440px;
        min-height: 2304px;
    }

    .offer_container {
        width: 1076px;
        margin-left: 129.6px;
        margin-right: 129.6px;
        display: flex;
        flex-direction: column;
    }

    .text-content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-top: 86.4px;
    }


    .offer-headline {
        font-weight: 500;
        font-size: 86.4px;
        margin-top: 28.8px;
    }

    .featured-headline {
        font-weight: 500;
        font-size: 60.005px;
        text-align: center;
        color: #fff;
        margin-top: 56.506px;
    }

    .offer-description {
        font-weight: 300;
        font-size: 42.9px;
        margin: 21.6px 0;
        text-align: center;
    }

    .featured_box {
        background: linear-gradient(#0627619C, #010C20) no-repeat padding-box padding-box;
        border: 6.005px solid #1870D5;
        width: 1075.997px;
        display: flex;
        flex-direction: column;
        margin-top: 28.8px;
    }

    .offer_box {
        background: linear-gradient(#0627619C, #010C20) no-repeat padding-box padding-box;
        border: 6.005px solid #1870D5;
        width: 1075.997px;
        display: flex;
        flex-direction: column;
        margin-top: 78.005px;
        margin-bottom: 45.504px;
    }

    .offerbox_headline {
        font-weight: 400;
        font-size: 28.8px;
        text-align: center;
        margin: 28.8px;
    }

    .featuredbox_container {
        width: 1075.997px;
        margin-bottom: 28.8px;
        margin-top: 28.8px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        column-gap: 57.6px;
    }

    .offerbox_container {
        width: 1075.997px;
        margin-bottom: 28.8px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        column-gap: 57.6px;
    }

    .featured_column {
        padding: 14.4px;
    }

        .featured_column img {
            width: 420.998px;
            margin-bottom: 14.4px;
            border: 4.003px solid #FFF;
        }

    .offer_column {
        padding: 14.4px;
    }

        .offer_column img {
            width: 360px;
            margin-bottom: 14.4px;
            border: 4.003px solid #FFF;
        }

    .offercolumn_headline {
        font-weight: 400;
        font-size: 28.8px;
        text-align: center;
    }

    .offercolumn_sub {
        font-weight: 300;
        font-size: 25.2px;
        text-align: center;
    }

    .offercolumn_copy {
        font-weight: 300;
        font-size: 18px;
        text-align: center;
    }

    .learn_more_button a {
        font-weight: 500;
        font-size: 29.995px;
        color: #00BBF6;
        background: none;
        text-decoration: none;
    }
}

@media screen and (max-width:960px) {
    .offer-section {
        align-items: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        min-height: 320vw;
        margin-bottom: 4vw;
        margin-left: 0%;
        margin-right: 0%;
    }

    .mobile-only {
        display: block;
    }

    .offer_container {
        display: flex;
        width: 80vw;
    }

    .text-content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 80vw;
        margin-top: -130vw;
        padding-top: 2vw;
    }

    .offer-headline {
        font-weight: 500;
        font-size: 5.5vw;
        width: auto;
        margin-top: 4vw;
    }

    .featured-headline {
        font-weight: 500;
        font-size: 5.5vw;
        text-align: center;
        color: #fff;
        margin-top: 6vw;
    }


    .offer {
        display: contents;
    }

    .offer-description {
        font-weight: 400;
        font-sizeL 3vw;
        margin: 3vw;
    }

    .featured_box {
        background: linear-gradient(#010C20, #062761) no-repeat padding-box padding-box;
        border: 0.5vw solid #1870D5;
        width: 78vw;
        display: flex;
        flex-direction: column;
        margin-top: 5vw;
    }

    .offer_box {
        background: linear-gradient(#010C20, #062761) no-repeat padding-box padding-box;
        border: 0.5vw solid #1870D5;
        width: 78vw;
        display: flex;
        flex-direction: column;
        margin-top: 10vw;
    }

    .offerbox_headline {
        font-weight: 500;
        font-size: 2vw;
        text-align: center;
        margin: 3vw;
    }

    .featuredbox_container {
        width: 78vw;
        margin-bottom: 3vw;
        margin-top: 3vw;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        column-gap: 6vw;
    }

    .offerbox_container {
        width: 78vw;
        margin-bottom: 3vw;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        column-gap: 6vw;
    }

    .featured_column {
        padding: 1.5vw;
    }

        .featured_column img {
            width: 28vw;
            margin-bottom: 1.5vw;
        }

    .offercolumn_headline {
        font-weight: 400;
        font-size: 2vw;
        text-align: center;
    }

    .offer_column {
        padding: 1.5vw;
    }

        .offer_column img {
            width: 25vw;
            margin-bottom: 1.5vw;
        }

    .offercolumn_headline {
        font-weight: 500;
        font-size: 2vw;
        text-align: center;
    }

    .offercolumn_sub {
        font-weight: 400;
        font-size: 1.75vw;
        text-align: center;
    }

    .offercolumn_copy {
        font-weight: 400;
        font-size: 1.875vw;
        text-align: center;
    }

    .learn_more_button a {
        font-weight: 500;
        font-size: 3vw;
        line-spacing: 1vw;
        color: #00BBF6;
        background: none;
        text-decoration: none;
    }
}

@media screen and (min-width:1440px) {
    #rootContainer {
        flex-direction: column;
        align-items: center;
        display: flex
    }
}

@media screen and (min-width:961px) {
    .mobile-only {
        display: none
    }
}

@media screen and (max-width:960px) {
    .desktop-only {
        display: none
    }
}

/*CALL TO ACTION*/

.call_to_action {
    justify-content: center;
    margin-top: 0vw;
    display: flex
}

.call_content {
    width: 90%;
    padding-bottom: 4vw;
    padding-left: 10vw;
    padding-right: 10vw
}

.call_header {
    font-weight: 500;
    font-size: 4.2vw;
    text-align: center
}

.call_subheadline {
    font-weight: normal;
    font-size: 2.986vw;
    color: #00BBF6;
    text-align: center;
    padding-top: 2vw
}

.call_list {
    padding-left: 8vw
}

.call_step {
    font-weight: 300;
    font-size: 1.7vw;
    color: #fff;
    width: 89%;
    padding-top: 3vw;
    padding-left: 2vw
}

    .call_step span {
        color: #fff;
        font-weight: 400
    }

    .call_step:first-child {
        padding-top: 3.4vw
    }

    .call_step::marker {
        align-items: center;
        padding-right: 1vw
    }

.call_footer {
    flex-direction: column;
    align-items: center;
    gap: 4vw;
    margin-top: 5vw;
    display: flex
}

.call_footer_text {
    font-weight: 300;
    font-size: 1.38vw;
    text-align: center
}

.call_button {
    font-weight: 300;
    font-size: 2.7vw;
    color: #fff;
    text-align: center;
    background: 0 0;
    border: 2px solid #fff;
    padding: 1vw 6vw;
    text-decoration: none;
    display: none
}

.call_footer_date {
    font-weight: 300;
    font-size: 1.25vw;
    display: none
}

@media screen and (min-width:1440px) {
    .call_to_action {
        width: 1440px;
        margin-top: 0px;
    }

    .call_content {
        width: 90%;
        padding-bottom: 57.6px;
        padding-left: 144px;
        padding-right: 144px
    }

    .call_header {
        font-weight: 500;
        font-size: 60.48px;
    }

    .call_subheadline {
        font-weight: normal;
        font-size: 42.912px;
        color: #00BBF6;
        text-align: center;
        padding-top: 28.8px;
    }

    .call_list {
        padding-left: 99.2px
    }

    .call_step {
        font-weight: 300;
        font-size: 26.48px;
        width: 90%;
        padding-top: 28.8px;
        padding-left: 28.8px
    }

        .call_step:first-child {
            padding-top: 48.96px
        }

        .call_step::marker {
            padding-right: 14.4px
        }

    .call_footer {
        gap: 57.6px;
        margin-top: 72px
    }

    .call_footer_text {
        font-weight: 300;
        font-size: 24.04px;
    }

    .call_button {
        font-weight: 300;
        font-size: 38.88px;
        padding: 14.4px 43.2px
    }

    .call_footer_date {
        font-weight: 300;
        font-size: 18px;
    }
}

@media screen and (max-width:960px) {
    .call_to_action {
        margin-top: auto;
    }

    .call_content {
        width: 100%;
        padding: 0 0 10vw
    }

    .call_header {
        font-weight: 500;
        font-size: 6.9vw;
    }

    .call_subheadline {
        font-weight: 300;
        font-size: 3.33vw;
        width: 93vw;
        margin: 0 auto
    }

    .call_list {
        margin-top: 9vw
    }

    .call_step {
        font-weight: 300;
        font-size: 4.1vw;
        width: 88%;
        padding-top: 5vw;
        padding-left: 5vw
    }

    .call_footer {
        gap: 9vw;
        margin-top: 10vw
    }

    .call_footer_text {
        font-weight: normal;
        font-size: 4.1vw;
        text-align: center;
        width: 94vw
    }

    .call_button {
        font-weight: 300;
        font-size: 4.1vw;
        border-width: .8vw;
        padding: 1vw 10vw
    }

    .call_footer_date {
        font-weight: 300;
        font-size: 4.1vw;
    }
}

/*DEALS*/
.deals {
    background-image: url("https://origincdnv2.blob.core.windows.net/img/landing/2025/intel-holiday-bundle/Blade-6-Background-Desktop.svg");
    background-repeat: no-repeat;
    background-size: 100%;
    flex-direction: column;
    display: flex;
}

.deals_headline {
    font-weight: 500;
    font-size: 3.9vw;
    text-align: center;
    margin-top: 8vw;
    margin-bottom: 2vw
}

.deals_content {
    flex-direction: row;
    justify-content: center;
    width: 100%;
    padding: 5vw 0;
    display: flex;
}

.deals_col {
    flex-direction: column;
    flex: 1 0 0;
    justify-content: space-between;
    align-items: center;
    gap: 3vw 0;
    max-width: 32vw;
    display: flex
}

.deals_img {
    width: 19.5vw;
    height: 13.2vw;
    display: block
}

.deals_text {
    text-align: center
}

.deals_desc {
    font-weight: 300;
    font-size: 1.6vw;
}

.deals_info {
    font-weight: 300;
    font-size: 1.25vw;
}

.deals_discover {
    font-weight: 400;
    font-size: 1.87vw;
    background: #000 no-repeat padding-box padding-box;
    border: 0.208vw solid #FFF;
    border-radius: 0.069vw;
    box-shadow: 0px 0px 31px #FFFFFF;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 1vw;
    width: 18vw;
    height: 4vw;
    padding: 0 1vw;
    display: flex;
}

    .deals_discover:link,
    .deals_discover:visited,
    .deals_discover:active {
        text-decoration: none
    }

@media screen and (max-width:960px) {
    .deals {
        background-image: url("https://origincdnv2.blob.core.windows.net/img/landing/2025/intel-holiday-bundle/Blade-6-Mobile-Background.svg")
    }

    .deals_headline {
        font-weight: 500;
        font-size: 6.38vw;
    }

    .deals_col {
        max-width: unset;
        gap: 5.5vw;
        margin: 4vw 0
    }

    .deals_content {
        flex-direction: column;
        align-items: center
    }

    .deals_img {
        height: unset;
        width: 50vw
    }

    .deals_desc,
    .deals_info {
        font-weight: 300;
        font-size: 3.33vw;
    }

    .deals_discover {
        font-weight: 400;
        font-size: 4.44vw;
        box-shadow: none;
        border: 3px solid #FFF;
        width: 48vw;
        height: 9vw
    }
}

@media screen and (min-width:1440px) {
    .deals {
        margin: unset;
        width: 1440px;
    }

    .deals_headline {
        margin-top: 41.2px;
        margin-bottom: 28.8px;
        font-size: 56.16px
    }

    .deals_content {
        padding-top: 40px;
    }

    .deals_col {
        gap: 43.2px 0;
        max-width: 460.8px
    }

    .deals_img {
        width: 280.8px;
        height: 190.08px
    }

    .deals_desc {
        font-weight: 300;
        font-size: 25.04px;
    }

    .deals_info {
        font-weight: 300;
        font-size: 21px;
    }

    .deals_discover {
        font-weight: 400;
        font-size: 26.928px;
        background: #000 no-repeat padding-box padding-box;
        border: 3px solid #FFF;
        border-radius: 1px;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 14.4px;
        width: 259.2px;
        height: 57.6px;
        padding: 0 14.4px;
        display: flex;
        box-shadow: 0 0 31px #FFF
    }
}

/*Footer*/
.footer {
    background-image: url("https://origincdnv2.blob.core.windows.net/img/landing/2025/intel-holiday-bundle/Desktop-Background-Blade-7.png");
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 100%;
    flex-direction: column;
    display: flex;
}

.footer_icons {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 0 2vw;
    margin: 2vw 1.5vw 1.5vw;
    display: flex;
}

.footer_icon {
    object-fit: contain;
    object-position: center;
    max-width: 12vw;
    height: 7vw;
    display: block
}

.footer_terms {
    font-weight: normal;
    font-size: 1.3vw;
    margin: 2vw 9.74vw 0
}

    .footer_terms a {
        color: #fff;
        background: none;
        text-decoration: none;
    }

    .footer_terms p {
        margin-bottom: 2vw
    }

@media screen and (max-width:960px) {
    .footer {
        background-image: url("https://origincdnv2.blob.core.windows.net/img/landing/2025/intel-holiday-bundle/Blade-7-Mobile-Background.svg");
        margin-top: 5vw
    }

    .footer_icons {
        gap: 2vw;
        margin: 0
    }

    .footer_icon {
        max-width: 15vw;
        height: 7vw
    }

    .footer_terms {
        font-weight: normal;
        font-size: 2.77vw;
        margin: 8vw 4vw 0
    }

        .footer_terms p {
            margin-bottom: 4.4vw
        }

        .footer_terms a {
            background: none;
        }
}

@media screen and (min-width:1440px) {
    .footer {
        margin: unset;
        width: 1440px
    }

    .footer_icons {
        gap: 0 28.8px;
        margin: 0px 21.6px 21.6px
    }

    .footer_icon {
        max-width: 172.8px;
        height: 100.8px
    }

    .footer_terms {
        font-weight: normal;
        font-size: 18.72px;
        margin: 28.8px 140.26px 0
    }

        .footer_terms p {
            margin-bottom: 28.8px
        }

        .footer_terms a {
            background: none;
        }
}
