.about-reveal-section{
    padding:160px 20px;
    text-align:center;
    position:relative;
    overflow:hidden;
}

.about-reveal-section::before{
    content:"";
    position:absolute;
    width:700px;
    height:700px;
    background:radial-gradient(circle,
        rgba(120,80,255,0.35),
        rgba(30,10,80,0.2),
        transparent 70%);
    top:-200px;
    left:50%;
    transform:translateX(-50%);
    filter:blur(140px);
    z-index:0;
}

.about-badge{
    display:inline-block;
    padding:6px 18px;
    border-radius:30px;
    background:rgba(120,80,255,0.25);
    color:#cbbcff;
    font-size:14px;
    margin-bottom:25px;
    position:relative;
    z-index:2;
}

.about-reveal-title{
    font-size:48px;
    font-weight:600;
    max-width:900px;
    margin:0 auto 20px;
    color:#777;
    filter:blur(6px);
    opacity:0.3;
    transition:all 0.7s ease;
    position:relative;
    z-index:2;
}

.about-reveal-text{
    font-size:48px;
    font-weight:600;
    color:#ffffff;
    max-width:900px;
    margin:0 auto;
    opacity:1;
    filter:none;
    position:relative;
    z-index:2;
}

.about-reveal-section.active .about-reveal-title{
    color:#fff;
    filter:blur(0);
    opacity:1;
}

.about-reveal-section.active .about-reveal-text{
    color:#ffffff;
    filter:none;
    opacity:1;
}