/* General Styles */
.claim-status-page {
    font-family: 'Roboto', sans-serif;
}

h4, h5 {
    font-weight: 700;
}

/* Claim Form Section */
.claim-form-section {
    background: linear-gradient(rgb(0, 0, 0), rgba(1, 13, 44, 0.37)), url('./images/clim.png');
    background-size: cover;
    background-position: center;
    color: #fff;
    border: none;
    padding: 2rem;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
}

.claim-form-title {
    font-size: 1.75rem;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    margin-bottom: 1.5rem;
}

label {
    font-weight: 600;
    color: #ffc107;
}

input.form-control, textarea.form-control, input[type="file"].form-control {
    background-color: rgba(255, 255, 255, 0.9);
    color: #333;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

input.form-control:focus, textarea.form-control:focus {
    border-color: #fff;
    box-shadow: 0 0 8px #ffc107;
}



/* Track Claim Section */
.track-claim-section {
    background: rgba(220, 53, 69, 0.1);
    padding: 2rem;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.track-claim-title {
    color: #dc3545;
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
}

.track-claim-section input.form-control {
    border: 2px solid #dc3545;
}

.track-claim-section button.btn-danger:hover {
    background-color: #bb2d3b;
    color: #fff;
    transform: scale(1.05);
}

/* Claim Status Results */
.claim-status-results {
    background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('./images/claim.png');
    background-size: cover;
    background-position: center;
    color: #fff;
    padding: 2rem;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
}

.results-title, .additional-info-title {
    color: #ffc107;
    font-size: 1.5rem;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

p {
    font-size: 1.1rem;
    color: #e0e0e0;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

/* Help & Support Section */
.help-support-section {
    background: rgba(220, 53, 69, 0.1);
    padding: 2rem;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.help-title {
    color: #dc3545;
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
}

.help-support-section a.btn-danger {
    background-color: #ffc107;
    color: #dc3545;
    font-weight: 700;
    transition: transform 0.2s ease, background-color 0.3s ease;
}

.help-support-section a.btn-danger:hover {
    background-color: #ffe08a;
    color: #bb2d3b;
    transform: scale(1.05);
}

/* Responsive Design */
@media (max-width: 768px) {
    .claim-form-section, .track-claim-section, .claim-status-results, .help-support-section {
        padding: 1.5rem;
    }

    h4, h5 {
        font-size: 1.5rem;
    }

    input.form-control, textarea.form-control {
        font-size: 0.9rem;
    }

    button.btn-danger, a.btn-danger {
        padding: 0.5rem 1rem;
        font-size: 0.9rem;
    }
}