section#hands-on {
    background: url("https://cwsmgmt.corsair.com/pdp/service-skus/gamer-sensei/images/tlc_gamersensei_handson.jpg") no-repeat;
    background-size: cover;
    height: 900px;
    background-position-x: center;
    text-shadow: 0 2px 13px rgb(0 0 0 / 90%);
    padding: 0 !important;
    display: flex;
}

#pdp .component-carousel-slick h1.bebas {
    line-height: 3.75rem !important;
}

span.video-dark-overlay {
    background: rgba(0,0,0,.4);
    top: 50%;
    left: 50%;
    position: absolute;
    width: 100vw;
    min-height: 105%;
    display: block;
    transform: translate(-50%,-50%);
}

#pdp .sensei-logo {
    height: 100px;
    margin-right: 5px;
    margin-bottom:1.5em;
}

#pdp #pdp-panel-hero {
    background: url("https://cwsmgmt.corsair.com/pdp/service-skus/gamer-sensei/images/GamerSensei_Ad_Still.png") center no-repeat !important;
    background-size: cover;
}

#hands-on div {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 50%;
    text-align: left !important;
    background-image: radial-gradient(at 10% 90%, #000000e0, #00000000, #00000000);
    padding: 2rem 4rem;
}

#pdp #pdp-panel-hero.panel-template h1.bebas {
    font-size: 9em !important;
}

#pdp #pdp-panel-hero.panel-template .wrapper {
    padding: 17vw 2vw 3vw 2vw !important;
    filter: drop-shadow(-1px 3px 6px rgba(0, 0, 0, 0.5));
}

.what-players-say-title {
    padding: 20px 30px 100px !important;
}

#pdp #pdp-panel-hero .hero-content-container {
    background:transparent !important;
}

#pdp #pdp-panel-hero.panel-template p {
    letter-spacing: .05em !important;
}

#pdp #pdp-panel-hero {
    display: flex;
    justify-content: center;
}

.gamersensei_button {
    padding: 0.8rem 1.5rem;
    min-width: 9rem;
    font-size: 0.9rem;
    letter-spacing: 2px;
    text-transform: uppercase;
    border: 0;
    cursor: pointer;
    background: #e9e600;
    color: black;
    transition: 250ms;
}

#pdp section h2.bebas {
    font-size: 2rem !important;
}

section#learn-the-tactics {
    background: url("https://cwsmgmt.corsair.com/pdp/service-skus/gamer-sensei/images/tlc_gamersensei_keyboard_bg.png") no-repeat;
    background-size: cover;
    height: 800px;
    background-position-x: center;
    text-shadow: 0 2px 13px rgb(0 0 0 / 90%);
    padding: 0 !important;
    display: flex;
    justify-content: center;
}

section#learn-the-tactics div {
    width: 60%;
    max-width: 1200px;
    align-self: center;
    padding: 5vw 0 15vw 0;
}

section#learn {
    margin-top: -17rem;
}

#learn .wrapper div a .rollover {
    align-items: center;
    background: #0000007a;
    content: '';
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    transform: translateX(-101%);
    transition: 500ms transform;
    width: 100%;
}

#learn .wrapper div a:hover .rollover {
    transform: translateX(0);
}

#pdp #learn .col-third {
    overflow: hidden;
}

#pdp #learn img {
    border: none !important;
}

#pdp #learn .col-third.active img, #pdp #learn .col-third:hover img {
    border: none !important;
}

#pdp #learn img {
    margin: 0 !important;
    padding: 0 !important;
}

#pdp #learn p {
    margin: 8px 0 8px !important;
}

.rollover-cover {
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}

#pdp #learn .col-third.active:before, #pdp #learn .col-third:hover::before {
    background: none;
}

#pdp #pdp-panel-hero video {
    object-fit: cover;
}

.component-carousel-slick #quotesLeftNav, .component-carousel-slick #quotesRightNav {
    top: 23vw !important;
}

@media (min-width:2024px) {
    #pdp #pdp-panel-hero.panel-template .wrapper {
        padding: 10vw 2vw 3vw 2vw !important;
    }
    section#learn-the-tactics div {
        padding: 5vw 0 8vw 0;
    }
    #pdp #quotes .quote-content {
        width: 1500px;
    }
    section#hands-on {
        height: 1400px;
    }
    section#learn {
        margin-top: -22rem;
    }
}

@media (min-width:1024px) {
    #pdp .panel-template .white p {
        font-size: 1.375rem;
        line-height: 2.25rem;
    }
    #pdp section h1.bebas {
        font-size: 3.75rem;
        line-height: 5.75rem;
    }
    #pdp #pdp-panel-hero.panel-template h1.bebas {
        padding-top: 2rem;
    }
    #pdp .sensei-logo {
        height: 150px;
        margin-right: 5px;
    }
}

@media (max-width:1800px) {
    section#hands-on {
        height: 800px;
    }
}

@media (max-width:1000px) {
    section#learn-the-tactics div {
        width: 80%;
        padding: 5vw 0 35vw 0;
    }
    section#learn {
        margin-top: -22rem;
    }
    #hands-on div {
        width: 70%;
    }
}

@media (max-width: 767px) {
    #pdp #pdp-panel-hero.panel-template h1.bebas {
        position: unset;
        transform: none;
        font-size: 3rem !important;
    }
    #pdp #pdp-panel-hero {
        height: 600px;
    }
    section#learn-the-tactics div {
        width: 100%;
        padding: 0vw 2vw 35vw 2vw;
    }
    #hands-on div {
        width: 100%;
    }
    .component-carousel-slick .players-say .wrapperContainer {
        height: 70vw;
    }
    .component-carousel-slick #quotesLeftNav, .component-carousel-slick #quotesRightNav {
        top: 85vw !important;
    }
    .component-carousel-slick #quotesLeftNav:before, .component-carousel-slick #quotesRightNav:before {
        top: -45vw
    }
}

@media (max-width:500px) {
    #pdp #pdp-panel-hero .hero-content-container {
        padding: 0 1rem;
    }
    #pdp #pdp-panel-hero {
        min-height: 550px !important;
    }
    section#learn-the-tactics div {
        padding: 0vw 2vw 68vw 2vw;
    }
    .component-carousel-slick #quotesLeftNav, .component-carousel-slick #quotesRightNav {
        top: 77vw !important;
    }
    section#hands-on {
        height: 550px;
    }
    section#hands-on {
        background: linear-gradient(to bottom, rgb(5 6 6 / 25%), rgb(5 6 6 / 0%)), url("https://cwsmgmt.corsair.com/pdp/service-skus/gamer-sensei/images/tlc_gamersensei_handson.jpg") no-repeat;
        background-size: cover;
        background-position-x: center;
    }
    .component-carousel-slick .players-say .wrapperContainer {
        height: 110vw;
    }
}