/* Custom Global Styles & Comprehensive Form Rules */
        body {
            font-family: 'Inter', sans-serif;
            color: #1C2522;
            background-color: #FFFFFF;
            overflow-x: hidden;
        }

        h1, h2, h3, h4, h5, h6 {
            font-family: 'Plus Jakarta Sans', sans-serif;
        }

        /* Standalone Comprehensive Form Styling System */
        .form-group {
            margin-bottom: 1.25rem;
            display: flex;
            flex-direction: column;
        }

        .form-label {
            font-weight: 600;
            font-size: 0.875rem;
            color: #1C2522;
            margin-bottom: 0.375rem;
            display: block;
        }

        .form-control, .form-select, textarea.form-control {
            width: 100%;
            padding: 0.75rem 1rem;
            font-size: 0.95rem;
            border-radius: 0.5rem;
            border: 1.5px solid #D1D5DB;
            background-color: #FFFFFF;
            color: #1C2522;
            transition: all 0.2s ease-in-out;
            outline: none;
        }

        .form-control:focus, .form-select:focus, textarea.form-control:focus {
            border-color: #233B32;
            box-shadow: 0 0 0 3px rgba(35, 59, 50, 0.15);
        }

        .form-check {
            display: flex;
            align-items: center;
            gap: 0.5rem;
            cursor: pointer;
            user-select: none;
        }

        .form-check input[type="checkbox"], .form-radio input[type="radio"] {
            width: 1.15rem;
            height: 1.15rem;
            accent-color: #233B32;
            cursor: pointer;
        }

        .btn-primary {
            background-color: #C56B36;
            color: #FFFFFF;
            font-weight: 700;
            padding: 0.875rem 1.75rem;
            border-radius: 0.5rem;
            transition: background-color 0.2s ease, transform 0.1s ease;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 0.5rem;
        }

        .btn-primary:hover {
            background-color: #AB5A2B;
        }

        .btn-secondary {
            background-color: #233B32;
            color: #FFFFFF;
            font-weight: 700;
            padding: 0.875rem 1.75rem;
            border-radius: 0.5rem;
            transition: background-color 0.2s ease;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 0.5rem;
        }

        .btn-secondary:hover {
            background-color: #182B24;
        }

        /* Gallery Lightbox Modal Overlay */
        .modal-active {
            display: flex !important;
        }

        /* Custom Slider Styling */
        input[type=range] {
            accent-color: #C56B36;
        }

/* List Items with Tick Marks */        
.list-check li::before {
content: "";
    display: inline-block;
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
    background-color: #C56B36; /* Copper color */
    -webkit-mask: url('images/check-mark.svg') no-repeat center / contain;
    mask: url('images/check-mark.svg') no-repeat center / contain;
}

/* Button Chevron */
.btn-chevron::after {
    content: "";
    display: inline-block;
    width: 0.75rem;
    height: 0.75rem;
    margin-left: 0.15rem;
    flex-shrink: 0;
    background-color: #C56B36; /* Copper color */
    -webkit-mask: url('images/chevron-right.svg') no-repeat center / contain;
    mask: url('images/chevron-right.svg') no-repeat center / contain;
    transition: transform 0.2s ease;
}

/* Optional: Slight hover animation to slide the arrow right */
.btn-chevron:hover::after {
    transform: translateX(3px);
}

.faq-symbol {
  display: inline-block;
  transition: transform 0.2s ease;
}


        /* Custom scrollbar */
        ::-webkit-scrollbar {
            width: 10px;
        }
        ::-webkit-scrollbar-track {
            background: #1E2522;
        }
        ::-webkit-scrollbar-thumb {
            background: #233B32;
            border-radius: 5px;
        }
        ::-webkit-scrollbar-thumb:hover {
            background: #C56B36;
        }
        
        
        /* Project gallery filter buttons */
.gallery-filter[aria-pressed="true"] {
    background-color: var(--brand-green, #245c46);
    color: #fff;
    border-color: transparent;
}

.gallery-filter[aria-pressed="false"] {
    background-color: #fff;
    color: #374151;
    border: 1px solid #d1d5db;
}

.gallery-filter:focus-visible {
    outline: 2px solid var(--brand-copper, #b8734e);
    outline-offset: 3px;
}