/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
p.title-banner-trang-chu {
    font-weight: 600;
    font-size: 48px;
    margin: 24px 0px;
}
p.des-banner-trang-chu {
    font-size: 18px;
}
.button-banner-trang-chu {
    font-size: 14px;
    font-weight: 100;
    border-radius: 24px;
    text-transform: none;
    background-image: linear-gradient(to right, #146DB6 0%, #F16A26 100%);
    border: none !important;
    padding: 8px 16px;
}
.white.is-outline.button-banner-trang-chu:hover {
    color: #fff!important;
}

.section-3-trang-chu .video-button-wrapper {
    position: absolute;
    z-index: 1;
    top: 28%;
    left: 46%;
}
.section-3-trang-chu .box-text.text-center {
    background-size: cover;
    padding: 40px 0px;
    background-image: url(/wp-content/uploads/2025/03/Union-1.png);
    background-repeat: round;
    margin-top: -11%;
border-radius: 16px;
}
.section-3-trang-chu .box-image {
    border-radius: 16px;
}
.section-3-trang-chu .tim-hieu-them {
    background-color: #fff;
    border-color: #fff;
}
.form-lien-he {
    padding: 0px 35px;
    border: 1px solid #fff;
    background: white;
    text-align: center;
    border-radius: 24px;
}
.form-lien-he input {
    max-width: 100% !important;
    border-radius: 16px !important;
}
.form-lien-he textarea {
    max-width: 100% !important;
    border-radius: 16px !important;
}
.form-lien-he select{
    max-width: 100% !important;
    border-radius: 16px !important;
}
.form-lien-he button{
    width: 100%;
    border-radius: 24px!important;
    text-transform: none;
    background-image: linear-gradient(to right, #146DB6 0%, #F16A26 100%)!important;
    font-weight: 100!important;
    font-size: 14px!important;
}
p.wpforms-privacy-notice {
    text-align: justify;
    font-size: 16px !important;
    line-height: 26px;
}
p.wpforms-privacy-notice a {
    color: var(--primary-color);
    text-decoration: underline;
}
.form-lien-he .wpforms-title {
    font-size: 32px;
/* //font-weight: 500!important; */
    color: var(--primary-color) !important;
}
.form-lien-he::before {
    content: "";
    position: absolute;
    inset: -1px;
    border-radius: inherit;
    background: linear-gradient(to bottom right, rgba(241, 106, 38, 0.8) 24%, rgba(241, 106, 38, 0.24) 39%, rgba(241, 106, 38, 0.12) 73%, rgba(241, 106, 38, 0.8) 100%);
    z-index: -1;
}
.form-lien-he .wpforms-head-container {
    padding-bottom: 25px !important;
}
.form-lien-he .wpforms-container .wpforms-field {
    padding: 8px 0;
}

.bg-left-trang-chu {
    position: absolute;
    top: 19%;
    width: 50% !important;
    right: 0;
}



.boi-thuong-row .col-inner{
    display: flex;
    flex-direction: column;
    justify-content: space-between!important;
    align-items: center!important;
    flex: 1 0 0;
    align-self: stretch!important;
}
.boi-thuong-box .col-inner {
    border-radius: var(--24px, 24px);
    background: var(--White, #FFF);
    padding: 24px;
    min-height: 237px;
}
.boi-thuong-box .message-box {
    padding: 0px!important;
}
.boi-thuong-button {
    /* display: flex;
    padding: var(--8px, 8px) var(--16px, 16px);
    justify-content: center;
    align-items: center;
    gap: var(--8px, 8px);
    border-radius: 100px;
    margin-right: 0px; */
    /* border: 1px solid var(--Liner, #146DB6); */

    position: relative;
    padding: var(--8px, 8px) var(--16px, 16px);
    background: white; /* Nền của phần tử */
}
.boi-thuong-button::before {
    content: "";
    position: absolute;
    inset: -1px;
    background: linear-gradient(117deg, #146DB6 0%, #F16A26 100%);
    border-radius: 100px;
    z-index: -1;
}
.boi-thuong-button span {
    background: var(--Liner, linear-gradient(117deg, #146DB6 0%, #F16A26 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    /* Button/B2 */
    font-family: Mulish;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
p.boi-thuong-des {
    color: var(--text-60, rgba(17, 17, 17, 0.60));
    text-align: center;
    font-family: Mulish;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%; /* 25.2px */
}
p.boi-thuong-title {
    overflow: hidden;
    color: var(--text-100, #111);
    text-align: center;
    text-overflow: ellipsis;

    /* Header/H3 */
    font-family: Mulish;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    align-self: stretch;
    margin-bottom: 16px;
}
a.button.white.is-outline.lowercase.button-banner-trang-chu {
    color: #fff !important;
}
.boi-thuong-bg img {
    object-fit: cover;
    height: auto;
}


/* section 7 */
.icon-box-section-7 h3 {
    font-family: Mulish;
    font-weight: 600;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0;
    text-align: center;
}
.icon-box-section-7 h3 .orange {
    color: var(--Secondary, #F16A26);
}
.icon-box-section-7 p {
    font-family: Mulish;
    font-weight: 400;
    font-size: 14px;
    line-height: 160%;
    letter-spacing: 0%;
    text-align: center;
}
.blog-post-section-7 .box-text {
    gap: 16px;
    padding-top: 16px;
    padding-right: 16px;
    padding-bottom: 16px;
    padding-left: 16px;
}
.blog-post-section-7 .box {
    border-radius: 16px;
    border: 1px solid #d9d9d9;
}
.blog-post-section-7 .image-cover {
    border-radius: 16px 16px 0px 0px;
}
.blog-post-section-7 .post-title {
    font-family: Mulish;
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    color: #111111;
}
.blog-post-section-7 .from_the_blog_excerpt {
    font-family: Mulish;
    font-weight: 400;
    font-size: 14px;
    line-height: 160%;
    /* color with float 0.6 */
    color: rgba(17, 17, 17, 0.6);
}
.blog-post-section-7 .is-divider {
    display: none;
}
.blog-post-section-7 .flickity-button:hover svg,.blog-post-section-7 .flickity-button:hover .arrow {
    fill: var(--fs-color-primary)!important;
    background-color: #fff;
    border-color: #fff;
}
.blog-post-section-7 .flickity-button svg,.blog-post-section-7 .flickity-button .arrow {
    fill: var(--fs-color-primary)!important;
    background-color: #fff;
    border-color: #fff;
}

/* section 8 */
.section-8 .box.has-hover.gallery-box.box-default {
    padding: 64px 32px;
    border: 1px solid #d3d3d3;
    border-radius: 16px;
}
.section-8 .box-text {
    display: none;
}
.section-8 .des {
    font-family: Mulish;
    font-weight: 400;
    font-size: 16px;
    line-height: 160%;
    letter-spacing: 0%;
    text-align: center;
    color: rgba(17, 17, 17, 0.6)!important;
    margin-bottom: 36px;
}

/* section-9*/
.section-9 .accordion-title {
    font-family: Mulish;
    font-weight: 600;
    font-size: 20px;
}
.section-9 .accordion-inner {
    font-family: Mulish;
    font-weight: 400;
    font-size: 14px;
    /* line-height: 160%; */
}

/* footer */
.footer-1, .footer-2 {
    border: none;
    background-color: transparent!important;
}
#footer .section-bg img {
    object-fit: fill;
    /* height: auto; */
}
#footer {
    min-height: 684px;
}
#footer .menu-secondary-container {
    display: none;
}
.social-icons b {
    background-color: currentColor;
    display: block;
    flex: 1;
    height: 2px;
    opacity: .1;
}
.footer-3-right p {
    color: var(--white-60, rgba(255, 255, 255, 0.60))!important;

    /* Body/Body 1 */
    font-family: Mulish;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 25.6px */
}
.footer-3-right {
    padding-bottom: 0px;
}
.footer-3-left {
    padding-bottom: 0px;
}
.footer-3-left a span {
    color: var(--white-60, rgba(255, 255, 255, 0.60))!important;

    /* Body/Body 1 */
    font-family: Mulish;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 25.6px */
}

.footer-3-social {
    align-items: center;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    position: relative;
    width: 100%;
}
.footer-3-social b {
    background-color: currentColor;
    display: block;
    flex: 1;
    height: 2px;
    opacity: .1;
}
#footer .icon-social img {
    width: 24px;
    height: 24px;
}
.footer-3-social .col-inner{
    align-items: center;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    position: relative;
    width: 100%;
    gap: 12px;
}
#footer .icon-social .image-cover {
    display: inline-block;
    width: 24px;
    height: 24px;
}
#footer .icon-social {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-bottom: 0px;
}
#footer .footer-2 {
    padding-top: 150px;
}

#footer .footer-2 .widget {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}
#footer .footer-2 .ux-menu-link__link {
    justify-content: center;
    color: var(--White, #FFF);

/* Body/Body 1 */
font-family: Mulish;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 160%; /* 25.6px */
}
#footer .footer-2 .widget-title {
    color: var(--White, #FFF);

/* Header/H3 */
font-family: Mulish;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
#footer .footer-2 a.button {
    display: block;
}

.back-to-top {
    bottom: 50px;
    margin: 0;
    opacity: 0;
    pointer-events: none;
    right: 49%;
    transform: translateY(30%);
}
a#top-link {
    border-radius: 100px;
    background: var(--Liner, linear-gradient(117deg, #146DB6 0%, #F16A26 100%));
    color: #fff;
    border: none;
}
.banner-bg.fill img{
    object-fit: fill;
}

.boi-thuong-bg .row-full-width {
    margin-left: 0!important;
    margin-right: 0!important;
}
.blog-post-section-7 {
    margin-left: 0!important;
    margin-right: 0!important;
}
.section-8 {
    margin-left: 0!important;
    margin-right: 0!important;
}


.img-bg-boithuong {
    position: absolute;
    top: -60%;
    z-index: -1;
}
.img-bg-boithuong-1 {
    position: absolute;
    /* top: 80%; */
    bottom: -40%;
    z-index: -1;
}
.img-bg-boithuong img {
    width: 50%;
    height: auto;
    float: right;
}
.img-bg-boithuong-1 img {
    width: 35%;
    height: auto;
    float: left;
}
ul.sub-menu.nav-dropdown.nav-dropdown-default {
    border-radius: 24px;
    background: var(--White, #FFF);
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.12);
    padding: var(--24px, 24px);
    align-items: flex-start;
    gap: var(--24px, 24px);
    left: -150%;
}
ul>li>ul.sub-menu .menu-item-type-custom.menu-item-has-children a{
    color: var(--Primary, #146DB6);

    /* Header/H4 */
    font-family: Mulish;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    border: none;
}
.menu-item.menu-item-type-post_type.menu-item-object-page a{
    color: var(--White, #FFF);

    /* Header/H6 */
    font-family: Mulish;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: none;
}
.sub-menu .menu-item-type-custom .sub-menu .menu-item-type-custom a{
    color: var(--text-100, #111);

    /* Header/H6 */
    font-family: Mulish;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    border: none;
}
.mfp-content {
    border-radius: 0px 16px 16px 0px;
}
.section {
    z-index: 0;
}
.section-1 {
    z-index: 1;
}
.section-4 {
    z-index: 1;
}
.section-8 {
    z-index: 1;
}
#comments {
    display: none;
}

/* Ve chung toi */
.content-area.page-wrapper {
    padding: 0px;
}

.content-area.page-wrapper .large-12.col:first-child{
    padding: 0px;
}
.section-banner-vct-1 {
    min-height: 425px;
}
.section-banner-vct-1 img {
    object-fit: fill;
    height: 100%;
}
.section-vct-2 p {
    overflow: hidden;
    color: var(--text-100, #111);
    text-overflow: ellipsis;

    /* Body/Body 2 */
    font-family: Mulish;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 22.4px */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    align-self: stretch;
    text-align: justify;
}
.vct-des {
    padding-left: 15px !important;
    padding-right: 15px !important;
}
.icon-box-vct {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--16px, 16px);
    flex: 1 0 0;
}
.icon-box-vct .icon-box-text h3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    align-self: stretch;
    overflow: hidden;
    color: var(--text-100, #111);
    text-align: center;
    text-overflow: ellipsis;

    /* Header/H4 */
    font-family: Mulish;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.icon-box-vct .icon-box-text p {
    color: var(--text-60, rgba(17, 17, 17, 0.60));
    text-align: justify;

    /* Body/Body 2 */
    font-family: Mulish;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 22.4px */
    align-self: stretch;
}
.icon-box-vct .icon-box-img img {
    width: 75px;
    height: 75px;
    max-width: 75px;
    margin-bottom: 0px;
}
.icon-box-vct .icon-box-img {
    margin-bottom: 0px;
}

.image-box-vct .box-text {
    padding: 0px;
    border: 1px solid #d9d9d9;
    border-radius: 0px 0px 16px 16px;
    border-top: none;
}

.image-box-vct .box-text .box-text-inner::before {
    content: url("/wp-content/uploads/2025/04/Icon.webp");
    width: var(--24px, 24px);
    height: var(--24px, 24px);
    position: absolute;
    margin: 0px;
    padding: 0px;
}

.image-box-vct .box-text .box-text-inner {
    display: flex;
    padding: var(--16px, 16px);
    /* justify-content: center; */
    align-items: center;
    gap: 10px;
    align-self: stretch;
}

.image-box-vct .box-image {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 16px 16px 0px 0px;
}

.image-box-vct .box-image img {
    margin: 0 auto;
    max-width: unset;
    width: unset;
    aspect-ratio: 392.00 / 182.48;
}

.image-box-vct .box-text h4{
    padding-left: 30px;
    color: var(--text-100, #111);

    /* Header/H5 */
    font-family: Mulish;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.section-header-vct h2{
    color: var(--Primary, #146DB6);
    text-align: center;

    /* Header/H1 */
    font-family: Mulish;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%; /* 44.8px */
}
.dia-diem-vct-icon-box {
    color: var(--text-100, #111);

    /* Header/H6 */
    font-family: Mulish;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.dia-diem-vct-icon-box .icon-box-img img {
    padding-top: 0px;
}
.dia-diem-vct-icon-box .icon-box-text {
    line-height: 24px;
    flex: none;
}
.dia-diem-vct-text {
    overflow: hidden;
    color: var(--text-100, #111);
    text-overflow: ellipsis;

    /* Body/Body 2 */
    font-family: Mulish;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 22.4px */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    align-self: stretch;
}
.dia-diem-vct-button {
    color: var(--Primary, #146DB6);

    /* Body/Body 2 */
    font-family: Mulish;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 22.4px */
    padding: 0px!important;
    margin: 0px!important;
    min-height: auto;
}
.dia-diem-vct-button .icon-phone {
    color: #000;
}
.dia-diem-vct-button .icon-envelop {
    color: #000;
}
.dia-diem-vct-box .col-inner{
    display: flex;
    padding: var(--24px, 24px);
    flex-direction: column;
    align-items: flex-start;
    gap: var(--8px, 8px);
    border-radius: var(--24px, 24px);
    border: 1px solid var(--text-16, rgba(17, 17, 17, 0.16));
    background: var(--White, #FFF);
}
.section-banner-vct-1 .title-vct h2{
    color: var(--White, #FFF);
    text-align: center;

    /* Header/H1 */
    font-family: Mulish;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%; /* 44.8px */
}
/* Ve chung toi */

.accordion-title {
    padding: 0.6em;
}
.accordion-item a.plain {
    color: var(--text-100, #111);
}
.accordion-item button.toggle {
    display: none;
}

.accordion-item a::after {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 32px;
  height: 32px;
  background-image: url('/wp-content/uploads/2025/04/Frame-12-1.webp');
  background-size: contain;
  background-repeat: no-repeat;
  transition: background-image 0.3s ease, opacity 0.3s ease;
}

.accordion-item a.active::after {
  background-image: url('/wp-content/uploads/2025/04/Frame-12.webp');
}

/* Bao hiem o to */
.section-banner-bao-hiem-1 {
    min-height: 425px;
}
.section-banner-bao-hiem-1 img {
    object-fit: fill;
    height: 100%;
}
.section-banner-bao-hiem-1 .title-vct h2{
    color: var(--White, #FFF);
    text-align: center;

    /* Header/H1 */
    font-family: Mulish;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%; /* 44.8px */
}
.section-bao-hiem .row {
    width: 100%!important;
}
.section-bao-hiem .section-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--64px, 64px);
    align-self: stretch;
}
.section-bao-hiem  .section-content h2{
    color: var(--Primary, #146DB6);
    text-align: center;

    /* Header/H1 */
    font-family: Mulish;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%; /* 44.8px */
}
.section-bao-hiem  .section-content p{
    overflow: hidden;
    color: var(--text-100, #111)!important;
    text-align: center;
    text-overflow: ellipsis;

    /* Body/Body 2 */
    font-family: Mulish;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 22.4px */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    align-self: stretch;
}
.text-bao-hiem-1 p{
    max-width: 664px;
    margin: 0px auto;
    padding-top: 36px;
    padding-bottom: 36px;
}
.text-bao-hiem-1 h2 {
    margin-bottom: 0px;
}
.section-3-bao-hiem .row {
    width: 100%!important;
}
.column-goi-bao-hiem {
    text-align: center;
}
.goi-bao-hiem-table thead tr {
    background: linear-gradient(117deg, rgba(20, 109, 182, 0.08) 0%, rgba(241, 106, 38, 0.08) 100%);
    color: var(--text-100, #111);

    /* Header/H4 */
    font-family: Mulish;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
/* tr chẳn trong tbody  */
.goi-bao-hiem-table tbody tr:nth-child(even) {
    background: linear-gradient(117deg, rgba(20, 109, 182, 0.08) 0%, rgba(241, 106, 38, 0.08) 100%);
}
.goi-bao-hiem-table tbody tr td{
    color: var(--text-100, #111);

    /* Button/B1 */
    font-family: Mulish;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}
.goi-bao-hiem-table th {
    border: 1px solid rgba(17, 17, 17, 0.16);
    padding: 20px;
}
.goi-bao-hiem-table td {
    border: 1px solid rgba(17, 17, 17, 0.16);
    padding: 20px;
}
.goi-bao-hiem-table {
    margin-bottom: 0px;
}
.goi-bao-hiem-table-wrapper {
    border-radius: 24px;
    overflow: hidden;
    border: 1px solid #ddd;
}
.goi-bao-hiem-table th:first-child,
.goi-bao-hiem-table td:first-child {
  border-left: none;
}

.goi-bao-hiem-table th:last-child,
.goi-bao-hiem-table td:last-child {
  border-right: none;
}

.goi-bao-hiem-table tr:first-child th,
.goi-bao-hiem-table tr:first-child td {
  border-top: none;
}

.goi-bao-hiem-table tr:last-child td {
  border-bottom: none;
}

.phi-xe-table thead tr {
    background: linear-gradient(117deg, rgba(20, 109, 182, 0.08) 0%, rgba(241, 106, 38, 0.08) 100%);
    color: var(--text-100, #111);

    /* Header/H4 */
    font-family: Mulish;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
/* tr chẳn trong tbody  */
.phi-xe-table tbody tr:nth-child(even) {
    background: linear-gradient(117deg, rgba(20, 109, 182, 0.08) 0%, rgba(241, 106, 38, 0.08) 100%);
}
.phi-xe-table tbody tr td{
    color: var(--text-100, #111);

    /* Button/B1 */
    font-family: Mulish;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}
.phi-xe-table th {
    border: 1px solid rgba(17, 17, 17, 0.16);
    padding: 20px;
}
.phi-xe-table td {
    border: 1px solid rgba(17, 17, 17, 0.16);
    padding: 20px;
}
.phi-xe-table {
    margin-bottom: 0px;
    border-collapse: collapse;
}
.phi-xe-table-wrapper {
    border-radius: 24px;
    overflow: hidden;
    border: 1px solid #ddd;
}
.phi-xe-table th:first-child,
.phi-xe-table td:first-child {
  border-left: none;
    width: 60%;
}

.phi-xe-table th:last-child,
.phi-xe-table td:last-child {
  border-right: none;
}

.phi-xe-table tr:first-child th,
.phi-xe-table tr:first-child td {
  border-top: none;
}

.phi-xe-table tr:last-child td {
  border-bottom: none;
}

/* Bao hiem o to */

/* Dai ly bao hiem */
.section-1-dai-ly .row {
    width: 100%!important;
}
.section-1-dai-ly .section-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--64px, 64px);
    align-self: stretch;
}
.section-1-dai-ly .dai-ly-image img{
    aspect-ratio: 1208.00/604.30;
    /* max-height: 604px; */
    align-self: stretch;
    border-radius: 24px;
}
.section-1-dai-ly .section-content h2{
    color: var(--Primary, #146DB6);
    text-align: center;

    /* Header/H1 */
    font-family: Mulish;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%; /* 44.8px */
}
.section-1-dai-ly .section-content p{
    overflow: hidden;
    color: var(--text-100, #111)!important;
    text-align: center;
    text-overflow: ellipsis;

    /* Body/Body 2 */
    font-family: Mulish;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 22.4px */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    align-self: stretch;
}
.section-1-dai-ly .section-content .stack {
    display: flex;
    padding: var(--8px, 8px) var(--16px, 16px);
    justify-content: center;
    align-items: center;
    gap: var(--8px, 8px);
}
.section-dai-ly-3 .box-image {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 16px 16px 0px 0px;
}

.section-dai-ly-3 .box-image img {
    margin: 0 auto;
    max-width: unset;
    width: unset;
    aspect-ratio: 596.00/335.25;
}

.section-dai-ly-3 .box-text {
    padding: var(--16px, 16px);
}

.section-dai-ly-3 .dai-ly-image {
    border-radius: 16px 16px 16px 16px;
    border: 1px solid #d9d9d9;
    border-top: none;
    height: 100%;
}

.section-dai-ly-3 .col-inner {
    height: 100%;
}

/* .section-dai-ly-3 .box-text .box-text-inner::before {
    content: url("/wp-content/uploads/2025/04/Icon.webp");
    width: var(--24px, 24px);
    height: var(--24px, 24px);
    position: absolute;
    margin: 0px;
    padding: 0px;
} */

.section-dai-ly-3 .box-text .box-text-inner {
    display: flex;
    /* padding: var(--16px, 16px); */
    /* justify-content: center; */
    align-items: center;
    gap: 10px;
    align-self: stretch;
}

.section-dai-ly-3 .box-text h4{
    overflow: hidden;
    color: var(--text-100, #111);
    text-overflow: ellipsis;

    /* Header/H6 */
    font-family: Mulish;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    align-self: stretch;
}

.section-dai-ly-3 .box-text p,  .section-dai-ly-3 .box-text ul>li {
    color: var(--text-60, rgba(17, 17, 17, 0.60));
    font-family: Mulish;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%; /* 25.2px */
}
.section-content {
    z-index: 1;
    align-items: center;
    justify-content: center;
    display: flex;
}
.row.row-main {
    width: 100%;
    max-width: 100%;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
}
.dai-ly-image .box-image>div {
    width: 100%;
}
.dai-ly-image .box-image>div img{
    width: 100%;
}

/* Quy trinh boi thuong */
.section-banner-qtbt {
    min-height: 425px;
}
.section-banner-qtbt img {
    object-fit: fill;
    height: 100%;
}
.section-banner-qtbt h2{
    color: var(--White, #FFF);
    text-align: center;

    /* Header/H1 */
    font-family: Mulish;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%; /* 44.8px */
}

.toc {
    border-radius: 16px;
    background: linear-gradient(117deg, rgba(20, 109, 182, 0.12) 0%, rgba(241, 106, 38, 0.12) 100%);
    border: 1px solid #ddd;
    padding: 16px;
    margin-bottom: 20px;
    
    display: flex;
    padding: var(--16px, 16px) var(--24px, 24px);
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    align-self: stretch;
  }

  .toc .title {
    overflow: hidden;
    color: var(--text-100, #111);
    text-overflow: ellipsis;

    /* Header/H5 */
    font-family: Mulish;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }
  
  .toc ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
  }
  
  .toc ul li {
    margin: 4px 0;
    margin-left: 1em;
  }
  
  .toc li.toc-h3 {
    margin-left: 2em;
  }
  
  .toc li.toc-h4 {
    margin-left: 3em;
  }
  

/* Quy trinh boi thuong */
@media only screen and (max-width: 1200px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
    .boi-thuong-bg img {
        height: 100%;
    }
    #footer .section-bg img {
        height: 100%;
    }
    .back-to-top {
        right: 48%;
    }
    .image-box-vct .box-text h4{
        padding-left: 30px;
        color: var(--text-100, #111);

        /* Header/H5 */
        font-family: Mulish;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
    .gg-review-slider .swiper-slide {
        min-height: 224px!important;
    }
    .latest-insurance-posts {
        flex-direction: column;
    }
    .divider-trang-chu {
        display: none;
    }
    .boi-thuong-bg .row-full-width {
        margin-left: 0!important;
        margin-right: 0!important;
    }
    .blog-post-section-7 {
        margin-left: 0!important;
        margin-right: 0!important;
    }
    .section-8 {
        margin-left: 0!important;
        margin-right: 0!important;
    }
    .text-left {
        text-align: center;
    }
    .text-right {
        text-align: center!important;
    }
    .section-3-trang-chu {
        padding-top: 0px!important;
        padding-bottom: 0px!important;
    }
    .section-1 .section-content .col {
        padding-bottom: 0px!important;
    }
    .img-bg-boithuong {
        position: absolute;
        /* top: 24%; */
        top: 10%;
    }
    .img-bg-boithuong-1 {
        position: absolute;
        /* top: 86%; */
        bottom: -35%;
    }
    .img-bg-boithuong-1 img{
        width: 100%;
    }
    .img-bg-boithuong img{
        width: 100%;
    }
    .boi-thuong-bg .text-boi-thuong {
        margin-top: 50px;
    }
    .section-4 {
        padding-bottom: 0px!important;
    }
    .section-5 .text {
        margin-bottom: 20px;
    }
    .section-7 {
        padding-bottom: 0px!important;
        padding-top: 0px!important;
    }
    .section-8 {
        padding-bottom: 0px!important;
        padding-top: 0px!important;
    }
    .section-9 {
        padding-bottom: 0px!important;
        padding-top: 0px!important;
    }
    li.menu-item.menu-item-type-post_type.menu-item-object-page {
        color: var(--text-100, #111);

        /* Header/H6 */
        font-family: Mulish;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }
    .menu-item.menu-item-type-post_type.menu-item-object-page a{
        color: var(--text-100, #111);

        /* Header/H6 */
        font-family: Mulish;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        text-transform: none;
    }
    ul>li>ul.sub-menu .menu-item-type-custom.menu-item-has-children a{
        color: var(--Primary, #146DB6);

        /* Header/H4 */
        font-family: Mulish;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        border: none;
    }
    .sub-menu .menu-item-type-custom .sub-menu .menu-item-type-custom a{
        color: var(--text-100, #111);

        /* Header/H6 */
        font-family: Mulish;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        border: none;
    }
    p.title-banner-trang-chu {
        font-family: Mulish;
        font-size: 24px!important;
        font-style: normal;
        font-weight: 600!important;
        line-height: normal;
        text-align: center;
        padding: 0px 20px;
    }
    p.des-banner-trang-chu {
        font-family: Mulish;
        font-size: 16px!important;
        font-style: normal;
        font-weight: 400!important;
        line-height: 160%;
        text-align: center;
        padding: 0px 20px;
    }

    .section-banner-vct-1 {
        min-height: 510px;
    }
    
    .section-banner-bao-hiem-1 {
        min-height: 510px;
    }

    .section-banner-qtbt {
        min-height: 510px;
    }

    .section-header-vct h2{
        color: var(--Primary, #146DB6);
        text-align: center;

        /* Header/H3 */
        font-family: Mulish;
        font-size: 24px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }
}


.related-posts-by-category .post-sidebar {
    border-left: none !important;
}

/* .grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
} */

.related-posts-by-category .post-cards {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
}

.related-posts-by-category .post-card {
    background: #fff;
    /* padding: 15px; */
    border-radius: 16px;
    border: 1px solid var(--text-16, rgba(17, 17, 17, 0.16));
    /* box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); */
    transition: all 0.3s ease;
}

.related-posts-by-category .post-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}

.related-posts-by-category .post-card img {
    width: 100%;
    border-radius: 16px 16px 0 0;
    /* height: 180px; */
    object-fit: cover;
}

.related-posts-by-category .post-card .post-info {
    display: flex;
    padding: 16px var(--16px, 16px);
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: var(--16px, 8px);
    align-self: stretch;
}

.related-posts-by-category .post-card .post-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    align-self: stretch;
    overflow: hidden;
    color: var(--text-100, #111);
    text-overflow: ellipsis;

    /* Header/H6 */
    font-family: Mulish;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.related-posts-by-category .post-card .post-date {
    color: var(--text-60, rgba(17, 17, 17, 0.60));

    /* Des 1 */
    font-family: Mulish;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.related-posts-by-category .post-card .post-excerpt {
    overflow: hidden;
    color: var(--text-60, rgba(17, 17, 17, 0.60));
    text-overflow: ellipsis;
    font-family: Mulish;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
    /* 25.2px */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    align-self: stretch;
}

.related-posts-by-category .post-card p {
    margin-bottom: 0px;
}

.related-posts-by-category h3 {
    overflow: hidden;
    color: var(--text-100, #111);
    text-overflow: ellipsis;

    /* Header/H5 */
    font-family: Mulish;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.related-posts-by-category .latest-posts {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.related-posts-by-category .side-post .thumb {
    flex: 1;
}

.related-posts-by-category .side-post a {
    flex: 1;
    display: flex;
}

.related-posts-by-category .side-posts {
    flex: 1;
    display: flex;
    flex-direction: column;
    /* gap: 10px; */
}

.related-posts-by-category .side-post {
    display: flex;
    /* gap: 10px; */
    align-items: center;

    border-radius: var(--16px, 16px);
    border: 1px solid var(--text-16, rgba(17, 17, 17, 0.16));
}

.related-posts-by-category .side-post .thumb img {
    width: 100%;
    max-height: 75px;
    object-fit: cover;
    border-radius: 10px 0px 0px 10px;
}

.related-posts-by-category .side-post .info h3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    align-self: stretch;
    overflow: hidden;
    color: var(--text-100, #111);
    text-overflow: ellipsis;
    font-family: Mulish;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.related-posts-by-category .side-post .info {
    display: flex;
    padding: var(--8px, 8px) var(--16px, 16px);
    flex-direction: column;
    /* justify-content: center; */
    align-items: center;
    /* gap: 8px; */
    flex: 1.5 0 0;
    align-self: stretch;
}


/* Boi thuong */
.section-boi-thuong-2 .row {
    width: 100%!important;
}
li.tab {
    width: 25%;
    margin: 0px;
}
li.tab a{
    width: 100%;
}
.section-boi-thuong-1 li.tab a {
    display: flex;
    padding: 16px;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    flex: 1 0 0;
    align-self: stretch;
    border: 1px solid var(--text-16, rgba(17, 17, 17, 0.16));
}
.section-boi-thuong-1 li.tab:first-child a{
    border-radius: 24px 0px 0px 24px;
}
.section-boi-thuong-1 li.tab:last-child a{
    border-radius: 0px 24px 24px 0px;
}
.section-boi-thuong-1 li.tab.active a {
    /* border-right: 1px solid var(--text-16, rgba(17, 17, 17, 0.16)); */
    background: var(--Liner, linear-gradient(117deg, #146DB6 0%, #F16A26 100%));
}
.section-boi-thuong-1 li.tab.active a {
    color: var(--White, #FFF);
}
.section-boi-thuong-1 li.tab.active a::before {
    display: none;
}
.section-boi-thuong-1 li.tab:hover a::before {
    display: none;
}
.section-boi-thuong-1 li.tab a {
    overflow: hidden;
    color: var(--text-100, #111);
    text-align: center;
    text-overflow: ellipsis;

    /* Header/H5 */
    font-family: Mulish;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.section-boi-thuong-1 .boi-thuong-tab .boi-thuong-text h3 {
    color: var(--Primary, #146DB6);
    text-align: center;

    /* Header/H1 */
    font-family: Mulish;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%; /* 44.8px */
    padding: 0;
    margin: 0;
}
.section-boi-thuong-1 .boi-thuong-tab .boi-thuong-text p {
    overflow: hidden;
    color: var(--text-100, #111);
    text-align: center;
    text-overflow: ellipsis;

    /* Body/Body 2 */
    font-family: Mulish;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 22.4px */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    align-self: stretch;
    padding: 0;
    margin: 0;
}
.section-boi-thuong-1 .boi-thuong-tab .boi-thuong-text {
    display: flex!important;
    flex-direction: column;
    align-items: center;
    gap: var(--36px, 36px);
    align-self: stretch;
    padding-top: 64px;
    padding-bottom: 36px;
}
.boi-thuong-accordion .accordion-item a::after {
    display: none;
}
.boi-thuong-accordion .accordion-title {
    padding: 0em 2.3em 0em 3.5em;
    background-color: #fff;
    border: none;
    gap: 24px;
    display: flex;
}

.boi-thuong-accordion .accordion-title a {
    color: var(--text-60, rgba(17, 17, 17, 0.60));
    font-family: Mulish;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 160%; /* 28.8px */
}

.boi-thuong-accordion .accordion-title.active a{
    color: var(--text-100, #111);
}
.boi-thuong-accordion .accordion-item .active {
    /* border: 1px solid var(--Liner, #146DB6); */
}
.boi-thuong-accordion .accordion-item {
    display: flex;
    padding: 20px 24px 20px 35px;
    justify-content: center;
    /* align-items: center; */
    flex-direction: column;
    gap: 24px;
    align-self: stretch;
    border-radius: 24px;
    border: 1px solid rgba(17, 17, 17, 0.16);
}
.boi-thuong-accordion {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    flex: 1 0 0;
}
.boi-thuong-tab .row-content {
    margin-left: 0px!important;
    margin-right: 0px!important;
}
.boi-thuong-tab .accordion-inner {
    padding: 0em 2.96em 0em 4.5em;
    color: var(--text-100, #111);

    /* Body/Body 2 */
    font-family: Mulish;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 22.4px */
}
.boi-thuong-tab .accordion-inner .accordion-index {
    position: absolute;
    color: var(--Primary, #146DB6);
    text-align: center;
    font-family: Mulish;
    font-size: 80px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 112px */
    left: 3%;
}
.boi-thuong-tab .accordion-title.active .accordion-index {
    display: none;
}
.boi-thuong-tab .medium-4 img {
    transition: max-height 0.3s ease;
    object-fit: fill;
}
/* Boi thuong */


/* mobile */
@media (max-width: 768px) {
    /* .grid {
        grid-template-columns: repeat(1, 1fr);
    } */
    .bao-hiem-button {
        width: 66%!important;
    }
    .phi-xe-table thead tr th {
        font-size: 16px;
        line-height: normal;
    }
    .phi-xe-table tbody tr td{
        font-size: 14px;
        line-height: normal
    }
    .section-3-trang-chu .video-button-wrapper {
        position: absolute;
        z-index: 1;
        top: 20%;
        left: 40%;
    }
    .section-3-trang-chu .box-text.text-center {
        background-size: cover;
        padding: 10px 0px;
        /* background-image: url(/wp-content/uploads/2025/03/Union-1.png); */
        background-repeat: round;
        margin-top: -15%;
    }
    .bg-left-trang-chu {
        position: absolute;
        top: 29%;
        width: 100% !important;
        right: 0;
    }
    .section-1-dai-ly .section-content {
        gap: var(--36px, 36px);
    }

    .section-1-dai-ly .section-content h2 {
        font-size: 24px;
        line-height: normal;
    }

    .related-posts-by-category {
        margin-top: 0px !important;
    }

    .related-posts-by-category .grid {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .related-posts-by-category .post-cards {
        flex: 1;
        display: flex;
        flex-direction: column;
        /* gap: 10px; */
    }

    .related-posts-by-category .post-card .thumb {
        flex: 1;
    }

    .related-posts-by-category .post-card {
        display: flex;
        align-items: center;

        border-radius: var(--16px, 16px);
        border: 1px solid var(--text-16, rgba(17, 17, 17, 0.16));
    }

    .related-posts-by-category .post-card a {
        display: flex;
        flex: 1
    }

    .related-posts-by-category .post-card .thumb img {
        width: 100%;
        max-height: 75px;
        object-fit: cover;
        border-radius: 10px 0px 0px 10px;
    }

    .related-posts-by-category .post-card .post-info h3 {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        align-self: stretch;
        overflow: hidden;
        color: var(--text-100, #111);
        text-overflow: ellipsis;
        font-family: Mulish;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }

    .related-posts-by-category .post-card .post-info {
        display: flex;
        padding: var(--8px, 8px) var(--16px, 16px);
        flex-direction: column;
        justify-content: unset;
        align-items: center;
        /* gap: 8px; */
        flex: 1.5 0 0;
        align-self: stretch;
    }

    .related-posts-by-category .post-card .post-date {
        display: none;
    }

    .related-posts-by-category .post-card .post-excerpt {
        display: none;
    }

    .section-boi-thuong-1 li.tab:first-child a{
        border-radius: 24px 0px 0px 0px;
    }
    /* second child */
    .section-boi-thuong-1 li.tab:nth-child(2) a{
        border-radius: 0px 24px 0px 0px;
    }
    /* third child */
    .section-boi-thuong-1 li.tab:nth-child(3) a{
        border-radius: 0px 0px 0px 24px;
    }
    .section-boi-thuong-1 li.tab:last-child a{
        border-radius: 0px 0px 24px 0px;
    }
    .section-boi-thuong-1 .boi-thuong-tab .boi-thuong-text {
        padding-top: 36px;
        padding-bottom: 36px;
    }
    .section-banner-qtbt h2 {
        font-size: 24px;
        line-height: normal;
    }
    .section-boi-thuong-1 .boi-thuong-tab .boi-thuong-text h3 {
        font-size: 24px;
        line-height: normal;
    }
    .boi-thuong-tab .accordion-title.active .accordion-index {
        display: block;
    }
    .boi-thuong-tab .accordion-inner .accordion-index {
        display: none;
    }
    .boi-thuong-accordion .accordion-title {
        padding: 0em 0em 0em 0em;
        background-color: #fff;
        border: none;
        gap: 12px;
        display: flex;
    }
    .boi-thuong-tab .accordion-inner {
        padding: 0em 0em 0em 0em;
    }
    .boi-thuong-tab .accordion-title .accordion-index {
        display: block;
        position: absolute;
        left: -7%;
    }
    .boi-thuong-tab .accordion-title .accordion-index::after {
        content: ".";
    }
    .section-3-bao-hiem .section-content .col {
        padding: 15px 0px;
    }


    /* goi bao hiem */
    .goi-bao-item {
        display: flex;
        padding: var(--20px, 20px) var(--20px, 20px) 0px var(--20px, 20px);
        flex-direction: column;
        align-items: flex-start;
        gap: var(--12px, 12px);
        align-self: stretch;
        border-radius: 24px;
        border: 1px solid var(--text-16, rgba(17, 17, 17, 0.16));
        background: var(--White, #FFF);
    }
    .goi-bao-item.highlight {
        border-radius: 24px;
        border: 1px solid var(--Liner, #146DB6);
        background: linear-gradient(117deg, rgba(20, 109, 182, 0.12) 0%, rgba(241, 106, 38, 0.12) 100%);
        position: relative;
        overflow: hidden;
    }

    .goi-bao-hiem-mobile-wrapper {
        display: flex;
        flex-direction: column; 
        gap: 16px;
    }

    .goi-bao-item h3 {
        color: var(--text-100, #111);

        /* Header/H4 */
        font-family: Mulish;
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }
    .goi-bao-item .goi-popular {
        color: var(--text-60, rgba(17, 17, 17, 0.60));

        /* Button/B2 */
        font-family: Mulish;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }
    .goi-bao-item .goi-price {
        color: var(--text-100, #111);

        /* Header/H1 */
        font-family: Mulish;
        font-size: 32px;
        font-style: normal;
        font-weight: 600;
        line-height: 140%; /* 44.8px */
    }
    .goi-list {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        align-self: stretch;
    }
    .goi-list-item {
        display: flex;
        align-items: flex-start;
        gap: 16px;
        align-self: stretch;
        border-bottom: 1px solid var(--text-16, rgba(17, 17, 17, 0.16));
    }
    .goi-list-label {
        color: var(--text-100, #111);

        /* Header/H6 */
        font-family: Mulish;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;

        display: flex;
        height: 64px;
        padding: 20px 0px;
        align-items: center;
        gap: 12px;
        flex: 1 0 0;

        color: var(--text-100, #111);

        /* Header/H6 */
        font-family: Mulish;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }
    .goi-list-value {
        display: flex;
        height: 64px;
        padding: 20px;
        justify-content: center;
        align-items: center;
        gap: 12px;
    }
    .goi-nen-dung {
        position: absolute;
        right: 0px;
        border-radius: 0px 0px 0px 24px;
        background: var(--Secondary, #F16A26);
        display: flex;
        padding: 8px 12px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        top: 0px;
    }
    .goi-nen-dung span {
        color: var(--White, #FFF);

        /* Des 1 */
        font-family: Mulish;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    /* menu */
    .off-canvas .sidebar-menu {
        display: flex;
        padding: 24px var(--16px, 16px);
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
        align-self: stretch;
    }

    .sidebar-menu .nav-sidebar {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
        align-self: stretch;
    }

    .nav-sidebar.nav-vertical>li+li {
        border-top: 1px solid rgba(17, 17, 17, 0.08)
    }

    .off-canvas:not(.off-canvas-center) .nav-vertical li>a {
        padding-left: 0px;
    }

    .nav:not(.nav-slide) .active>.children {
        border-radius: 16px;
        background: linear-gradient(117deg, rgba(20, 109, 182, 0.12) 0%, rgba(241, 106, 38, 0.12) 100%);
        display: flex;
        padding: 16px;
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
        align-self: stretch;
    }

    .nav:not(.nav-slide) .active>.children>li+li {
        border-top: 1px solid rgba(17, 17, 17, 0.08)
    }

    .nav-sidebar.nav-vertical>li.menu-item.active, .nav-sidebar.nav-vertical>li.menu-item:hover {
        background-color: transparent;
    }
}