.section {
    width: 95%;
    padding: 15px 10px;
    display: flex;
    gap: 20px;
    margin: 0 auto;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}

.sectionLeft,
.sectionRight {
    width: 48%;
    border-radius: 12px;
    padding: 20px;
    background-color: white;
    border: 1px solid rgba(196, 118, 15, 0.345);
}

@media (max-width: 992px) {
    .sectionLeft,
    .sectionRight {
        width: 100%;
    }
}

.sectionLeft .form-control {
    background-color: transparent;
    border: 1px solid #cbd5f5;
    color: var(--text-color);
}

.sectionLeft .form-control:focus {
    border-color: var(--accent);
    box-shadow: none;
}

.sectionLeft label {
    color: var(--text-color);
}

body.dark .sectionLeft,
body.dark .sectionRight {
    position: relative;
    background-color: rgba(13, 25, 80, 0.6);
    border-radius: 16px;
    padding: 20px;
    overflow: hidden;
}

body.dark .form-control {
    background-color: #020617;
    border-color: #334155;
    color: #e5e7eb;
}

body.dark .form-control::placeholder {
    color: #94a3b8;
}

.sectionLeft .btn-warning {
    font-weight: 600;
    border-radius: 25px;
}