.page1-bg {
    background-color: #efefef;
    background-image: linear-gradient(30deg, rgba(0,0,0,0.03) 12%, transparent 12.5%, transparent 87%, rgba(0,0,0,0.03) 87.5%, rgba(0,0,0,0.03)), linear-gradient(150deg, rgba(0,0,0,0.03) 12%, transparent 12.5%, transparent 87%, rgba(0,0,0,0.03) 87.5%, rgba(0,0,0,0.03)), linear-gradient(90deg, rgba(0,0,0,0.02) 2%, transparent 2.5%, transparent 97%, rgba(0,0,0,0.02) 98%);
    background-size: 72px 125px, 72px 125px, 72px 125px;
    background-position: 0 0, 0 0, 0 0;
}

.dot-pattern {
    background-image: radial-gradient(rgba(31, 184, 106, 0.45) 1.5px, transparent 1.5px);
    background-size: 10px 10px;
}

.about-bg {
    background-color: #efefef;
    background-image: linear-gradient(30deg, rgba(0,0,0,0.03) 12%, transparent 12.5%, transparent 87%, rgba(0,0,0,0.03) 87.5%, rgba(0,0,0,0.03)), linear-gradient(150deg, rgba(0,0,0,0.03) 12%, transparent 12.5%, transparent 87%, rgba(0,0,0,0.03) 87.5%, rgba(0,0,0,0.03));
    background-size: 72px 125px, 72px 125px;
}

.about-ring-left::before {
    content: '';
    position: absolute;
    left: -36px;
    top: 0;
    bottom: 0;
    width: 48px;
    border-left: 16px solid #002b7f;
    border-right: 10px solid #53d39b;
    border-top-left-radius: 999px;
    border-bottom-left-radius: 999px;
}

.about-ring-right::after {
    content: '';
    position: absolute;
    right: -36px;
    top: 0;
    bottom: 0;
    width: 48px;
    border-right: 16px solid #002b7f;
    border-left: 10px solid #53d39b;
    border-top-right-radius: 999px;
    border-bottom-right-radius: 999px;
}

.vision-bg {
    background-color: #efefef;
    background-image: linear-gradient(30deg, rgba(0,0,0,0.03) 12%, transparent 12.5%, transparent 87%, rgba(0,0,0,0.03) 87.5%, rgba(0,0,0,0.03)), linear-gradient(150deg, rgba(0,0,0,0.03) 12%, transparent 12.5%, transparent 87%, rgba(0,0,0,0.03) 87.5%, rgba(0,0,0,0.03));
    background-size: 72px 125px, 72px 125px;
}

.value-bg {
    background-color: #efefef;
    background-image: linear-gradient(30deg, rgba(0,0,0,0.03) 12%, transparent 12.5%, transparent 87%, rgba(0,0,0,0.03) 87.5%, rgba(0,0,0,0.03)), linear-gradient(150deg, rgba(0,0,0,0.03) 12%, transparent 12.5%, transparent 87%, rgba(0,0,0,0.03) 87.5%, rgba(0,0,0,0.03));
    background-size: 72px 125px, 72px 125px;
}

.problems-bg {
    background-color: #efefef;
    background-image: linear-gradient(30deg, rgba(0,0,0,0.03) 12%, transparent 12.5%, transparent 87%, rgba(0,0,0,0.03) 87.5%, rgba(0,0,0,0.03)), linear-gradient(150deg, rgba(0,0,0,0.03) 12%, transparent 12.5%, transparent 87%, rgba(0,0,0,0.03) 87.5%, rgba(0,0,0,0.03));
    background-size: 72px 125px, 72px 125px;
}

.solutions-bg {
    background-color: #efefef;
    background-image: linear-gradient(30deg, rgba(0,0,0,0.03) 12%, transparent 12.5%, transparent 87%, rgba(0,0,0,0.03) 87.5%, rgba(0,0,0,0.03)), linear-gradient(150deg, rgba(0,0,0,0.03) 12%, transparent 12.5%, transparent 87%, rgba(0,0,0,0.03) 87.5%, rgba(0,0,0,0.03));
    background-size: 72px 125px, 72px 125px;
}

.usp-bg {
    background-color: #efefef;
    background-image: linear-gradient(30deg, rgba(0,0,0,0.03) 12%, transparent 12.5%, transparent 87%, rgba(0,0,0,0.03) 87.5%, rgba(0,0,0,0.03)), linear-gradient(150deg, rgba(0,0,0,0.03) 12%, transparent 12.5%, transparent 87%, rgba(0,0,0,0.03) 87.5%, rgba(0,0,0,0.03));
    background-size: 72px 125px, 72px 125px;
}

.business-bg {
    background-color: #efefef;
    background-image: linear-gradient(30deg, rgba(0,0,0,0.03) 12%, transparent 12.5%, transparent 87%, rgba(0,0,0,0.03) 87.5%, rgba(0,0,0,0.03)), linear-gradient(150deg, rgba(0,0,0,0.03) 12%, transparent 12.5%, transparent 87%, rgba(0,0,0,0.03) 87.5%, rgba(0,0,0,0.03));
    background-size: 72px 125px, 72px 125px;
}

.revenue-bg {
    background-color: #f1f3f7;
    background-image: linear-gradient(30deg, rgba(0,0,0,0.03) 12%, transparent 12.5%, transparent 87%, rgba(0,0,0,0.03) 87.5%, rgba(0,0,0,0.03)), linear-gradient(150deg, rgba(0,0,0,0.03) 12%, transparent 12.5%, transparent 87%, rgba(0,0,0,0.03) 87.5%, rgba(0,0,0,0.03));
    background-size: 72px 125px, 72px 125px;
}

.services-bg {
    background-color: #eef2f7;
    background-image: radial-gradient(1200px 300px at 50% -20%, rgba(37,99,235,0.08), transparent 60%), linear-gradient(30deg, rgba(0,0,0,0.03) 12%, transparent 12.5%, transparent 87%, rgba(0,0,0,0.03) 87.5%, rgba(0,0,0,0.03)), linear-gradient(150deg, rgba(0,0,0,0.03) 12%, transparent 12.5%, transparent 87%, rgba(0,0,0,0.03) 87.5%, rgba(0,0,0,0.03));
    background-size: auto, 72px 125px, 72px 125px;
}

.contact-bg {
    background: radial-gradient(600px 220px at 0% 0%, rgba(101,215,127,0.25), transparent 65%), radial-gradient(500px 220px at 100% 100%, rgba(27,176,172,0.24), transparent 70%), linear-gradient(135deg, #07205a 0%, #0d2f77 55%, #11448f 100%);
}
