.mr1 {
    margin-right: 1rem !important;
}
.mt1 {
    margin-top: 1rem !important;
}
#technology #pdp #pdp-panel-hero .hero-content-container .yellow-text {
    width: 80%;
    margin-top: 0rem;
}
.hero-content-container h1 {
    font-size: 8.5em !important;
    letter-spacing: 5px !important;
}
#technology h2 {
    line-height: 55px;
}
.header-title h2 {
    font-size: 8em !important;
    letter-spacing: 0 !important;
}
#pdp .panel-template p {
    margin: 2em 0;
}
#technology button:not(#teaserproductSignUp, .slick-dots button, .slick-arrow) {
    width: fit-content;
    padding: 0 2rem;
    border: 2px solid #F3EB46;
    font-weight: 600;
}
#technology p, #technology #pdp #pdp-panel-hero.panel-template p, #technology #smalcode .body-p1 {
    font-size: 22px;
    line-height: 1.75em;
}
#technology button.dark-back:not(.slick-dots button, .slick-arrow) {
    color: white;
    background: rgb(18 18 18 / 50%) !important;
}
/*  */
.carousel-slider {
    position: relative;
}
.carousel-slider .dhx {
    min-height: 650px;
}
.carousel-slider .slick-dots {
    display: flex !important;
    justify-content: center;
    position: absolute;
    bottom: 2rem;
    width: 50%;
    margin: 0 auto !important;
    left: 0;
    right: 0;
    min-width: 350px;
    transform: unset;
}
.carousel-slider .slick-dots button {
    font-size: 0 !important;
}
.slick-dots button:focus {
    outline: 5px auto -webkit-focus-ring-color !important;
    outline-offset: 2px !important;
}
.carousel-slider .slick-arrow {
    position: absolute;
    z-index: 1;
    font-size: 0 !important;
    margin-top: -2rem !important;
    width: 20px !important;
    border: none !important;
    top: 50% !important;
    background: transparent !important;
}
.carousel-slider .slick-prev.slick-arrow {
    left: 2rem;
}
.carousel-slider .slick-prev:before {
    content: url(https://cwsmgmt.corsair.com/landing/home/elgato-left.svg);
    opacity: 1;
}
.carousel-slider .slick-next.slick-arrow {
    right: 2rem;
}
.carousel-slider .slick-next:before {
    content: url(https://cwsmgmt.corsair.com/landing/home/elgato-right.svg);
    opacity: 1;
}
.carousel-slider .slick-dots li button{
    width: 100%;
}
.carousel-slider .slick-dots li {
    width: 24.5%;
    background: white;
    height: 5px;
    margin: 0px .25%;
    opacity: 0.5;
    transition: 225ms;
}
.carousel-slider .slick-dots li.slick-active {
    opacity: 1;
}
.carousel-slider .slick-dots li button:before {
    opacity: 0 !important;
}
#firstPanel .one {
    background: url(http://cwsmgmt.corsair.com/landing/diy-new-launches/TriHex_Bottom_Right.svg), url(http://cwsmgmt.corsair.com/landing/diy-new-launches/Panel_5_DDR5_Gradients_Overlay.svg), url(http://cwsmgmt.corsair.com/landing/diy-new-launches/Panel_5_DDR5_BG.png);
    background-size: cover;
}
#firstPanel .two {
    background: url(http://cwsmgmt.corsair.com/landing/diy-new-launches/TriHex_Bottom_Right.svg), url(http://cwsmgmt.corsair.com/landing/diy-new-launches/Panel_5_%20XTM70_Gradients_Overlay.svg), url(http://cwsmgmt.corsair.com/landing/diy-new-launches/Panel_5_XTM70_BG.png);
    background-size: cover;
}
#firstPanel .three {
    background: url(http://cwsmgmt.corsair.com/landing/diy-new-launches/Trihex_Top_Left.svg), url(http://cwsmgmt.corsair.com/landing/diy-new-launches/EliteLCD_Gradients_Overlay.svg), url(http://cwsmgmt.corsair.com/landing/diy-new-launches/Panel_5_LCD_BG.png);
    background-size: cover;
}
#firstPanel .four {
    background: url(http://cwsmgmt.corsair.com/landing/diy-new-launches/Trihex_Top_Left.svg), url(http://cwsmgmt.corsair.com/landing/diy-new-launches/Panel_5_AF120_Gradient_Overlay.png), url(http://cwsmgmt.corsair.com/landing/diy-new-launches/Panel_5_AF120_BG.png);
    background-size: cover;
}
.diy-quality {
    background: url(http://cwsmgmt.corsair.com/landing/diy-new-launches/Trihex_Top_Left.svg), url(http://cwsmgmt.corsair.com/landing/diy-new-launches/Panel_3_Gradient_Overlay.svg), url(http://cwsmgmt.corsair.com/landing/diy-new-launches/Panel_3_BG.png);
    background-size: cover;
    background-position: center;
}
.diy-gpu {
    background: url(http://cwsmgmt.corsair.com/landing/diy-new-launches/Panel_2_Image_GPUs.png);
    background-position-y: center;
    background-size: 100%;
    background-repeat: no-repeat;
}
.diy-cpu {
    background: url(http://cwsmgmt.corsair.com/landing/diy-new-launches/Panel_2_Image_CPUs.png);
    background-position-x: right;
    background-position-y: center;
    background-size: 100%;
    background-repeat: no-repeat;
}
#technology #pdp #pdp-panel-hero.diy-hero {
    background: url(http://cwsmgmt.corsair.com/landing/diy-new-launches/Panel_1_Gradient_Overlay.svg), url(http://cwsmgmt.corsair.com/landing/diy-new-launches/Panel_1_BG.png) !important;
    background-size: cover !important;
    background-position: center !important;
}
#technology {
    background: url(http://cwsmgmt.corsair.com/landing/diy-new-launches/TriHex_Background_Full.svg), url(http://cwsmgmt.corsair.com/landing/diy-new-launches/Background_color.svg);
    background-size: cover;
    background-attachment: fixed;
}
/*  */
.teaserproduct-sign-up {
    position: fixed;
    bottom: -200px;
    z-index: 10;
    width: 100%;
    padding: 1rem 0;
    opacity: 0;
    transition: 225ms;
}
.teaserproduct-sign-up.showing {
    opacity: 1;
    bottom: 0;
}
#technology .hero-paragraph {
    letter-spacing: 0.1rem !important;
}
@media (min-width: 768px) {
    #technology .hero-paragraph {
        width: 80%;
        font-size: 22px !important;
    }
}
@media (max-width:1400px) {
    #technology {
        background: url(http://cwsmgmt.corsair.com/landing/diy-new-launches/TriHex_Background_Full.svg), url(http://cwsmgmt.corsair.com/landing/diy-new-launches/Background_color.svg);
        background-size: cover;
        background-position-x: center;
        background-attachment: fixed;
    }
    .diy-cpu {
        background: url(http://cwsmgmt.corsair.com/landing/diy-new-launches/Panel_2_Image_CPUs.png);
        background-size: cover;
        background-position-x: center;
    }
    .diy-gpu {
        background: url(http://cwsmgmt.corsair.com/landing/diy-new-launches/Panel_2_Image_GPUs.png);
        background-size: cover;
    }
}
@media (max-width:1236px) {
    .header-title h2, .hero-content-container h1 {
        font-size: 6em !important;
    }
}
@media (max-width:700px) {
    #technology #pdp #pdp-panel-hero .hero-content-container .yellow-text {
        margin-top: 1rem;
    }
    .header-title h2, .hero-content-container h1 {
        font-size: 4rem !important;
        line-height: 60px;
    }
    #technology h2 {
        line-height: 45px;
    }
    .img-none {
        display: none;
    }
    .diy-quality {
        background-position-x: 10%;
    }
    .diy-gpu {
        background-position: right;
    }
    .diy-cpu {
        background-position: left;
    }
    .carousel-slider .slick-dots {
        bottom: 1rem;
    }
    #technology .dhx {
        padding-top: 1rem !important;
    }
    #firstPanel.carousel-slider .dhx {
        min-height: 850px;
    }
    #secondPanel.carousel-slider .dhx {
        min-height: 960px;
    }
    .carousel-slider img {
        max-height: 345px !important;
    }
    #firstPanel .dhx, #secondPanel .dhx {
        justify-content: flex-start !important;
    }
    .mobile-link-column {
        width: fit-content;
    }
    .carousel-slider .slick-prev.slick-arrow {
        left: 1rem;
    }
    .carousel-slider .slick-next.slick-arrow {
        right: 1rem;
    }
}
@media (max-width:650px) {
    #technology button:not(#teaserproductSignUp, .scroll-icons, .slick-dots button, .slick-arrow) {
        margin: 1rem 0;
    }
}
@media (max-width: 639px) {
    .slick-track {
        max-height: unset !important;
    }
    #firstPanel .dhx-content, #secondPanel .dhx-content {
        text-align: center;
        align-items: center;
    }
    .carousel-slider .slick-arrow {
        width: 10px !important;
    }
}
@media (max-width:500px) {
    #pdp #pdp-panel-hero.panel-template .wrapper {
        margin: 0 auto !important;
    }
    .diy-quality {
        background-position-x: 40%;
    }
}