/* Global styles for .container */
.bg-image {
    background: url(images/bg.jpg);
    padding-bottom: 40px;
    background-size: cover;
}

.container {
    margin: 0 auto; /* Căn giữa trên màn hình */
    padding: 0 16px; /* Khoảng cách bên trong */
    max-width: 1200px; /* Giới hạn chiều rộng tối đa */
    width: 100%; /* Phủ toàn bộ chiều rộng màn hình */
    display: flex; /* Sử dụng Flexbox */
    flex-direction: column; /* Các phần tử sắp xếp theo chiều dọc */
    align-items: center; /* Căn giữa nội dung theo chiều ngang */
}

/* Responsive adjustments for smaller screens */
@media (max-width: 768px) {
    .container {
        padding: 0 12px; /* Giảm khoảng cách bên trong cho màn hình nhỏ hơn */
    }
}

/* Advanced layout with Grid (optional) */
.container.grid {
    display: grid; /* Chuyển sang sử dụng Grid Layout */
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); /* Tự động chia cột dựa trên kích thước */
    gap: 16px; /* Khoảng cách giữa các phần tử */
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mb-1 {
    margin-bottom: 0.25rem !important;
}

.mb-2 {
    margin-bottom: 0.5rem !important;
}

.mb-3 {
    margin-bottom: 1rem !important;
}

.mb-4 {
    margin-bottom: 1.5rem !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.mt-1 {
    margin-top: 0.25rem !important;
}

.mt-2 {
    margin-top: 0.5rem !important;
}

.mt-3 {
    margin-top: 1rem !important;
}

.mt-4 {
    margin-top: 1.5rem !important;
}

/* 392626 FFA600  009900 */
body {
    background: #fff;
}

h1 {
    font-size: 30px;
}

h2 {
    font-size: 25px;
}

.text-white {
    color: #FFF;
}

.text-red {
    color: red;
}

.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

.bold {
    font-weight: bold;
}

.bg-white {
    background-color: #FFF !important;
}

.bg-primary {
    background-color: #392626 !important;
}

.bg-green {
    background-color: #009900 !important;
    color: #FFF;
}

.bg-green:hover, .bg-green:focus {
    background-color: #009900 !important;
    color: #e4f6b5;
}

.w-100 {
    width: 100% !important;
}

/* Container for form-check elements */
.form-check-label {
    font-weight: normal;
    display: block;
    width: 100%;
}

.form-check {
    display: flex; /* Sử dụng Flexbox để căn chỉnh nội dung */
    align-items: center; /* Căn giữa theo trục dọc */
    width: calc(50% - 8px); /* Mỗi đáp án chiếm 50% chiều rộng */
    box-sizing: border-box; /* Bao gồm padding và border trong chiều rộng */
}

.form-check:hover {
    color: #065923;
    cursor: pointer;
}

/* Parent container for arranging columns */
.form-check-wrapper {
    display: flex; /* Sử dụng Flexbox cho bố cục */
    flex-wrap: wrap; /* Cho phép các phần tử xuống dòng khi hết chiều rộng */
    gap: 8px; /* Khoảng cách giữa các phần tử */
}

/* Style for radio input */
.form-check-input {
    margin-right: 8px; /* Khoảng cách giữa ô radio và nhãn */
}

.card {
    position: relative;
    background: #FFF;
    color: #000;
    padding: 10px;
    width: 80%;
    max-width: 1024px;
    box-shadow: 0px 0px 7px #d6d6d6;
    margin: 0 auto;
    border-radius: 5px;
}