.services {
    background: linear-gradient(135deg, var(--color-white) 0%, rgba(240, 249, 255, 0.5) 100%);
    position: relative;
}

.services::before, .services::after {
    content: '';
    position: absolute;
    border-radius: 50%;
    z-index: 0;
}

.services::before {
    top: 5%;
    left: -8%;
    width: 450px;
    height: 450px;
    background: radial-gradient(circle, rgba(0, 113, 227, 0.08) 0%, transparent 70%);
}

.services::after {
    bottom: 10%;
    right: 5%;
    width: 380px;
    height: 380px;
    background: radial-gradient(circle, rgba(236, 72, 153, 0.08) 0%, transparent 70%);
}

.industries {
    background: linear-gradient(135deg, var(--color-gray-50) 0%, rgba(240, 249, 255, 0.6) 100%);
    position: relative;
}

.industries::before, .industries::after {
    content: '';
    position: absolute;
    border-radius: 50%;
    z-index: 0;
}

.industries::before {
    top: 10%;
    right: -5%;
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, rgba(236, 72, 153, 0.08) 0%, transparent 70%);
}

.industries::after {
    bottom: 10%;
    left: -8%;
    width: 350px;
    height: 350px;
    background: radial-gradient(circle, rgba(249, 115, 22, 0.08) 0%, transparent 70%);
}

.why-choose {
    background: linear-gradient(135deg, var(--color-white) 0%, rgba(240, 245, 255, 0.8) 100%);
    position: relative;
}

.why-choose::before, .why-choose::after {
    content: '';
    position: absolute;
    border-radius: 50%;
    z-index: 0;
}

.why-choose::before {
    top: 20%;
    left: 5%;
    width: 300px;
    height: 300px;
    background: radial-gradient(circle, rgba(16, 185, 129, 0.08) 0%, transparent 70%);
}

.why-choose::after {
    bottom: 5%;
    right: 10%;
    width: 280px;
    height: 280px;
    background: radial-gradient(circle, rgba(99, 102, 241, 0.08) 0%, transparent 70%);
}

.tech-section {
    background: linear-gradient(135deg, rgba(249, 240, 255, 0.6) 0%, var(--color-gray-50) 50%, rgba(240, 249, 255, 0.6) 100%);
    position: relative;
}

.tech-section::before, .tech-section::after {
    content: '';
    position: absolute;
    border-radius: 50%;
    z-index: 0;
}

.tech-section::before {
    top: -10%;
    right: 5%;
    width: 450px;
    height: 450px;
    background: radial-gradient(circle, rgba(0, 113, 227, 0.08) 0%, transparent 70%);
}

.tech-section::after {
    bottom: -5%;
    left: 5%;
    width: 380px;
    height: 380px;
    background: radial-gradient(circle, rgba(124, 58, 237, 0.08) 0%, transparent 70%);
}

.process-section {
    background: linear-gradient(135deg, var(--color-white) 0%, rgba(240, 249, 255, 0.7) 100%);
    position: relative;
}

.process-section::before, .process-section::after {
    content: '';
    position: absolute;
    border-radius: 50%;
    animation: float 30s ease-in-out infinite;
    z-index: 0;
}

.process-section::before {
    top: 15%;
    left: -10%;
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, rgba(236, 72, 153, 0.1) 0%, transparent 70%);
}

.process-section::after {
    bottom: 10%;
    right: -5%;
    width: 420px;
    height: 420px;
    background: radial-gradient(circle, rgba(16, 185, 129, 0.1) 0%, transparent 70%);
    animation-direction: reverse;
    animation-duration: 35s;
}

.testimonials-section {
    background: linear-gradient(135deg, rgba(249, 240, 255, 0.5) 0%, var(--color-gray-50) 50%, rgba(240, 249, 255, 0.5) 100%);
    position: relative;
}

.testimonials-section::before, .testimonials-section::after {
    content: '';
    position: absolute;
    border-radius: 50%;
    z-index: 0;
}

.testimonials-section::before {
    top: 10%;
    right: 10%;
    width: 350px;
    height: 350px;
    background: radial-gradient(circle, rgba(99, 102, 241, 0.08) 0%, transparent 70%);
}

.testimonials-section::after {
    bottom: 15%;
    left: 5%;
    width: 300px;
    height: 300px;
    background: radial-gradient(circle, rgba(249, 115, 22, 0.08) 0%, transparent 70%);
}

.contact-section {
    background: linear-gradient(135deg, var(--color-white) 0%, rgba(240, 245, 255, 0.9) 100%);
    position: relative;
}

.contact-section::before, .contact-section::after {
    content: '';
    position: absolute;
    border-radius: 50%;
    z-index: 0;
}

.contact-section::before {
    top: 5%;
    left: 10%;
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, rgba(0, 113, 227, 0.1) 0%, transparent 70%);
}

.contact-section::after {
    bottom: 10%;
    right: 5%;
    width: 350px;
    height: 350px;
    background: radial-gradient(circle, rgba(124, 58, 237, 0.1) 0%, transparent 70%);
}