/* ==========================================================================
   Hero Section Background Pattern: Dots
   ========================================================================== */
.hero {
    background-image: radial-gradient(circle, var(--hero-grid-color, rgba(128, 128, 128, 0.15)) 1px, transparent 1px);
    background-size: 20px 20px;
}