.ASUSbrandportal{



    background-color: black;



    color: white;



}







.ASUSbrandportal img{



    width: 100%;



}







.ASUSbrandportal h1{



    font-size: 2.3rem;



}







.ASUSbrandportal a h2{



    color: white;



    text-transform: uppercase;



    -webkit-text-stroke-width: 1px;



    -webkit-text-stroke-color: #a216a2;



    font-size: 2.5rem;



}







.ASUSbrandportal .mobile{



    display: none;



}







.ASUSbrandportal .intro  p{



    font-size: 1rem ;



    padding: 0 15%;



}







.ASUSbrandportal a {



    color: white;



}







.ASUSbrandportal .category{



    padding: 40px 15%;



}







.ASUSbrandportal .categoryContainer{



    border: 1px solid #a216a2;



    transition: .3s;



    overflow: hidden; /* Ensure image doesn't exceed container */



}







.ASUSbrandportal .categoryContainer:hover{



    animation: .3s linear;



    -webkit-box-shadow: inset 0px -3px 0px #a216a2;



    -moz-box-shadow: inset 0px -3px 0px #a216a2;



    box-shadow: inset 0px -3px 0px #a216a2;



}







.ASUSbrandportal .categoryContainer:hover img {



    transform: scale(1.03); /* Zoom in effect */



}







.ASUSbrandportal .categoryContainer h3{



    padding-top: 8px;



    background-color: black;



    position: relative;



    z-index: 2;



}







.ASUSbrandportal .category img{



    height: 270px;



    object-fit: cover;



    transition: transform 0.3s ease;



    position: relative;



    z-index: 1



}







.ASUSbrandportal .p30{



    padding-top: 30px;



}







@media (max-width: 1000px) {



    .ASUSbrandportal .category img{



        height: 210px;



    }



    .ASUSbrandportal .category{



        padding: 30px 4%;



    }



    .ASUSbrandportal .intro p {



        padding: 0 5%;



    }



}







@media (max-width: 767px){



    .ASUSbrandportal .p30 {



        padding-top: 0px;



    }



    .ASUSbrandportal .categoryContainer{



        margin-top: 15px;



    }



    



    .ASUSbrandportal h1 {



        font-size: 1.5rem;



    }



    .ASUSbrandportal .mobile{



        display: block;



    }



    .ASUSbrandportal .desktop{



        display: none;



    }







    .ASUSbrandportal .category img{



        height: 320px;



    }







    .ASUSbrandportal .category{



        padding: 30px 25%;



    }



}







@media (max-width: 600px){



    .ASUSbrandportal .category{



        padding: 25px 5%;



    }



}







.scroll-to-top-container {



    position: relative;



    z-index: 5;



}