.about-hero{
background: linear-gradient(
135deg,
#021B16 0%,
#063B33 30%,
#0A5C4E 65%,
#12B886 100%
);
}

.story {
    background:
        radial-gradient(circle at top left,
        rgba(20,184,166,.10),
        transparent 35%),

        radial-gradient(circle at bottom right,
        rgba(59,130,246,.08),
        transparent 40%),

        linear-gradient(
        135deg,
        #ffffff 0%,
        #f8fcff 35%,
        #f4fffd 70%,
        #ffffff 100%
    );
}

.mission {
    position: relative;
    overflow: hidden;

    background:
    radial-gradient(circle at top right,
        rgba(20,184,166,.12),
        transparent 35%),

    radial-gradient(circle at bottom left,
        rgba(37,99,235,.08),
        transparent 40%),

    linear-gradient(
        135deg,
        #f8fcff 0%,
        #ffffff 30%,
        #f4fffd 70%,
        #f8fcff 100%
    );
}


.philosophy {
    position: relative;
    overflow: hidden;

    background:
        radial-gradient(circle at top left,
            rgba(16,185,129,.08),
            transparent 35%),

    radial-gradient(circle at bottom right,
        rgba(45,212,191,.08),
        transparent 40%),

    linear-gradient(
        135deg,
        #ffffff 0%,
        #f7fffc 35%,
        #effcf7 70%,
        #ffffff 100%
    );
}

.meet-genvoxx {
    position: relative;
    overflow: hidden;

    background:
        radial-gradient(circle at 15% 20%,
            rgba(16,185,129,.10),
            transparent 35%),

        radial-gradient(circle at 85% 15%,
            rgba(59,130,246,.08),
            transparent 35%),

        radial-gradient(circle at 50% 100%,
            rgba(45,212,191,.08),
            transparent 45%),

        linear-gradient(
            135deg,
            #ffffff 0%,
            #f8fffc 30%,
            #f4faff 65%,
            #ffffff 100%
        );
}

.meet-genvoxx::before{

    content:"";
    position:absolute;
    inset:0;

    background-image:

        radial-gradient(
            rgba(16,185,129,.08) 1px,
            transparent 1px
        );

    background-size:32px 32px;

    opacity:.5;

    pointer-events:none;

}

.meet-genvoxx::after{

    content:"";
    position:absolute;

    width:600px;
    height:600px;

    right:-250px;
    top:-220px;

    border-radius:50%;

    background:rgba(16,185,129,.08);

    filter:blur(140px);

}

.why-clients { 

    position:relative;
    overflow:hidden;

    background:

        radial-gradient(circle at 15% 20%,
            rgba(16,185,129,.10),
            transparent 30%),

        radial-gradient(circle at 85% 15%,
            rgba(6,182,212,.08),
            transparent 35%),

        linear-gradient(
            135deg,
            #F8FAFC 0%,
            #F2FBF8 35%,
            #ECFDF5 70%,
            #F8FAFC 100%
        );

}