@font-face {
    font-family: 'GeForce-Bold';
    src: url('/media/nvidia/fonts/GeForce-Bold.otf') format('opentype');
}

@font-face {
    font-family: 'GeForce-Light';
    src: url('/media/nvidia/fonts/GeForce-Light.otf') format('opentype');
}

@font-face {
    font-family: 'GeForce-Bold-Alt';
    src: url('/media/nvidia/fonts/GeForce-Bold-Alt.ttf') format('opentype');
}

@font-face {
    font-family: 'GeForce-Light-Alt';
    src: url('/media/nvidia/fonts/GeForce-Light-Alt.ttf') format('opentype');
}

@font-face {
    font-family: 'DINPro-Regular';
    src: url('/media/nvidia/fonts/DINPro-Regular_13937.ttf') format('truetype');
}

@font-face {
    font-family: 'NVIDIASans-Italic';
    src: url('/media/nvidia/fonts/NVIDIA-Sans-Font-TTF/NVIDIASans_It.ttf') format('truetype');
}
@font-face {
    font-family: 'NVIDIASans-Medium';
    src: url('/media/nvidia/fonts/NVIDIA-Sans-Font-TTF/NVIDIASans_Md.ttf') format('truetype');
}
@font-face {
    font-family: 'NVIDIASans-Bold';
    src: url('/media/nvidia/fonts/NVIDIA-Sans-Font-TTF/NVIDIASans_Bd.ttf') format('truetype');
}
@font-face {
    font-family: 'NVIDIASans-Regular';
    src: url('/media/nvidia/fonts/NVIDIA-Sans-Font-TTF/NVIDIASans_Rg.ttf') format('truetype');
}

.main-container {
    color: #fff;
    background-color: #000;
}

.section {
    max-width: 1350px;
    margin: auto;
}

.shop-now {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 0;
    justify-items: center;
    margin: 45px 0;
}

.shop-now > .cards {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    justify-items: center;
    grid-gap: 12px;
}

.shop-now > .cards > .card > .card-body {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    text-align: center;
    grid-gap: 0;
}

.shop-now-4 {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 0;
    justify-items: center;
    margin: 45px 0;
}

.shop-now-4 > .cards {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    justify-items: center;
    grid-gap: 12px;
}

.shop-now-4 > .cards > .card > .card-body {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    text-align: center;
    grid-gap: 0;
}



.shop-now-3 {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 0;
    justify-items: center;
    margin: 45px 0;
}

.shop-now-3 > .cards {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    justify-items: center;
    grid-gap: 12px;
}

.shop-now-3 > .cards > .card > .card-body {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    text-align: center;
    grid-gap: 0;
}


.additional-features {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 0;
    justify-items: center;
    text-align: center;
    /*margin: 45px 0;*/
}

.additional-features {
    padding: 50px 0px 45px 0px;
    background-color: #1a1a1a;
}

.additional-features > .cards > .card > .card-header {
    height: 193px;
    max-width: 330px;
}

.additional-features > .cards {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    justify-items: center;
    text-align: center;
    grid-gap: 30px;
}

.additional-features > .cards > .card{
    min-height: 460px;
    background-color: #000;

}

.additional-features > .cards > .card > .card-body {
    max-width: 318px;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    justify-items: left;
    text-align: left;
    grid-gap: 0;
    padding: 0 0 0 12px;
}

.only-on-geforce-rtx {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 0;
    justify-items: center;
    text-align: center;
    padding: 45px 0;
}

.only-on-geforce-rtx > .cards {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    justify-items: center;
    text-align: center;
    grid-gap: 12px;
}

.only-on-geforce-rtx > .cards > .card > .card-body {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    justify-items: center;
    text-align: center;
    grid-gap: 0;
}



.multiply-your-performance {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 0;
    justify-items: center;
    text-align: center;
    padding: 45px 0;

    background-image: url('/media/nvidia/2024/q2/nvidia-geforce-rtx-40-series-powered-ai/img/desktop/nvgf-rtxai40s-art-multiplyperformance-d.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.multiply-your-performance > .cards {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    justify-items: center;
    text-align: center;
    grid-gap: 12px;
}

.multiply-your-performance > .cards > .card > .card-body {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    justify-items: center;
    text-align: center;
    grid-gap: 0;
}



.get-ai-assist {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 0;
    justify-items: center;
    padding-bottom: 45px;
}

.get-ai-assist > .cards {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    justify-items: center;
    grid-gap: 12px;
}

.get-ai-assist > .cards > .card > .card-body {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 0;
}



.ai-for-creating {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 0;
    justify-items: center;
    padding-bottom: 45px;
}

.ai-for-creating > .cards {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    justify-items: center;
    grid-gap: 12px;
}

.ai-for-creating > .cards > .card > .card-body {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 0;
}

h1 {
    font-family: NVIDIASans-Bold, sans-serif;
    font-size: 2rem;
    margin: 20px 0;
}

h1.alt {
    font-family: NVIDIASans-Regular, sans-serif;
    font-size: 2rem;
    margin: 20px 0;
}

h2 {
    font-family: NVIDIASans-Bold, sans-serif;
    font-size: 1.6rem;
    line-height: 1;
    margin: 15px 0;
}

h2.alt {
    font-family: NVIDIASans-Regular, sans-serif;
    font-size: 1.6rem;
    line-height: 1;
    margin: 15px 0;
}

h3 {
    font-family: NVIDIASans-Bold, sans-serif;
    font-size: 1.2rem;
    margin: 10px 0;
}

h3.alt {
    font-family: NVIDIASans-Regular, sans-serif;
    font-size: 1.2rem;
    margin: 10px 0;
}

h4 {
    font-family: NVIDIASans-Regular, sans-serif;
    font-size: 1rem;
}

.nvidia-text p {
    font-family: NVIDIASans-Regular, sans-serif;
    font-weight: lighter;
    font-size: 16px;
    color: #eeeeee;
}

.btn {
    background-color: #76b900;
    color: #000;
    border: none;
    text-decoration: none;
    padding: 10px 30px;
    font-size: 1.3rem;
    margin: 15px 0;
    text-align: center;
    font-family: NVIDIASans-Regular, sans-serif;
    font-weight: 600;
}

.nvidia-green {
    color: #76b900;
}

.text-group {
    padding: 24px;
}

img {
    max-width: 100%;
    width: auto;
    height: auto;
}

.space {
    margin-top: 15px;
}

* {
    margin: 0px;
}

.info {
    padding-left: 4em;
    padding-right: 4em;
}

.padding-space {
    padding-top: 45px;
    padding-bottom: 45px;
}


.center-image {
    margin: auto;
    text-align: center;
}




.dlss-section {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    grid-gap: 0;
    justify-items: center;
    text-align: center;
    margin-bottom: 80px;
}

.dlss-section > .text-group {
    grid-row: 1;
    grid-column: 2/10;
    z-index: 1;
}

.dlss-image {
    grid-row: 1;
    grid-column: 1/11;
    text-align: center;
}

.youtube-container {
    border: 6px solid #666;
    background-color: rgb(0,0,0);
    box-shadow: 0px 5px 8.73px 0.27px rgb(0 0 0 / 55%);
    width: 60%;
    text-align: center;
    margin: auto;
}

.ray-tracing-section > .text-group {
    text-align: center;
}


    .ray-tracing-section {
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        grid-gap: 0;
        justify-items: center;
        text-align: center;
        position: relative;
    }

    .ray-tracing-section > .text-group {
        grid-row: 1;
        grid-column: 2/6;
        z-index: 1;
        text-align: center;
    }

    .ray-tracing-image {
        grid-row: 1;
        grid-column: 1/7;
        text-align: center;
    }

.built-for-live-streaming-section {
    text-align: center;
    width: 70%;
    margin: auto;
}

.divider {
    width: 80%;
    border-top: #666666 solid 1px;
    margin: auto;
}

.nvidia-footer {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 45px;
    justify-items: center;
    padding-bottom: 45px;
    width: 80%;
    /*border-top: #666666 solid 1px;*/
    margin: auto;
    text-align: center;
    color: #666666 !important;
}

.nvidia-footer > p {
    color: #666666 !important;
}

.btn:hover {
    cursor: pointer !important;
}

.top-tools {
    background-image: url('/media/nvidia/2022/q4/nvidia-geforce-rtx-40-series-launch/img/mobile/nvgfrtx40-toptoolsforcreative-mlp.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.center-m {
    text-align: center;
}


    
    .geforce-rtx-40-series-ada-section {
        background-image: url('/media/nvidia/2024/q1/nvidia-geforce-rtx-40-series/img/desktop/nvgf-rtx40super-architecturebg-dlp.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

@media (min-width: 768px){

    h1 {
        font-size: 2.6rem;
    }

    h1.alt {
        font-size: 2.6rem;
    }

    h2 {
        font-size: 2.2rem;
    }

    h2.alt {
        font-size: 2.2rem;
    }

    h3 {
        font-size: 1.3rem;
    }

    h3.alt {
        font-size: 1.3rem;
    }

    h4 {
        font-size: 1rem;
    }

    .geforce-rtx-40-series-hero-section {
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        grid-gap: 0;
        justify-items: center;
        align-items: center;
    }

    .geforce-rtx-40-series-hero-section > .text-group {
        grid-row: 1;
        grid-column: 2/7;
        z-index: 1;
    }

    .geforce-rtx-40-series-hero-image {
        grid-row: 1;
        grid-column: 1/13;
    }

    .rtx-its-on-section {
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        grid-gap: 0;
        justify-items: center;
        text-align: center;
    }

    .rtx-its-on-section > .text-group {
        grid-row: 1;
        grid-column: 2/6;
        z-index: 1;
    }

    .rtx-its-on-image {
        grid-row: 1;
        grid-column: 1/7;
    }

    .shop-now > .cards {
        grid-template-columns: repeat(2, 1fr);
    }

    .shop-now-4 > .cards {
        grid-template-columns: repeat(4, 1fr);
    }
   

    .shop-now-3 > .cards {
        grid-template-columns: repeat(3, 1fr);
    }

    .additional-features > .cards {
        grid-template-columns: repeat(3, 1fr);
    }

    .only-on-geforce-rtx > .cards {
        grid-template-columns: repeat(4, 1fr);
    }

    .only-on-geforce-rtx {
        margin-top: 40px;
    }

    .multiply-your-performance > .cards {
        grid-template-columns: repeat(3, 1fr);
    }

    .multiply-your-performance {
        margin-top: 40px;

        background-image: url('/media/nvidia/2024/q2/nvidia-geforce-rtx-40-series-powered-ai/img/mobile/nvgf-rtxai40s-art-multiplyperformance-m.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    .get-ai-assist > .cards {
        grid-template-columns: repeat(3, 1fr);
    }

    .ai-for-creating > .cards {
        grid-template-columns: repeat(4, 1fr);
    }

    .info {
        padding-left: 0;
        padding-right: 0;
    }

    .victory-measured-section {
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        grid-gap: 0;
        justify-items: center;
        align-items: center;
    }

    .victory-measured-section > .text-group {
        grid-row: 1;
        grid-column: 7/11;
        z-index: 1;
    }

    .victory-measured-image {
        grid-row: 1;
        grid-column: 1/13;
    }

    .game-ready-drivers-section {
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        grid-gap: 0;
        justify-items: center;
        align-items: center;
    }

    .game-ready-drivers-section > .text-group {
        grid-row: 1;
        grid-column: 2/6;
        z-index: 1;
    }

    .game-ready-drivers-image {
        grid-row: 1;
        grid-column: 1/13;
    }

    .ai-powered-home-studio-section {
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        grid-gap: 0;
        justify-items: center;
        align-items: center;
    }

    .ai-powered-home-studio-section > .text-group {
        grid-row: 1;
        grid-column: 3/6;
        z-index: 1;
    }

    .ai-powered-home-studio-image {
        grid-row: 1;
        grid-column: 1/13;
    }

    .divider {
        display: none;
    }

    .up-your-creative-game-section {
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        grid-gap: 0;
        justify-items: center;
        align-items: center;
    }

    .up-your-creative-game-section > .text-group {
        grid-row: 1;
        grid-column: 8/11;
        z-index: 1;
    }

    .up-your-creative-game-image {
        grid-row: 1;
        grid-column: 1/13;
    }

    .dlss-section {
        margin-bottom: 0px;
    }


    .youtube-container {
        height: 350px;
    }

    .visible-m {
        display: none;
    }

    .center-m {
        text-align: left;
    }

    .top-tools {
        background-image: url('/media/nvidia/2022/q4/nvidia-geforce-rtx-40-series-launch/img/desktop/nvgfrtx40-toptoolsforcreative-dlp.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }
}