.gradient{
    background: linear-gradient(0deg, rgba(19, 93, 255, 0.76) 2.08%, rgba(217, 217, 217, 0) 61.94%);
    border-radius: 8px;
}

.header-gradient{
    background: linear-gradient(0deg, rgba(19, 93, 255, 0.76) 2.08%, rgba(217, 217, 217, 0) 61.94%);
}

.activate{
    opacity: 1;
    transition: 0.5s ease-in-out;
    margin-top: 10px;
}

.activate2{
    opacity: 1;
    transition: 0.5s ease-in-out;
    margin-top: 10px;
}

html{
    scroll-behavior: smooth;
}


.active{
    transform: translateY(0);
    visibility: visible;
    transition: 1s ease;
}

.change{
    background: white;
    transition: 0.5 ease;
}




.orignal{
    background: #135DFF;
}

.on{
    display: block;
    transition: 0.5s ease;
}

font-display: swap;