/* =====================
   Global Responsive Styles
   ===================== */

/* Medium devices and down */
@media (max-width: 767.98px) {
    section {
        padding: 60px 0;
    }

    section h2 {
        font-size: 2rem;
    }
}

/* Small devices */
@media (max-width: 575.98px) {
    section h2 {
        font-size: 1.75rem;
    }

    .sphere-1,
    .sphere-2,
    .sphere-3 {
        filter: blur(60px);
    }

    /* Increase outer gap for all containers on mobile */
    .container {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}