:root {
            --gift-blue: #1a427a;
            --gift-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
        }

        body {
            background-color: #fcfcfc;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        }

        /* --- Custom Accordion Styling --- */

        /* Remove default borders */
        .accordion-item {
            border: none;
            background: transparent;
            margin-bottom: 1rem;
            /* Space between items */
        }

        /* The Question Button (Default State) */
        .accordion-button {
            background-color: #fff;
            color: var(--gift-blue);
            font-weight: 600;
            /* box-shadow: black 0px 2px 8px 0px; */
            /* Card shadow */
            border-radius: 4px !important;
            padding: 1.2rem 1rem 1.2rem 2.5rem !important;

            /* Alignment Magic */
            display: flex;
            justify-content: center;
            /* Centers the text */
            position: absolute;
            /* Helper for icon positioning */
        }

        /* Remove default focus outline */
        .accordion-button:focus {
            box-shadow: var(--gift-shadow);
            border-color: transparent;
        }

        /* The Question Button (Active/Expanded State) */
        .accordion-button:not(.collapsed) {
            background-color: #1a427a !important;
            color: white !important;
            box-shadow: none !important;

            /* Shadow removal when active if preferred */
        }

        /* Hide the default Bootstrap arrow icon */
        .accordion-button::after {
            display: none;
        }

        /* --- Custom +/- Icons --- */

        /* The Plus Icon (Default) */
        .accordion-button::before {
            content: '+';
            font-size: 18px;
            line-height: 1;
            font-weight: 600;
            position: absolute;
            left: 20px;
            /* Locked to the left */
            top: 50%;
            transform: translateY(-50%);
            color: var(--gift-blue);
            transition: transform 0.2s ease;
        }

        /* The Minus Icon (Active State) */
        .accordion-button:not(.collapsed)::before {
            content: '-';
            /* Changes plus to minus */
            color: white;
            transform: translateY(-55%);
            /* Slight adjustment for alignment */
        }

        /* The Answer Box Styling */
        .accordion-body {
            background-color: #fff;
            border-radius: 0 0 4px 4px;
            box-shadow: var(--gift-shadow);
            color: #555;
            padding: 2rem 3rem;
            line-height: 1.6;
            text-align: center;
            /* Justify text as seen in image */
        }