body {
            font-family: 'Urbanist', sans-serif;
            background-color: #0F0F10;
        }
        .glow-effect {
            position: absolute;
            width: min(400px, 100%);
            height: min(400px, 100vw);
            background: radial-gradient(circle, rgba(191, 43, 56, 0.15) 0%, rgba(15, 15, 16, 0) 70%);
            border-radius: 50%;
            pointer-events: none;
            z-index: 0;
            max-width: 100%;
        }
        .glow-effect[class*="left-"] {
            left: 0 !important;
            transform: none;
        }
        .glow-effect[class*="right-"] {
            right: 0 !important;
            transform: none;
        }
        .tab-active {
            border-color: #bf2b38 !important;
            background-color: rgba(191, 43, 56, 0.05);
        }
        .tab-inactive {
            border-color: #2D2D30;
            background-color: #1A1A1C;
        }
        .hidden-form {
            display: none;
        }
        .step-content {
            display: none;
        }
        .step-content.active {
            display: block;
        }

        #project-form-content input.sr-only {
            position: absolute !important;
            width: 1px !important;
            height: 1px !important;
            padding: 0 !important;
            margin: -1px !important;
            overflow: hidden !important;
            clip: rect(0, 0, 0, 0) !important;
            white-space: nowrap !important;
            border: 0 !important;
            opacity: 0 !important;
            pointer-events: none !important;
        }

        #project-form-content label.cursor-pointer {
            position: relative;
            display: block;
        }

        #project-form-content .quote-step-icon {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 1.25em;
            min-width: 1.25em;
            font-family: inherit;
            font-weight: 900;
        }

        #project-form-content label.cursor-pointer > div {
            transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
        }

        #project-form-content label.cursor-pointer:has(input:checked) > div,
        #project-form-content label.cursor-pointer.is-selected > div {
            border-color: #bf2b37 !important;
            background-color: rgba(191, 43, 55, 0.08) !important;
            box-shadow: 0 18px 50px rgba(191, 43, 55, 0.14);
        }

        #project-form-content label.cursor-pointer:has(input:checked) .material-symbols-outlined,
        #project-form-content label.cursor-pointer.is-selected .material-symbols-outlined {
            color: #bf2b37 !important;
        }

        @media (min-width: 640px) {
            .js-phone-field {
                grid-template-columns: 220px minmax(0, 1fr) !important;
                align-items: start;
            }
        }

        @media (min-width: 768px) {
            #project-form-content .quote-project-phone-field {
                grid-column: span 2 / span 2;
            }
        }