.about-shape {
    clip-path: polygon(0 0, 100% 0, 74.5% 100%, 0% 100%);
    /* background: #384A67; */
    position: absolute;
    left: 0;
    width: 65%;
    height: 528px;
}

.vision-shape {
    clip-path: polygon(20.5% 0, 100% 0, 100% 100%, 0% 100%);
    /* background: #384A67; */
    position: absolute;
    right: 0;
    width: 65%;
    height: 528px;
}

@media (min-width: 1024px) {
    .lg\\:hidden {
        display: none;
    }
}

.section-pattern {
    position: relative;
    overflow: hidden;
}

.section-pattern::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    background-image: 
        radial-gradient(circle at 100% 150%, rgba(128, 128, 128, 0.05) 24%, rgba(128, 128, 128, 0.08) 25%, rgba(128, 128, 128, 0.08) 28%, rgba(128, 128, 128, 0.05) 29%, rgba(128, 128, 128, 0.05) 36%, rgba(128, 128, 128, 0.08) 37%, rgba(128, 128, 128, 0.08) 40%, transparent 41%, transparent),
        radial-gradient(circle at 0    150%, rgba(128, 128, 128, 0.05) 24%, rgba(128, 128, 128, 0.08) 25%, rgba(128, 128, 128, 0.08) 28%, rgba(128, 128, 128, 0.05) 29%, rgba(128, 128, 128, 0.05) 36%, rgba(128, 128, 128, 0.08) 37%, rgba(128, 128, 128, 0.08) 40%, transparent 41%, transparent),
        radial-gradient(circle at 50%  100%, rgba(128, 128, 128, 0.05) 10%, rgba(128, 128, 128, 0.08) 11%, rgba(128, 128, 128, 0.08) 23%, rgba(128, 128, 128, 0.05) 24%, rgba(128, 128, 128, 0.05) 30%, rgba(128, 128, 128, 0.08) 31%, rgba(128, 128, 128, 0.08) 43%, transparent 44%, transparent),
        radial-gradient(circle at 100% 50%, rgba(128, 128, 128, 0.05) 5%, rgba(128, 128, 128, 0.08) 6%, rgba(128, 128, 128, 0.08) 15%, rgba(128, 128, 128, 0.05) 16%, rgba(128, 128, 128, 0.05) 20%, rgba(128, 128, 128, 0.08) 21%, rgba(128, 128, 128, 0.08) 30%, transparent 31%, transparent),
        radial-gradient(circle at 0    50%, rgba(128, 128, 128, 0.05) 5%, rgba(128, 128, 128, 0.08) 6%, rgba(128, 128, 128, 0.08) 15%, rgba(128, 128, 128, 0.05) 16%, rgba(128, 128, 128, 0.05) 20%, rgba(128, 128, 128, 0.08) 21%, rgba(128, 128, 128, 0.08) 30%, transparent 31%, transparent);
    background-size: 100px 50px;
    z-index: 1;
    pointer-events: none;
    opacity: 0.5;
}

.section-content {
    position: relative;
    z-index: 2;
}