:root {
    --gaming-blue: #0014a2;
}

#featureLegacy {
    font-family: 'Rajdhani', sans-serif;
}

#featureLegacy h2 {
    font-family: 'Rajdhani', sans-serif;
    font-weight: 650;
    letter-spacing: 8px;
    text-transform: uppercase;
    font-size: 3rem;
    line-height: 1.3em;
    color: #fff;
}

#featureLegacy .row {
    display: flex !important;
}


.rc-feature p {
    line-height: 1.5;
    font-size: 1.35em;
    color: #fff !important;
    font-weight: 400;
}


.Gaming-block {
    padding: 7em 0 7em 0;
}

.gaming-RC-bac {
    background: url('https://dev.ap.viewsonic.com/vsAssetFile/global/img/product-rc/_lcd_display_(new)/VX-RC-Photo/bac01.jpg') 0% 0% /100%;
}

@media screen and (max-width:550px) {
    .gaming-RC-bac {
        background: url('https://dev.ap.viewsonic.com/vsAssetFile/global/img/product-rc/_lcd_display_(new)/VX-RC-Photo/bac01.jpg') 1% 1% /105%;
    }

    #featureLegacy h2 {
        font-size: x-large;
    }

    .Gaming-block {
        padding: 3.5em 0 3.5em 0;
    }

    .rc-feature p {
        font-size: 1.142857rem;
        font-weight: 300;
    }
}



.smooth {
    overflow: hidden;
    width: 10.5%;
    height: max-content;
    background: #7f1e82;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1.25em;
    margin-bottom: 1.25em;
}

.smooth::after {
    content: '';
    display: block;
    width: 75%;
    height: 6px;
    animation: smooth;
    animation-duration: 3s;
    animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
    animation-iteration-count: infinite;
    background: linear-gradient(to left, #bb29bb 0%, #bb29bb40 75%, #bb29bb00 100%);
}

@media screen and (max-width:600px) {
    .smooth {
        width: 20%;
        margin-left: 0;
        margin-right: 0;
    }
}

@keyframes smooth {
    0% {
        transform: translateX(-300%);
    }

    100% {
        transform: translateX(300%);
    }
}

.d-flex:has(.text-md-left) .smooth {
    margin: 1rem 0 ;
}


.twentytwenty-horizontal .twentytwenty-before-label>span,
.twentytwenty-horizontal .twentytwenty-after-label>span {
    color: #fff;
}

.twentytwenty-before-label {
    background: var(--gaming-blue);
}

.twentytwenty-after-label {
    background: var(--gaming-blue);
}

.twentytwenty-after-label,
.twentytwenty-before-label span {
    font-weight: bold;
}

.wthiteSpan>.twentytwenty-overlay>.twentytwenty-after-label>span {
    color: #fff;
}

.wthiteSpan>.twentytwenty-overlay>.twentytwenty-before-label>span {
    color: #fff;
}

.twentytwenty-horizontal .twentytwenty-before-label>span,
.twentytwenty-horizontal .twentytwenty-after-label>span {
    color: #fff;
}

.center {
    display: flex;
    justify-content: center;
    align-items: center;
}



@media screen and (max-width:550px) {

    .twentytwenty-before-label>span,
    .twentytwenty-after-label>span.twentytwenty-before-label>span,
    .twentytwenty-after-label>span {
        font-size: 14px;
    }
}

.logoGroup img {
    height: 60px !important;
    margin: 1.5rem 2.5rem;
}