.new-menu .tn-atom{
    transition: all 0.3s ease-in-out !important;
}

.new-menu .tn-atom:hover {
    color: #0056D2 !important;
}

.t-popup__close {
    background-color: transparent !important; 
}

.lg {
    mix-blend-mode: luminosity;
    opacity: 0.5;
    transition: all 0.3s ease-in-out !important;
}

.lg:hover {
    mix-blend-mode: normal;
    opacity: 1 !important;
}

.hero-bg-mob::before, 
.hero-bg-desk::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    pointer-events: none;
}    

.hero-bg-desk {
    display: none!important;
}

.hero-bg-mob::before {
    background: radial-gradient(ellipse closest-side at 50% 50%, rgb(0 0 0 / 0.9) 0%, rgb(0 0 0 / 0) 140%);
}

@media (min-width: 640px) {
    .hero-bg-mob {
        display: none!important;
    }
    
    .hero-bg-desk {
        display: block!important;
        background: radial-gradient(ellipse closest-side at 50% 50%, rgb(0 0 0 / 0.9) 0%, rgb(0 0 0 / 0) 100%);
    }
    
    .hero-bg-desk::before {
        background: radial-gradient(ellipse closest-side at 50% 50%, rgb(0 0 0 / 0.9) 0%, rgb(0 0 0 / 0) 100%);
    }
}