section[data-cattype="239"] {
    overflow: hidden;
    padding: 90px 0;
    position: relative;
}


[data-cattype="239"] .wrapper_marquee {
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    transform: rotate(-2.4deg);
}
[data-cattype="239"] .wrapper_marquee span.heading{
    display: inline-block;
    font-size: 6vw;
    font-weight: 900;
    color: #000;
    padding: 0 0.1em;
    margin: 0;
    line-height: 1.11;
    -webkit-text-stroke: 1px #5fa7d9;
    -webkit-text-fill-color: transparent;
    animation: marquee 30s linear infinite;
}

[data-cattype="239"] .wrapper_marquee.reverse span.heading{
    -webkit-text-stroke: 1px#21409a;
    -webkit-text-fill-color: transparent;
    animation: marquee-revise 45s linear infinite;
}

[data-cattype="239"] .wrapper_marquee:hover span.heading{
    animation-play-state: paused;
}

[data-cattype="239"] .wrapper_marquee span.heading span:hover{
    -webkit-text-fill-color: #5fa7d9;
}

[data-cattype="239"] .wrapper_marquee.reverse span.heading span:hover{
    -webkit-text-fill-color: #21409a;
}





@keyframes marquee {
    from {
        transform: translateX(0%);
    }
    to {
        transform: translateX(-100%);
    }
}
@keyframes marquee-revise {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(0%);
    }
}






/* Typical laptop screen size*/

@media (max-width: 1400px) {}

/* Portrait tablet to landscape and desktop */

@media (min-width: 768px) and (max-width: 980px) {

    [data-cattype="239"] .wrapper_marquee span.heading{
        font-size: 13vw;
    }

}

/* Mobile screen size - landscape view */

@media (max-width: 767px) {

    section[data-cattype="239"] {
        padding: 10px 0;
    }
    
    
    [data-cattype="239"] .wrapper_marquee {
        transform: rotate(0deg);
    }

    [data-cattype="239"] .wrapper_marquee span.heading{
        font-size: 13vw;
    }

    [data-cattype="239"] .wrapper_marquee span.heading span{
        -webkit-text-fill-color: #5fa7d9;
        -webkit-text-stroke: 1px#eee;
    }
    
    [data-cattype="239"] .wrapper_marquee.reverse span.heading span{
        -webkit-text-fill-color: #21409a;
        -webkit-text-stroke: 1px#eee;
    }
    

}

/* Mobile screen size */

@media (max-width: 480px) {}