.contact-section {
    background: linear-gradient(180deg, var(--fry-time-black), var(--fry-time-yellow));
    color: var(--fry-time-black);
    padding: 60px 0;
}

.contact-box {
    background-color: rgba(255, 255, 255, 0.95);
    border-radius: 10px;
    outline: none;
    border: none;
}

    .contact-box h2 {
        color: var(--fry-time-black);
        font-weight: 700;
    }

    .contact-box .form-label {
        color: var(--fry-time-black);
        font-weight: 500;
    }

    .contact-box .form-control {
        border-radius: 8px;
        border: 1px solid #ccc;
    }

    .contact-box .btn-dark {
        background-color: var(--fry-time-black);
        color: var(--fry-time-yellow);
        font-weight: bold;
        transition: all 0.3s ease;
    }

        .contact-box .btn-dark:hover {
            background-color: var(--fry-time-yellow);
            color: var(--fry-time-black);
        }

        .contact-box .btn-dark:focus,
        .contact-box input:focus,
        .contact-box textarea:focus,
        .contact-box select:focus {
            outline: none;
            box-shadow: none;
            border-color: var(--fry-time-dark-yellow);
        }