*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-decoration: none!important;
}


body{
    background: #000;
}

h1{
    color: #fff;
    font-size: clamp(36px, 3vw, 60px);
    font-family: 'nvidia_sans_bold';
    line-height: 60px;
}

h3{
    color: #fff;
    font-size: clamp(28px, 2vw, 42px);
    font-family: 'nvidia_sans_bold';
    line-height: 35px;
}

h4{
    color: #fff;
    font-size: clamp(24px, 3vw, 40px);
    font-family: 'nvidia_sans_bold';
}

h5{
    color: #fff;
    font-family: 'nvidia_sans_bold';
    font-size: clamp(18px, 4vw, 25px);

}

h6{
    color: #fff;
    font-family: 'nvidia_sans_bold';
    font-size: 16px;
    line-height: 25px;
}

p{
    color: #fff;
    font-size: clamp(15px, 1.1vw, 18px);
    font-family: "nvidia_sans_regular";
}

.button{
    padding: 7px 10px 7px 10px;
    background-color: #76B900;
    color: #fff;
    font-family: 'nvidia_sans_bold', sans-serif;
    text-decoration: none;
    font-size: 14px;
    width: 132px;
    text-align: center;
}

.button:hover {
    color: #fff;
}

#logo-pichaurtx{
    display: flex;
    flex-direction: column;
}

.bar2{
    display: none;
    margin: 60px auto;
}


/*image */
.principal-section{
    display: flex;
    justify-content: center;
}

#gpu-img{
    width: 100%;
}

#gpu-img-desk{
    display: none;
}


/*MAIN*/

.rtx-40{
   display: flex;
   justify-content: center;
} 

.rtx-40{
    width: 100%;
    height: 825px;
}

.text-rtx{
    display: flex;
    flex-direction: column;
    text-align: start;
    width: 70%;
}

.pichau-logo-img{
    width: 150px;
}

.rtx-logo-img{
    width: 170px;
}



/*FIRST SECTION*/



.first-section{
    display: flex;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    width: min(1300px, 80%);
}

.first-section-container{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.processor-image{
    width: 90%;
}

.processor-text{
    text-align: start;
}

.box-svg{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 80px;
}


/*SECOND SECTION*/

.section-principal{
    display: flex;
    justify-content: center;
    text-align: center;
    flex-direction: column;
}

.principal-text{
    width: 70%;
    margin: 0 auto;
}

#portal-desk{
    display: none;
}


/*CREATIVE SECTION*/

.creative{
    display: flex;
    flex-direction: column;
    background: url(../images/background-creative.png) no-repeat;
    background-size: 950px;
    color: #fff;
}

.content-creative{
    width: 70%;
    align-self: center;
    text-align: center;
}

.cr-nv{
    margin: 30px 0;
    text-align: start;
}

.creative-text{
    text-align: start;
}

.image-creative{
    width: 100%;
}


/*BENEFITS*/


 .benefits{
    display: flex;
    flex-direction: column;
    background: no-repeat;
    background-color: #1A1A1A;
    background-size: 1920px;
    color: #fff;
    width: 100%;
} 

.benefits-images{
    width: 100%;
}

 .content-benefits{
    margin-top: 50px;
    background-color: #000;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 70%;
    align-self: center;
    text-align: start;
} 

.row{
    margin: 0 auto;
    width: 70%;
}

.icons-container{
    width: min(1300px, 100%);
}

.content-benefits h5{
    font-size: 20px;
}

#benefits-title{
    text-align: center;
    width: 70%;
    align-self: center;
    margin-top: 50px;
}

.benefits-text{
    padding: 30px 15px 0px 15px;
}


/*GALLERY*/

.gallery{
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #000;
    color: #fff;
    text-align: center;
 
}

.gallery-content{
    width: 70%;
}

.gallery-image-hov{
    width: 100%;
}

/*BUY*/

.buy{
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #000;
    color: #fff;
    text-align: center;
}

.buy-content{
    width: 70%;
}

.button-buy{
    padding: 7px 10px 7px 10px;
    background-color: #76B900;
    color: #fff;
    font-family: 'nvidia_sans_bold', sans-serif;
    text-decoration: none;
    font-size: 14px;
    width: 132px;
    text-align: center;
    margin-top: 200px;
}

.button-buy:hover{
    color: #fff;
}

.rtx4090-buy img{
    margin: 50px 0px;
    width: 80%;
}


/*FOOTER*/

.footer{
    background-color: #000;
}

.footer-container{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.footer-cop{
    margin: 50px auto;
    width: 80%;
    text-align: center;
}

.footer-cop p{
    font-size: 12px;
    color: #9E9E9E;
}

.esrb-logo{
    width: 150px;
}


@media (min-width:990px) {

 /*-------GPU IMAGE---------*/

    #gpu-img-desk{
        display: inline;
        width: 100%;
    }
    #gpu-img, .bar{
        display: none;
    }

/*-------FIRST SECTION---------*/

 
    /* .rtx-40{
        display: block;
        position: absolute;
        top: 5vw;
        left: 10vw;
        width: auto;
    } */

    .rtx-40{
        display: inherit;
        width: min(100%, 1920px);
        background: url("../images/header-gpu-desk.png") no-repeat;
        background-size: 1920px;
        background-position: 50%;
    }

    .button{
        padding: 7px 10px 7px 10px;
        font-size: 17px;
        width: 150px;
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #logo-pichaurtx{
        display: flex;
        width: 80%;
        margin-top: 30px;
        flex-direction: row;
        justify-content: space-between;
    }

    .text-rtx{
        padding: min(100px, 5vw) 0 0 min(200px, 10vw);
        width: 800px;
    }

    .pichau-logo-img{
        width: 230px;
    }

    .rtx-logo-img{
        width: 230px;
    }


/*-------FIRST SECTION---------*/
    

    .title-arc{
        margin-top: 120px;
    }

    .first-section-container{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        width: 75%;
        margin: 0 auto;
    }
    .bar2{
        display: inherit;
        margin: 120px auto 80px auto;
    }

    #portal-mob{
        display: none;
    }

    #portal-desk{
        width: min(1350px, 100%);
        margin: 0 auto;
        display: inline;
    }

    .processor-image{
        width: auto;
    }



/*RAY TRACING*/
    .principal-text{
        max-width: 1000px;
    }

    .section-principal{
        justify-content: start;
    } 


/*DLSS*/

    #dlss-mob{
        display: none;
    }

    .dlss-section{
       background: url(../images/dlss-image-desk.png);
       width: 100%;
       height: min(55vw, 1000px);
       background-position: 50% 100%;
       background-repeat: no-repeat;
       background-size: 1920px;
    }

/*REFLEX*/
 
    #reflex-mob{
        display: none;
    }

    .reflex-section{
        background: url(../images/reflex-image-desk.png);
        width: 100%;
        height: min(55vw, 1000px);
        background-position: 50% 60%;
        background-repeat: no-repeat;
        background-size: 1920px;
     }
 

/*CREATIVE*/

    .creative{
        display: flex;
        flex-direction: row;
        background: url(../images/background-creative-desk.png) no-repeat;
        background-size: 100%;
        background-position: 50%;
        color: #fff;
        justify-content: center;
    }

    .content-creative{
        width: 1200px;
        padding-bottom: 100px;
        justify-content: center;
    }

    .first-image-creative{
        display: flex;
        justify-content: flex-end;
    }

    .first-div-creative{
        display: flex;
    }

    .cr-nv{
        font-size: 20px;
        margin-top: 25px;
    }
    .creative h4{
        font-size: 30px;
    }

    #title-creative{
        margin: 50px 0 30px 0;
        font-size: 40px;
    }


    .image-creative{
        max-width: 600px;
    }

/*BENEFITS*/

    #benefits-title{
        margin: 70px 0 40px 0;
    }

    .content-benefits{
        margin-top: 50px;
        background-color: #000;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: start;
        width: 500px;
        height: 550px;
        align-self: center;
        text-align: start;
        margin: 15px;
    } 

    .benefits-row{
        margin: 0 auto;
        display: flex;
        justify-content: center;
        width: min(100%, 1530px);
    }


    .content-benefits h5{
        font-size: 25px;
    }


    /*GALERIA*/

    .gallery{
        margin-top: 100px;
        width: min(1920px, 100%);
    }

    .gallery-content{
        display: flex;
        justify-content: center;
        width: 70%;
    }

    .gallery-image{
        margin: 15px 15px;
    }

    .gallery-image-hov{
        max-width: 100%;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
    }

    .gallery-image-hov:hover{
        -moz-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }

    /*BUY*/

    .buy{
        display: flex;
        justify-content: center;
    }

    .buy-content{
        display: flex;
        justify-content: center;
    }

    .buy-image{
        margin: 30px 15px;
    }

    .button-buy{
        padding: 12px 18px 12px 18px;
        background-color: #76B900;
        color: #fff;
        font-family: 'nvidia_sans_bold', sans-serif;
        text-decoration: none;
        font-size: 16px;
        width: 132px;
        text-align: center;
        margin-top: 200px;
    }
    
    .rtx4090-buy img{
        width: 50%;
    }

    .rtx4090-buy .button-buy{
        padding: 7px 10px 7px 10px;
        font-size: 22px;
        width: 160px;
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 auto;
    }


    /*FOOTER*/

    .footer-container div{
        width: 200px;
        margin: 10px;
    }

    .footer-container img{
        width: 100%;
    }

    .footer-container{
        width: min(70%, 1000px);
        margin: 0 auto;
        align-items: center;
        justify-content: space-between;
        flex-direction: row;
    }

    .footer-cop{
        width: 50%;
    }

    .footer-cop p{
        font-size: 14px;
    }

}


@media (min-width:991px) and (max-width:1633px){
    .first-div-creative{
        align-items: center;   
    }
}


/*-------------FONTS IMPORT-----------------*/

@font-face {
    font-family: 'nvidia_sans_bold';
    src: url('../fonts/NVIDIASans_Bd.ttf')  format('truetype');
}
@font-face {
    font-family: 'nvidia_sans_bold_italic';
    src: url('../fonts/NVIDIASans_BdIt.ttf')  format('truetype');
}
@font-face {
    font-family: 'nvidia_sans_italic';
    src: url('../fonts/NVIDIASans_It.ttf')  format('truetype');
}
@font-face {
    font-family: 'nvidia_sans_light';
    src: url('../fonts/NVIDIASans_Lt.ttf')  format('truetype');
}
@font-face {
    font-family: 'nvidia_sans_light-italic';
    src: url('../fonts/NVIDIASans_LtIt.ttf')  format('truetype');
}
@font-face {
    font-family: 'nvidia_sans_medium';
    src: url('../fonts/NVIDIASans_Md.ttf')  format('truetype');
}
@font-face {
    font-family: 'nvidia_sans_medium_italic';
    src: url('../fonts/NVIDIASans_MdIt.ttf')  format('truetype');
}
@font-face {
    font-family: 'nvidia_sans_regular';
    src: url('../fonts/NVIDIASans_Rg.ttf')  format('truetype');
}