.section-home-banner .bg-pc {
    display: block;
}

.section-home-banner .bg-mobile {
    display: none;
}

@media (max-width: 768px) {
    .section-home-banner .bg-pc {
        display: none;
    }
    .section-home-banner .bg-mobile {
        display: block;
    }
}

/* Registration Form Validation Styles */
.form-register .field-error {
    color: #dc3545;
    font-size: 14px;
    margin-top: 5px;
    display: block;
}

.form-register input.error,
.form-register select.error,
.form-register textarea.error {
    border-color: #dc3545 !important;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25) !important;
}

.form-register input.error:focus,
.form-register select.error:focus,
.form-register textarea.error:focus {
    border-color: #dc3545 !important;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25) !important;
}

/* Success state for validation */
.form-register input.valid,
.form-register select.valid,
.form-register textarea.valid {
    border-color: #28a745 !important;
}

/* Loading state for form submission */
.form-register .btn.loading {
    opacity: 0.7;
    pointer-events: none;
}

.form-register .btn.loading::after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 8px;
    border: 2px solid transparent;
    border-top: 2px solid currentColor;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

body>.select2-container.select2-container--custom-option-select-multiple .select2-results .select2-results__options .select2-results__option:before{
    min-width: 1.25rem
}