.hero-radial {
    background:
        radial-gradient(1200px 450px at 10% -10%, rgba(255, 176, 0, 0.20), transparent 60%),
        radial-gradient(900px 350px at 90% 0%, rgba(255, 194, 51, 0.18), transparent 65%);
}

.range-orange::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 1.1rem;
    height: 1.1rem;
    border-radius: 9999px;
    background: #FFB000;
    box-shadow: 0 0 0 4px rgba(255, 176, 0, 0.2);
}

.range-orange::-moz-range-thumb {
    width: 1.1rem;
    height: 1.1rem;
    border: 0;
    border-radius: 9999px;
    background: #FFB000;
    box-shadow: 0 0 0 4px rgba(255, 176, 0, 0.2);
}