@font-face {
    font-family: 'Red Hat Display';
    src: url('./assets/fonts/RedHatDisplay-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Red Hat Display';
    src: url('./assets/fonts/RedHatDisplay-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Red Hat Display';
    src: url('./assets/fonts/RedHatDisplay-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Red Hat Display';
    src: url('./assets/fonts/RedHatDisplay-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Red Hat Display';
    src: url('./assets/fonts/RedHatDisplay-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

/* Bạn có thể thêm các biến thể khác nếu cần */
input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    width: 17px;
    height: 17px;
    background-color: white;
    border: 1px solid #FF7700;
    border-radius: 4px;
    position: relative;
    cursor: pointer;
}

input[type="checkbox"]:checked::after {
    content: url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.625 0.875H3.375C2.71218 0.875724 2.07672 1.13935 1.60803 1.60803C1.13935 2.07672 0.875724 2.71218 0.875 3.375V14.625C0.875724 15.2878 1.13935 15.9233 1.60803 16.392C2.07672 16.8607 2.71218 17.1243 3.375 17.125H14.625C15.2878 17.1243 15.9233 16.8607 16.392 16.392C16.8607 15.9233 17.1243 15.2878 17.125 14.625V3.375C17.1243 2.71218 16.8607 2.07672 16.392 1.60803C15.9233 1.13935 15.2878 0.875724 14.625 0.875ZM13.2285 6.27695L7.97852 12.527C7.92093 12.5955 7.84927 12.651 7.76839 12.6894C7.68752 12.7279 7.59932 12.7486 7.50977 12.75H7.49922C7.41162 12.75 7.325 12.7315 7.24499 12.6959C7.16497 12.6602 7.09335 12.6081 7.03477 12.543L4.78477 10.043C4.72762 9.98236 4.68317 9.91094 4.65403 9.83291C4.62488 9.75488 4.61162 9.67181 4.61504 9.58858C4.61846 9.50536 4.63848 9.42365 4.67392 9.34827C4.70936 9.27289 4.75952 9.20536 4.82143 9.14964C4.88335 9.09392 4.95578 9.05114 5.03447 9.02381C5.11315 8.99648 5.19651 8.98516 5.27963 8.99051C5.36276 8.99585 5.44398 9.01776 5.51851 9.05495C5.59305 9.09213 5.6594 9.14384 5.71367 9.20703L7.48281 11.1727L12.2715 5.47305C12.3789 5.34886 12.5309 5.27193 12.6945 5.25889C12.8582 5.24584 13.0205 5.29774 13.1462 5.40335C13.2719 5.50896 13.351 5.6598 13.3664 5.82327C13.3818 5.98675 13.3323 6.14971 13.2285 6.27695Z" fill="%23FF7700"/></svg>');
    position: absolute;
    left: -2px;
    top: -2px;
}


body {
    font-family: 'Segoe UI', sans-serif;
}

.container-fluid {
    padding: 0px 20px;
}

.navbar {
    padding: 13px 20px;
    background: #ffffffbf;
}

.text-400 {
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 400;
    font-style: normal;
}

.text-500 {
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 500;
    font-style: normal;
}

.text-600 {
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 600;
    font-style: normal;
}

.text-700 {
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 700;
    font-style: normal;
}

.btn-white {
    text-transform: capitalize;
    color: #FF7700;
    opacity: 1;
    background: #FFFFFF;
    border: 1px solid #FF7700;
    border-radius: 6px;
}

.btn-register {
    width: 135px;
    height: 28px;
    padding: 2px 8px;
    border: 1px solid #FFFFFF;
}

.topbar {
    background-color: #192F5B;
    color: #FFFFFF;
    padding: 10px 20px;
}

.topbar a {
    margin-right: 12px;
    height: fit-content;
    text-decoration: none;
}

.phone-info {
    display: flex;
    gap: 8px;
}

.text-gray-4 {
    color: #7C757D;
}

.text-gray-5 {
    color: #484848;
}

.text-gray-6 {
    color: #2E2E2E;
}

.text-gray-1 {
    color: #F6F9FC;
}

.text-secondary-custom {
    color: #2970C0;
}

.text-primary-custom {
    color: #FF7700;
}

.text-green-custom {
    color: #2EC551!important;
}

.text-blue-4 {
    color: #192F5B;
}

.text-white {
    color: #FFFFFF;
}

.font-14 {
    font-size: 14px;
}

.font-12 {
    font-size: 12px;
}

.font-16 {
    font-size: 16px;
}

.font-18 {
    font-size: 18px;
}

.font-22 {
    font-size: 22px;
}

.font-28 {
    font-size: 28px;
}

.font-32 {
    font-size: 32px;
}

.font-38 {
    font-size: 38px;
}

.font-40 {
    font-size: 40px;
}

.font-20 {
    font-size: 20px;
}

.font-24 {
    font-size: 24px;
}

.lh-24 {
    line-height: 24px;
}

.lh-30 {
    line-height: 30px;
}

.lh-48 {
    line-height: 48px;
}

.lh-60 {
    line-height: 60px;
}

.lh-38 {
    line-height: 38px;
}

.lh-18 {
    line-height: 18px;
}

.lh-22 {
    line-height: 22px;
}

.lh-36 {
    line-height: 36px;
}

.gap-12 {
    gap: 12px;
}

.gap-20px {
    gap: 20px;
}

.bg-primary-custom {
    background: #FF7700;
}

.bg-gray-1 {
    background: #F6F9FC;
}

.b-10 {
    bottom: 10px;
}

.b-14 {
    bottom: 14px;
}

.mb-40px {
    margin-bottom: 40px;
}

.px-4px {
    padding-left: 4px;
    padding-right: 4px;
}

.px-20px {
    padding-left: 20px;
    padding-right: 20px;
}
.pb-20px {
    padding-bottom: 20px!important;
}

.py-12px {
    padding-top: 12px;
    padding-bottom: 12px;
}

.row-20px {
    margin-right: -20px;
    margin-left: -20px;
}

.mb-36px {
    margin-bottom: 36px;
}

.mb-25px {
    margin-bottom: 25px;
}

.mb-48px {
    margin-bottom: 48px;
}

.ms-36px {
    margin-left: 36px;
}

.mt-24px {
    margin-top: 24px;
}

.pt-20px {
    padding-top: 20px;
}

.py-20px {
    padding-top: 20px;
    padding-bottom: 20px;
}

.h-fill {
    height: -webkit-fill-available;
}

.mb-40x {
    margin-bottom: 40px;
}

.mb-6x {
    margin-bottom: 6px;
}

.alphabet-filter {
    width: 32px;
    height: 32px;
    border: 1px solid #192F5B;
    border-radius: 6px;
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
    color: #192F5B;
    display: flex;
    justify-content: center;
    align-items: center;
}


.radius-6px {
    border-radius: 6px;
}

.border-blue-4 {
    border: 1px solid #192F5B
}

.btn-submit-custom {
    opacity: 1;
    border-radius: 6px;
    padding: 12px 23px;
    border: 1px solid #FF7700;
}

.main-banner {
    background: linear-gradient(180deg, #FFF7EF 20.64%, #FCEBD7 100%);
    padding: 48px 1rem 76px;
    text-align: center;
    position: relative;
}

.main-banner .container {
    max-width: 965px;
    position: relative;
    z-index: 1;
}

.formation-banner .container {
    position: relative;
    z-index: 1;
}

.dropdown-menu li {
    display: flex;
}

.dropdown-menu {
    box-shadow: 0px 4px 16px 0px #00000026;
    border-width: 0px;
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 14px;
    line-height: 22px;
}

.header-bg {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

.btn-custom-primary {
    border: 1px solid #192F5B;
    border-radius: 999px;
    opacity: 1;
    padding: 6.5px 13px;
    background: transparent;
}

.active {
    color: #FFFFFF;
    background-color: #192F5B;
}

.search-group {
    position: relative;
}

.search-group img {
    position: absolute;
    right: 20px;
}

.search-select-group img {
    position: absolute;
    right: 10px;
}

.input-text-search, .select-search {
    opacity: 1;
    border-radius: 6px;
    background: #FFFFFF;
    height: 48px;
    border-width: 0px;
}

.search-group-active {
    border: 1px solid #FF7700!important;
}

.input-text-search::placeholder {
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    line-height: 18px;
    color: #7C757D;
}

.main-banner .form-control:focus {
    color: var(--bs-body-color);
    background: #FFFFFF;
    border-width: 0px;
    outline: 0;
    box-shadow: 0 0 0 0 rgba(13, 110, 253, .25);
}

.form-control:focus {
    box-shadow: 0 0 0 0rem rgba(13, 110, 253, .25);
}

.select-search::after {
    display: none;
}

.section-custom {
    padding: 47px 20px 40px;
    position: relative;
    overflow: hidden;
}

.action-bg-1 {
    position: absolute;
    top: 0;
    right: 0;
}

.action-bg-2 {
    position: absolute;
    bottom: 0;
    left: 0;
}

.service-box {
    position: relative;
    overflow: hidden;
}

.services-section  .services-bg, .formation-services-section  .services-bg {
    position: absolute;
    top: -8px;
    right: -10px;
}

.service-box {
    background: white;
    border-radius: 6px;
    padding: 20px 16px 8px;
    height: 100%;
    box-shadow: 1px 4px 12px 0px #0000001A;
}

.service-title {
    margin-top: 20px;
}

.service-icon {
    margin-bottom: 20px;
}

.section-title {
    margin-bottom: 12px;
}

.package-section {
    background: #FEF4EA;
    padding: 24px 20px;
}

.package-box {
    overflow: hidden;
    position: relative;
    background: white;
    border-radius: 6px;
    padding: 16px 24px;
    height: 100%;
    box-shadow: 1px 4px 12px 0px #0000001A;
}

.feature-section {
    background: #F6F9FC;
    padding: 64px 20px;
}

.statistic-section {
    background: #192F5B;
    padding: 64px 20px;
}

.section-bg {
    position: absolute;
    width: 200px;
    height: 200px;
    opacity: 0.1;
    top: -59px;
    right: -59px;
}

.statistic-box {
    background: white;
    border-radius: 6px;
    position: relative;
    padding: 24px 16px 32px;
}
.btn-orange {
    background-color: #ff7f2a;
    color: white;
}
footer {
    background-color: #F6F9FC;
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    line-height: 22px;
    color: #2E2E2E;
    padding: 40px 20px 0px 20px;
    border-top: 1px solid #FF7700;
}

.region-list div {
    margin-bottom: 6px;
}

footer li {
    margin-bottom: 12px;
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    line-height: 22px;
    color: #2E2E2E;
}

footer li:before {
    content: url('data:image/svg+xml,<svg width="8" height="12" viewBox="0 0 8 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.396 7.30198L2.2019 11.6819C1.3289 12.4179 0 11.7939 0 10.6479V1.35203C0 0.206034 1.3299 -0.417902 2.2019 0.318098L7.396 4.69798C8.201 5.37698 8.201 6.62298 7.396 7.30198Z" fill="%23FF7700"/></svg>');
    display: inline-block;
    margin-right: 5px;
}

.copyright {
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 12px;
    line-height: 18px;
    position: absolute;
    bottom: 16px;
}

.location-dropdown {
    width: 586px;
    box-shadow: 0px 4px 16px 0px #00000026;
    max-height: 265px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 9px 12px;
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    line-height: 18px;
    color: #000000;
}

.formation-banner {
    padding: 24px 20px 60px;
    background: #F6F9FC;
    position: relative;
    overflow: hidden;
}

.formation-bg {
    position: absolute;
    bottom: 0;
    left: 0;
}

.formation-header-box {
    box-shadow: 1px 4px 12px 0px #0000001A;
    border-radius: 6px;
}

.formation-section-custom {
    padding: 20px;
}

.formation-statistic-box {
    padding: 20px;
}

.training-card {
    background: #F6F9FC;
    padding: 12px 18px;
    border-radius: 6px;
}

img {
    object-fit: cover;
}

.training-card .thumnail {
    border-radius: 4px;
    width: 150px;
    height: 95px;
}

.formation-services-section {
    background: #FEF4EA;
    padding: 64px 20px 24px;
}

.inscrivez-section-custom {
    padding: 40px;
}

.form-input, .form-select {
    border: 1px solid #484848;
    border-radius: 6px;
    height: 40px;
    margin-bottom: 16px;
}

.form-select:focus {
    border-color: #484848;
    box-shadow: 0 0 0 0 rgba(13, 110, 253, .25);
}

form .col-12 {
    position: relative;
}

.check-label {
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    line-height: 18px;
    text-transform: capitalize;
    color: #2E2E2E;
}

.form-check-label {
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 22px;
    color: #2E2E2E;
}

.form-submit-btn {
    padding: 11px 81px;
    opacity: 1;
    gap: 4px;
    border-radius: 6px;
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 14px;
    line-height: 24px;
    color: #FFFFFF;
    border-width: 0px;
    background: #FF7700;
}

.form-cancel-btn {
    padding: 11px 81px;
    opacity: 1;
    gap: 4px;
    border-radius: 6px;
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 14px;
    line-height: 24px;
    color: #FF7700;
    border: 1px solid #FF7700;
    background: #FFFFFF
}

form label span{
    color: #EF172C;
}

.form-input:focus {
    box-shadow: 0px 0px 0px 0px rgba(255, 119, 0, 0.2);
}

.text-label {
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    line-height: 12px;
    position: absolute;
    left: 30px;
    top: -6px;
    background: white;
    padding: 0px 4px;
}

.flex-input-group .form-select, .flex-input-group .form-input, .input-div {
    border: 1px solid #D0D9E3;
}

.form-input::placeholder, .form-select::placeholder {
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    line-height: 18px;
    color: #7C757D;
}

.table>:not(caption)>*>* {
    padding: 15px 16px;
    border-bottom-width: 0;
}

.table-secondary-header {
    --bs-table-color: #FFFFFF;
    --bs-table-bg: #192F5B;
    --bs-table-border-color: #192F5B;
    --bs-table-striped-bg: #192F5B;
    --bs-table-striped-color: #FFFFFF;
    --bs-table-active-bg: #192F5B;
    --bs-table-active-color: #FFFFFF;
    --bs-table-hover-bg: #192F5B;
    --bs-table-hover-color: #FFFFFF;
    border-color: #192F5B;
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 14px;
    line-height: 18px;
    text-transform: capitalize;
    color: #FFFFFF;
    height: 48px;
    opacity: 1;
    border-radius: 6px;
}
tbody {
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    line-height: 22px;
    text-transform: capitalize;
    color: #2E2E2E;
}
.table-striped>tbody>tr:nth-of-type(odd)>* {
    --bs-table-color-type: #2E2E2E;
    --bs-table-bg-type: #FFFFFF;
    border-top: 16px solid white;
    border-bottom: 16px solid white;
}

.table-striped>tbody>tr:nth-of-type(even)>* {
    --bs-table-color-type: #2E2E2E;
    --bs-table-bg-type: #F6F9FC;
}

table tr th:first-child, table tr td:first-child {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

table tr th:last-child, table tr td:last-child {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

table {
    caption-side: bottom;
    border-spacing: 0px;
     border-collapse: separate;
}

.pagination {
    gap: 4px;
}

.pagination .page-link {
    border: 1px solid #D0D9E3;
    width: 32px;
    height: 32px;
    opacity: 1;
    gap: 2px;
    border-radius: 6px;
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 12px;
    line-height: 22px;
    text-align: center;
    text-transform: uppercase;
    color: #2E2E2E;
    padding: 4px;
}

.pagination .active {
    background-color: transparent;
}

.pagination .active .page-link {
    background: #FF7700;
    border-color: #FF7700;
    color: #FFFFFF;
}

.pagination-page {
    border: 1px solid #D0D9E3;
    height: 32px;
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 12px;
    line-height: 22px;
    color: #2E2E2E;
    margin-bottom: 0px;
}

.page-link:focus {
    z-index: 3;
    outline: 0;
    box-shadow: 0 0 0 0 rgba(13, 110, 253, 0.25);
}

.breadcrumb-item, .breadcrumb-item a {
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    line-height: 22px;
    color: #2E2E2E;
    text-decoration: none;
}

.breadcrumb-item+.breadcrumb-item::before {
    float: left;
    content: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.99978 16.7498C9.80778 16.7498 9.61575 16.6768 9.46975 16.5298C9.17675 16.2368 9.17675 15.7618 9.46975 15.4688L12.9397 11.9988L9.46975 8.52883C9.17675 8.23583 9.17675 7.7608 9.46975 7.4678C9.76275 7.1748 10.2378 7.1748 10.5308 7.4678L14.5308 11.4678C14.8238 11.7608 14.8238 12.2358 14.5308 12.5288L10.5308 16.5288C10.3838 16.6768 10.1918 16.7498 9.99978 16.7498Z" fill="%232E2E2E"/></svg>');
}

.breadcrumb-item.active {
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 14px;
    line-height: 22px;
    color: #192F5B;
    background-color: transparent;
}

.modal-header {
    padding: 12px 16px;
    border-bottom: 1px solid #EEF6FD
}

.navbar-toggler {
    border: none;
}

.service-public-card {

}

.service-card-infor .thumnail {
    width: 100px;
    height: 88px;
}

.service-card-infor desc {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* number of lines to show */
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.services-2-bg {
    position: absolute;
    bottom: 0;
    right: 0;
}

.map-box {
    border: 1px solid #EEF6FD;
    opacity: 1;
    border-radius: 6px;
    background: #F6F9FC;
}

.aide-section {
    padding: 40px 16px;
}

.nav-tabs .nav-link {
    margin-bottom: 0;
    border: 0.5px solid #D0D9E3;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.nav-tabs .nav-item mx-2.show .nav-link, .nav-tabs .nav-link.active  div {
    color: #FF7700;
}

#nav-home-tab.active img {
    content: url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M32.084 13.75H28.334C25.7007 13.75 24.584 12.6333 24.584 10V6.25L32.084 13.75ZM33.334 16.25V30C33.334 33.3333 31.6673 35 28.334 35H13.334C10.0007 35 8.33398 33.3333 8.33398 30V10C8.33398 6.66667 10.0007 5 13.334 5H22.084V10C22.084 14.0333 24.3007 16.25 28.334 16.25H33.334ZM22.9173 26.6667C22.9173 25.9767 22.3573 25.4167 21.6673 25.4167H15.0007C14.3107 25.4167 13.7507 25.9767 13.7507 26.6667C13.7507 27.3567 14.3107 27.9167 15.0007 27.9167H21.6673C22.3573 27.9167 22.9173 27.3567 22.9173 26.6667ZM27.9173 20C27.9173 19.31 27.3573 18.75 26.6673 18.75H15.0007C14.3107 18.75 13.7507 19.31 13.7507 20C13.7507 20.69 14.3107 21.25 15.0007 21.25H26.6673C27.3573 21.25 27.9173 20.69 27.9173 20Z" fill="%23FF7700"/></svg>');
}

#nav-profile-tab.active img {
    content: url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.1749 36.667C13.8782 36.667 10.8099 35.4087 8.52989 33.122C3.72489 28.3037 3.79688 20.3921 8.69021 15.4837L18.2369 5.91036C19.8953 4.24703 22.0983 3.33203 24.445 3.33203C26.7917 3.33203 28.9935 4.24703 30.6535 5.91036C34.0735 9.34036 34.0735 14.9187 30.6535 18.347L21.06 27.9654C19.0867 29.942 15.6452 29.9454 13.6719 27.9654C11.6386 25.9254 11.6386 22.6087 13.6719 20.5704L22.0984 12.1204C22.7501 11.4687 23.8035 11.467 24.4552 12.117C25.1085 12.767 25.1084 13.822 24.4584 14.4737L16.0319 22.9237C15.2936 23.6654 15.2936 24.8704 16.0319 25.612C16.7469 26.327 17.9866 26.3254 18.7 25.612L28.2935 15.9937C30.4185 13.8621 30.4185 10.3954 28.2935 8.26372C26.2368 6.20206 22.6552 6.20206 20.5986 8.26372L11.0519 17.837C7.51353 21.3854 7.44155 27.307 10.8915 30.767C12.5399 32.4204 14.7732 33.332 17.1765 33.332C19.6432 33.332 22.0503 32.3404 23.7753 30.6087L32.1533 22.2054C32.805 21.5537 33.8585 21.5521 34.5101 22.2021C35.1635 22.8521 35.1634 23.907 34.5134 24.5587L26.1349 32.9621C23.7849 35.3171 20.5199 36.667 17.1749 36.667Z" fill="%23FF7700"/></svg>');
}

#nav-question-tab.active img {
    content: url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.0025 5C11.7191 5 5.0041 11.715 5.0041 19.9984C5.0041 22.2317 5.50423 24.365 6.38757 26.2633C6.73757 26.9967 6.73767 27.8466 6.48767 28.63L5.08752 32.7966C4.65419 34.0966 5.90422 35.3467 7.20422 34.9133L11.3709 33.5133C12.1542 33.2633 13.0041 33.2634 13.7374 33.6134C15.6374 34.4967 17.7708 34.9966 20.0041 34.9966C28.2874 34.9966 35.0025 28.2817 35.0025 19.9984C35.0008 11.715 28.2858 5 20.0025 5ZM20.0342 27.5C19.1142 27.5 18.359 26.7533 18.359 25.8333C18.359 24.9133 19.0975 24.1667 20.0175 24.1667H20.0342C20.9559 24.1667 21.7009 24.9133 21.7009 25.8333C21.7009 26.7533 20.9542 27.5 20.0342 27.5ZM22.2425 20.9184C21.3158 21.5334 21.1891 21.8466 21.1841 21.8583C20.9958 22.3617 20.5093 22.685 19.996 22.685C19.8593 22.685 19.7224 22.6633 19.5874 22.6149C18.9458 22.3866 18.5976 21.705 18.816 21.0583C19.1543 20.0567 20.144 19.31 20.859 18.8367C21.919 18.1333 21.9307 17.4183 21.8474 16.9416C21.7174 16.2066 21.0891 15.5783 20.3524 15.4483C19.7924 15.3483 19.231 15.4917 18.7976 15.855C18.371 16.2133 18.1275 16.7367 18.1275 17.2917C18.1275 17.9817 17.5675 18.5417 16.8775 18.5417C16.1875 18.5417 15.6275 17.9817 15.6275 17.2917C15.6275 15.995 16.1975 14.775 17.1908 13.94C18.1841 13.1067 19.4908 12.7584 20.7858 12.985C22.5508 13.295 23.9991 14.7434 24.3091 16.5084C24.6158 18.2617 23.8825 19.8284 22.2425 20.9184Z" fill="%23FF7700"/></svg>');
}

.tab-content>.active {
    color: #2E2E2E;
}

.tab-content {
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: #D0D9E3;
}

.nav-tabs {
    --bs-nav-tabs-border-width: 0;
}

.ques-box {
    border: 1px solid #EEF6FD;
    box-shadow: 0px 1px 3px 1px #00000014;
    opacity: 1;
    border-radius: 6px;
}

#message::placeholder {
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    line-height: 24px;
    color: #D0D9E3;
}

.nav-link:focus, .nav-link:hover
{
    color: #2E2E2E;
}

input {
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    line-height: 24px;
    color: #2E2E2E;
}

.border-table-gray-3 {
    border: 0.5px solid #D0D9E3
}

#respondModal .modal-dialog {
   min-width: 720px;
}

#respondModal .flex-input-group input {
    padding-right: 30px;
}

#respondModal .flex-input-group img {
    position: absolute;
    top: 8px;
    right: 18px;
}

.platform-item:has(.platform-collapse.show) .platform-header img{
   content: url('data:image/svg+xml,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="31" height="31" rx="5.5" fill="%23192F5B"/><rect x="0.5" y="0.5" width="31" height="31" rx="5.5" stroke="%23192F5B"/><path d="M20.0008 18.7498C19.8088 18.7498 19.6167 18.6768 19.4707 18.5298L16.0008 15.0598L12.5308 18.5298C12.2378 18.8228 11.7628 18.8228 11.4698 18.5298C11.1768 18.2368 11.1768 17.7618 11.4698 17.4688L15.4697 13.4688C15.7628 13.1758 16.2378 13.1758 16.5308 13.4688L20.5308 17.4688C20.8238 17.7618 20.8238 18.2368 20.5308 18.5298C20.3848 18.6768 20.1928 18.7498 20.0008 18.7498Z" fill="white"/></svg>');
}

.platform-item-1:has(.platform-item-collapse.show) .platform-item-header img{
    content: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.5 0.5H19.5C20.9229 0.5 21.8983 0.855356 22.5215 1.47852C23.1446 2.10168 23.5 3.07707 23.5 4.5V19.5C23.5 20.9229 23.1446 21.8983 22.5215 22.5215C21.8983 23.1446 20.9229 23.5 19.5 23.5H4.5C3.07707 23.5 2.10168 23.1446 1.47852 22.5215C0.855356 21.8983 0.5 20.9229 0.5 19.5V4.5C0.5 3.07707 0.855356 2.10168 1.47852 1.47852C2.10168 0.855356 3.07707 0.5 4.5 0.5Z" fill="white" stroke="%23FF7700"/><path d="M17.834 12.8337H6.16732C5.70732 12.8337 5.33398 12.4603 5.33398 12.0003C5.33398 11.5403 5.70732 11.167 6.16732 11.167H17.834C18.294 11.167 18.6673 11.5403 18.6673 12.0003C18.6673 12.4603 18.294 12.8337 17.834 12.8337Z" fill="%23FF7700"/></svg>');
}

.platform-item:nth-of-type(even) .platform-header {
    background-color: #F6F9FC;
}

.glossary-item:nth-of-type(even) {
    background-color: #F6F9FC;
}

.form-title {
    padding: 11px 12px;
}

.form-item {
    padding: 6px 8px;
}

.logi-item {
    padding: 6px 15px;
}

.logi-item:nth-of-type(even) {
    background-color: #F6F9FC;
}

.count {
    top: -8px;
    right: calc(50% - 30px);
    width: 20px;
    height: 20px;
    padding: 2px;
    border-radius: 6px;
    background: #0D6EFD;
    position: absolute;
}

@media (min-width: 1400px) {
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1400px;
    padding: 0px 20px;
}
}

@media (max-width: 1024px) {
.container-fluid {
    padding: 0px 16px;
}

.navbar {
    padding: 13px 0px;
}

.topbar {
    padding: 13px 0px;
}

.training-card {
    flex-wrap: wrap;
}

.flex-input-group {
    flex-wrap: wrap;
}

.nav-item {
    margin: 0!important;
}

}

@media (max-width: 768px) {
.modal .form-submit-btn {
    padding: 11px 16px;
}

.modal .form-cancel-btn {
    padding: 11px 16px;
}

    #respondModal .modal-dialog {
        min-width: auto;
    }
}


.none-decoration {
    text-decoration: none;
}