/* Khung chính cho TNSM */
.tnsm-container {
    position: relative;
    width: 100%;
    max-width: 1440px;
    background: #fff;
    margin: 0 auto;
    overflow: visible;
}

/* Sửa các khung con nếu có height cố định */
.tnsm-image-frame,
.tnsm-image-frame-2,
.tnsm-image-frame-3,
.tnsm-frame3-bottom,
.tnsm-frame4 {
    height: auto !important;
    min-height: unset !important;
    max-height: unset !important;
}

/* Xóa thanh cuộn dọc thừa */
body,
html,
.tnsm-container {
    overflow-y: auto !important;
    overflow-x: hidden !important;
    margin-top: -25px;
}

/* Khung top 1440x598 cho TNSM */
.tnsm-top {
    position: relative;
    width: 1440px;
    height: 598px;
    border: 1px solid #ddd;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    /* margin-top: -100px; */
    display: flex;
    align-items: center;
    justify-content: center;
}

.tnsm-top-bg-overlay {
    position: absolute;
    inset: 0;
    /* Sử dụng PHP để lấy đúng đường dẫn ảnh nền */
    background: url('<?php echo get_template_directory_uri(); ?>/images/vct-tnsm-im1.png') center / cover no-repeat;
    opacity: 0.5;
    z-index: 0;
    pointer-events: none;
    
}

.tnsm-top-inner,
.tnsm-top-inner-relative {
    position: relative;
    z-index: 1;
    width: 770px;
    height: 389px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    background: transparent;
}

.tnsm-top-img {
    position: relative;
    width: 192px;
    height: 129px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 16px auto;
    /* căn giữa và cách tiêu đề 16px */
    z-index: 2;
    background: none;
}

.tnsm-top-img-style {
    width: 192px;
    height: 129px;
    object-fit: contain;
    display: block;
    margin: 0;
    box-shadow: none;
}

.tnsm-title {
    color: #000;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    height: 57px;
    align-self: stretch;
    margin-top: 0;
    margin-bottom: 16px;
    z-index: 2;
}

.tnsm-desc {
    color: #000;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 200%;
    height: 74px;
    align-self: stretch;
    margin-top: 24px;
    z-index: 2;
}

.tnsm-btn-row {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 24px;
    margin-top: 24px;
    z-index: 2;
}

.tnsm-btn-left {
    width: 330px;
    height: 55px;
    border-radius: 60px;
    background: #D72323;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #fff;
    font-family: Inter, sans-serif;
    font-size: 20px;
    font-weight: 700;
    cursor: pointer;
}

.tnsm-btn-left-icon {
    width: 24px;
    height: 24px;
    margin-left: -20px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tnsm-btn-left-text {
    color: #FFF;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.tnsm-btn-right {
    width: 360px;
    height: 55px;
    border-radius: 60px;
    background: #D72323;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #fff;
    font-family: Inter, sans-serif;
    font-size: 20px;
    font-weight: 700;
    cursor: pointer;
}

.tnsm-btn-right-text {
    color: #FFF;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.tnsm-btn-right-icon {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tnsm-image-frame {
    width: 1292px;
    height: 500px;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 31px 17px 30px 17px;
}

.tnsm-image-frame-2 {
    width: 1296px;
    height: 500px;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 42px 0px 42px 0px;
    gap: 109px;
}

/* Dời tnsm-image-frame-3 sang trái, không bị lệch khi căn giữa */
.tnsm-image-frame-3 {
    width: 1296px;
    height: 600px;
    margin-top: 45px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 40px;
    background: #FFF;
    box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.25);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 45px 50px 44px 51px;
}

.tnsm-frame2-right {
    width: 571px;
    height: 245px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.tnsm-frame2-right-top-left {
    width: 153px;
    height: 31px;
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 20px;
}

.tnsm-frame2-right-top-left-bar {
    width: 48px;
    height: 1px;
    background: #D72323;
    border-radius: 1px;
}

.tnsm-frame2-right-top-left-title {
    color: #D72323;
    font-family: Inter, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 200%;
    /* 24px */
    display: flex;
    align-items: center;
    width: 99px;
    height: 31px;
}

.tnsm-inner-frame {
    width: 1258px;
    height: 439px;
    background: #fff;
    margin: 0 auto;
    border-radius: 8px;
    /* box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04); */
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 169px;
}

.tnsm-left-box {
    width: 515px;
    height: 376px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding-top: 0;
}

.tnsm-right-box {
    width: 569px;
    height: 439px;
    flex-shrink: 0;
    border-radius: 0px 40px 0px 40px;
    /* background: url('/images/vct-tnsm-im3.png'), #E9E9E9; */
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
}

.tnsm-left-title {
    color: #000;
    font-family: Inter, sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    /* 54px */
    width: 515px;
    height: 54px;
    flex-shrink: 0;
}

.tnsm-left-desc {
    color: #000;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 200%;
    /* 32px */
    display: flex;
    flex-direction: column;
    flex: 1 0 0;
    align-self: stretch;
    margin-top: 24px;
}

.tnsm-left-img {
    width: 100%;
    height: 100%;
    max-width: 400px;
    max-height: 300px;
    object-fit: contain;
    display: block;
    margin: 0 auto;
}

.tnsm-frame2-left {
    width: 620px;
    height: 416px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.tnsm-frame2-left-top {
    width: 620px;
    height: 198px;
    border-radius: 8px;
    flex-shrink: 0;
    display: flex;
    flex-direction: row;
    gap: 20px;
}

.tnsm-frame2-left-top-left {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 300px;
    height: 198px;
    border-radius: 20px;
    background: #D72323;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.25);
    /* padding: 26px 14px; */
    justify-content: center;
}

.tnsm-frame2-left-top-right {
    width: 300px;
    height: 174px;
    border-radius: 20px;
    background: rgba(229, 229, 229, 0.90);
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.25);
    display: flex;
    /* padding: 8px 33px; */
    justify-content: center;
    align-items: center;
    align-self: center;
}

.tnsm-frame2-left-bottom {
    width: 620px;
    height: 198px;
    background: #fff;
    border-radius: 8px;
    flex-shrink: 0;
    display: flex;
    flex-direction: row;
    margin-top: 20px;
    gap: 20px;
}

.tnsm-frame2-left-bottom-left {
    width: 300px;
    height: 174px;
    border-radius: 20px;
    background: rgba(229, 229, 229, 0.90);
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.25);
    display: flex;
    /* padding: 14px 33px; */
    justify-content: center;
    align-items: center;
    align-self: center;
}

.tnsm-frame2-left-bottom-right {
    width: 300px;
    height: 198px;
    border-radius: 20px;
    background: #D72323;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.25);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    /* padding: 14px; */
}

.tnsm-frame2-red-inner {
    width: 272px;
    height: 146px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tnsm-frame2-red-icon {
    width: 50px;
    height: 50px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tnsm-frame2-red-title {
    color: #FFF;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 200%;
    /* 32px */
    align-self: stretch;
    margin-top: 8px;
    margin-bottom: 8px;
}

.tnsm-frame2-red-desc {
    color: #FFF;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 200%;
    /* 24px */
    align-self: stretch;
}

.tnsm-frame2-gray-inner {
    width: 234px;
    height: 158px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

.tnsm-frame2-gray-top {
    width: 78px;
    height: 62px;
    padding: 5px 14px 7px 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tnsm-frame2-gray-title {
    color: #000;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 200%;
    /* 32px */
    align-self: stretch;
    margin-top: 8px;
}

.tnsm-frame2-gray-desc {
    color: #000;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 200%;
    /* 24px */
    align-self: stretch;
    margin-top: 8px;
}

.tnsm-frame2-right-banner {
    width: 571px;
    height: 87px;
    border-radius: 12px;
    margin-bottom: 20px;
    margin-left: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    position: relative;
}

.tnsm-frame2-right-banner-title {
    color: #000;
    font-family: Inter, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 200%;
    /* 40px */
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-align: left;
}

.tnsm-frame2-right-banner-desc {
    color: #000;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 200%;
    /* 32px */
    text-align: left;
    width: 100%;
    margin-top: 0;
    margin-top: 20px;
}

.tnsm-frame3-inner {
    width: 1015px;
    height: 511px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 116px;
}

.tnsm-frame3-inner-left {
    width: 588px;
    height: 438px;
    background: #fff;
    border-radius: 12px;
    /* box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.tnsm-frame3-inner-right {
    width: 311px;
    height: 511px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

.tnsm-frame3-inner-right-icon {
    width: 52px;
    height: 52px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tnsm-frame3-inner-right-content-wrapper {
    width: 311px;
    height: 511px;
    margin-top: -50px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: visible;
}

.tnsm-frame3-inner-right-content {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    margin: 0;
    position: relative;
    z-index: 1;
}

.tnsm-frame3-inner-right-content-icon {
    position: absolute;
    top: 41px;
    left: 0;
    width: 52px;
    height: 52px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}

.tnsm-frame3-inner-right-content-icon-right {
    left: auto;
    right: 9.27px;
    top: 41px;
}

.tnsm-frame3-inner-right-content-bg {
    width: 311px;
    height: 511px;
    flex-shrink: 0;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    z-index: 1;
    pointer-events: none;
}

.tnsm-frame3-left-title {
    color: #000;
    font-family: Inter, sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 200%;
    /* 72px */
    width: 342px;
    height: 68px;
    flex-shrink: 0;
}

.tnsm-frame3-left-desc {
    color: #000;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 200%;
    /* 32px */
    display: flex;
    height: 95px;
    flex-direction: column;
    justify-content: center;
    flex-shrink: 0;
    align-self: stretch;
    margin-top: 20px;
}

.tnsm-frame3-left-box {
    width: 588px;
    height: 228px;
    margin-top: 20px;
    display: flex;
    flex-direction: row;
    gap: 40px;
}

.tnsm-frame3-left-box-img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.tnsm-frame3-bottom {
    width: 1296px;
    height: 600px;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 40px;
    background: #FFF;
    box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.25);
    /* padding: 56px 50px 56px 51px; */
    padding: 45px 50px 44px 51px;
}

.tnsm-frame3-bottom-inner {
    width: 1195px;
    height: 488px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    gap: 27px;
}

.tnsm-frame3-bottom-img {
    width: 499px;
    height: 441px;
    flex-shrink: 0;
    border-radius: 20px;
    border: 1px solid #E9E9E9;
    /* background: url('/images/vct-tnsm-im7.png') lightgray 50% / cover no-repeat; */
}

.tnsm-frame3-bottom-content {
    width: 669px;
    height: 488px;
    flex-shrink: 0;
}

.tnsm-frame3-bottom-content-title {
    width: 669px;
    height: 68px;
    color: #000;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 200%;
    /* 72px */
    align-self: stretch;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tnsm-frame3-bottom-content-desc {
    width: 669px;
    height: 400px;
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.tnsm-frame3-bottom-content-desc-item {
    width: 669px;
    height: 82px;
    flex-shrink: 0;
    padding: 10px;
    box-sizing: border-box;
}

.tnsm-frame3-bottom-content-desc-bold {
    color: #000;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 200%;
    /* 32px */
}

.tnsm-frame3-bottom-content-desc-inner {
    width: 624px;
    height: 64px;
    color: #000;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 200%;
    display: block;
    word-break: break-word;
}

.tnsm-frame4 {
    width: 1296px;
    height: 1212px;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    /* padding: 18px 113px 18px 114px; */
}

.tnsm-frame4-inner {
    width: 1069px;
    height: 1176px;
    margin-left: auto;
    margin-right: auto;
}

.tnsm-frame4-inner-top {
    width: 1069px;
    height: 54px;
}

.tnsm-frame4-inner-title {
    color: #000;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    /* 54px */
    height: 54px;
    align-self: stretch;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tnsm-frame4-value-list {
    display: flex;
    flex-direction: column;
    gap: 40px;
    margin-top: 40px;
}

.tnsm-frame4-value {
    width: 1069px;
    height: 334px;
    display: flex;
    flex-direction: row;
    position: relative;
}

.tnsm-frame4-value-img {
    width: 572px;
    height: 334px;
    background: lightgray 50% / cover no-repeat;
    border-radius: 20px;
    flex-shrink: 0;

}

.tnsm-frame4-value-content {
    width: 570px;
    height: 296px;
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0px 5px 20px 0px rgba(215, 35, 35, 0.30);
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    /* padding: 44px 61px; */
}

.tnsm-frame4-value-content-inner {
    width: 448px;
    height: 208px;
    position: relative;
    padding-top: 32px;
}

.tnsm-frame4-value-content-label {
    width: 173px;
    height: 29px;
    position: absolute;
    top: 35px;
    left: 100px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
}

.tnsm-frame4-value-content-label-svg {
    width: 58px;
    height: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tnsm-frame4-value-content-label-text {
    width: 111px;
    height: 29px;
    color: #000;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    /* 30px */
    display: flex;
    align-items: center;
    justify-content: center;
}

.tnsm-frame4-value-content-desc {
    width: 448px;
    height: 167px;
    margin-top: 50px;
    margin-left: 50px;
    color: #000;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 200%;
    /* 32px */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-self: stretch;
}

/* Khung chính cho DHCKH */
.dhckh-container {
    position: relative;
    max-width: 1440px;
    width: 100%;
    background: #fff;
    margin: 0 auto;
    overflow-x: hidden;
}

.dhckh-contact-bar {
    color: #000;
    padding: 8px 0;
    font-size: 16px;
    font-family: 'Inter', sans-serif;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 30px;
    height: 39px;
    margin-right: 20px;
    margin-top: 0;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    width: auto;
    background: none !important;
    border-bottom: none !important;
}

.dhckh-contact-item img {
    width: 20px;
    height: 16px;
}

.dhckh-contact-item span {
    white-space: nowrap;
}

.dhckh-top {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
    padding-left: 225px;
    padding-right: 225px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
}

.dhckh-top-inner {
    width: 100%;
    max-width: 986px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.dhckh-top-img {
    width: 295.136px;
    height: 129px;
    aspect-ratio: 295.14 / 129.00;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.dhckh-title-desc-frame {
    max-width: 986px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: center;
    justify-content: center;
    margin: 0 auto 24px auto;
    background: transparent;
    text-align: center;
}

.dhckh-title {
    max-width: 986px;
    width: 100%;
    color: #000;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    margin-top: 26px;
    margin-left: auto;
    margin-right: auto;
}

.dhckh-desc {
    max-width: 986px;
    width: 100%;
    color: #000;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 200%;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
}

.dhckh-btn-row {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 24px;
    margin-top: 24px;
}

.dhckh-btn-left {
    width: 330px;
    height: 55px;
    border-radius: 60px;
    background: #D72323;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #fff;
    font-family: Inter, sans-serif;
    font-size: 20px;
    font-weight: 700;
    cursor: pointer;
}

.dhckh-btn-left-icon {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dhckh-btn-left-text {
    color: #FFF;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.dhckh-btn-right {
    width: 330px;
    height: 55px;
    border-radius: 60px;
    background: #D72323;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #fff;
    font-family: Inter, sans-serif;
    font-size: 20px;
    font-weight: 700;
    cursor: pointer;
}

.dhckh-btn-right-text {
    color: #FFF;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.dhckh-btn-right-icon {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dhckh-section-below {
    width: 1254px;
    height: 714px;
    margin: 100px auto 0 auto;
    display: block;
}

.dhckh-section-below-title-frame {
    width: 926px;
    height: 54px;
    color: #000;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    /* 54px */
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 0 auto;
    align-self: stretch;
}

.dhckh-section-below-desc-frame {
    width: 817px;
    height: 64px;
    margin: 22px auto 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 200%;
    /* 32px */
    align-self: stretch;
}

.dhckh-section-below-header-frame {
    width: 926px;
    height: 140px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin: 0 auto;
}

.dhckh-section-below-content-frame {
    width: 100%;
    max-width: 1127px;
    margin: 0 auto;
    background: #FFF;
    border: 5px solid #D9D9D9;
    border-radius: 60px;
    box-sizing: border-box;
    padding: 32px 24px;
    /* Thêm shadow nhẹ nếu muốn */
    /* box-shadow: 0 2px 8px rgba(0,0,0,0.04); */
}

.dhckh-section-below-content-inner {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.dhckh-section-below-content-inner-top,
.dhckh-section-below-content-inner-bottom {
    display: flex;
    flex-direction: row;
    gap: 24px;
    justify-content: center;
    align-items: center;
}

.dhckh-section-below-content-col {
    width: 322px !important;
    height: 166px !important;
    background: #FFF;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.50);
    border: none;
    padding: 0;
}

.dhckh-section-below-content-col-img {
    width: auto;
    height: 80px;
    max-width: 90%;
    object-fit: contain;
    display: block;
    margin: auto;
    border-radius: 16px;
}

/* Xóa padding riêng nếu có */
.dhckh-section-below-content-col-padding-1,
.dhckh-section-below-content-col-padding-2,
.dhckh-section-below-content-col-padding-3,
.dhckh-section-below-content-col-padding-4,
.dhckh-section-below-content-col-padding-5,
.dhckh-section-below-content-col-padding-6 {
    padding: 0 !important;
}

.dhckh-section-bottom-frame {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    gap: 0;
    margin: 0 auto 24px auto;
    width: 1440px;
    max-width: 100vw;
}

.dhckh-section-bottom-left-img {
    width: 881px;
    height: 500px;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.dhckh-section-bottom-right-img {
    width: 559px;
    height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 0;
    margin: 0;
}

/* .dhckh-section-bottom-left-img,
.dhckh-section-bottom-right-img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    display: block;
} */

.dhckh-section-bottom-text {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    padding: 32px 32px 32px 32px;
    box-sizing: border-box;
    color: #FFF;
    z-index: 2;
}

.dhckh-section-bottom-left-title,
.dhckh-section-bottom-left-desc {
    text-align: left;
    width: 100%;
}

.dhckh-section-bottom-left-title {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 16px;
}

.dhckh-section-bottom-left-desc {
    font-size: 16px;
    font-weight: 400;
    line-height: 2;
}

.dhckh-section-bottom-img-frame-left {
    position: relative;
}

.dhckh-section-case-study {
    width: 1292px;
    height: 600px;
    border-radius: 20px;
    border-bottom: 5px solid #D72323;
    margin: 40px auto 0 auto;
    background: #fff;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 96px;
    box-sizing: border-box;
}

.dhckh-case-left {
    width: 461px;
    height: 357px;
    display: block;
}

.dhckh-case-right {
    width: 626px;
    height: 447.39px;
    display: block;
}

.dhckh-section-case-study:first-of-type .dhckh-case-left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 357px;
}

.dhckh-case-left-top {
    width: 461px;
    height: 54px;
    color: #000;
    font-family: Inter, sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    /* 60px */
    display: flex;
    align-items: center;
    justify-content: center;
}

.dhckh-case-left-top-highlight {
    color: #D72323;
    font-family: Inter, sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
}

.dhckh-case-left-bottom {
    width: 461px;
    height: 147px;
    display: block;
}

.dhckh-case-left-desc {
    color: #000;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 200%;
    /* 32px */
    display: flex;
    height: 95px;
    flex-direction: column;
    justify-content: center;
    align-self: stretch;
    margin-top: 20px;
}

.dhckh-case-left-bottom-title {
    color: #000;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 200%;
    /* 48px */
    display: flex;
    height: 50px;
    flex-direction: column;
    justify-content: center;
    align-self: stretch;
    margin-top: 40px;
}

.dhckh-case-left-bottom-desc {
    color: #000;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 200%;
    /* 32px */
    display: flex;
    height: 77px;
    flex-direction: column;
    justify-content: center;
    align-self: stretch;
    margin-top: 20px;
}

.dhckh-case-right-img-container {
    position: relative;
    width: 100%;
    height: 100%;
}

.dhckh-case-img-10 {
    position: absolute;
    top: 0;
    right: 0;
    width: 429.616px;
    aspect-ratio: 429.62/286.41;
    z-index: 1;
    object-fit: cover;
}

.dhckh-case-img-11 {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 429.616px;
    aspect-ratio: 429.62/286.41;
    z-index: 2;
    object-fit: cover;
}

/* Gốc trang TSNCTHD */
.vechungtoi-root {
    position: relative;
    width: 1440px;
    height: 6800px;
    background: #fff;
    margin: 0 auto;
}

.vechungtoi-a1 {
    width: 1440px;
    height: 598px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.vechungtoi-a1::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #e9e9e9;
    opacity: 0.7;
    z-index: 1;
    pointer-events: none;
}

.vechungtoi-a1-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 1440px;
    height: 598px;
    object-fit: cover;
    z-index: 0;
}

.contact-icon {
    width: 20px;
    height: 16px;
    object-fit: contain;
}

.vechungtoi-root .daily-contact-bar {
    z-index: 10;
    background: transparent;
}

.vechungtoi-b1 {
    width: 770px;
    height: 407px;
    position: absolute;
    top: 152px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    background: transparent;
    z-index: 10;
}

.vechungtoi-b2 {
    width: 298px;
    height: 131px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    top: 0;
}

.vechungtoi-b2-logo {
    width: 298px;
    height: 131px;
    object-fit: contain;
}

.vechungtoi-title {
    width: 770px;
    height: 57px;
    position: static;
    margin-top: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Inter', sans-serif;
    font-size: 40px;
    font-weight: 700;
    color: #000;
    text-align: center;
    z-index: 10;
}

.vechungtoi-desc {
    width: 770px;
    height: 92px;
    position: static;
    margin-top: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #000;
    text-align: center;
    line-height: 200%;
    letter-spacing: 0;
    z-index: 10;
}

.vechungtoi-b5 {
    width: 714px;
    height: 55px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin: 24px auto 0 auto;
    position: relative;
    z-index: 10;
}

.vechungtoi-b51 {
    width: 330px;
    height: 55px;
    display: flex;
    align-items: center;
    background: #D72323;
    border-radius: 60px;
    position: relative;
    justify-content: flex-start;
    text-decoration: none !important;
}

.vechungtoi-b51-arrow {
    width: 24px;
    height: 24px;
    margin-left: 24px;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vechungtoi-b51-text {
    width: 266px;
    height: 24px;
    color: #fff;
    font-family: 'Inter', sans-serif;
    font-size: 20px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 75px;
}

.vechungtoi-b52 {
    width: 360px;
    height: 55px;
    display: flex;
    align-items: center;
    background: #D72323;
    border-radius: 60px;
    position: relative;
    justify-content: flex-end;
    text-decoration: none !important;
}

.vechungtoi-b52-text {
    width: 278px;
    height: 24px;
    color: #fff;
    font-family: 'Inter', sans-serif;
    font-size: 20px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
}

.vechungtoi-b52-arrow {
    width: 24px;
    height: 24px;
    margin-left: 10px;
    margin-right: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vechungtoi-h1-section {
    position: absolute;
    top: 654px;
    left: 50%;
    transform: translateX(-50%);
    width: 591px;
    height: 95px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vechungtoi-h1 {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 64px;
    line-height: 150%;
    letter-spacing: 0;
    text-align: center;
    width: 100%;
    height: 100%;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vechungtoi-c1 {
    position: absolute;
    top: 786px;
    left: 50%;
    transform: translateX(-50%);
    width: 1440px;
    height: 600px;
    background: #f9f9f9;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.vechungtoi-c2 {
    position: absolute;
    top: 71px;
    left: 50%;
    transform: translateX(-50%);
    width: 1273px;
    height: 458px;
    display: block;
}

.vechungtoi-c2a {
    position: absolute;
    top: 0;
    left: 21px;
    width: 160px;
    height: 190px;
}

.vechungtoi-c2b {
    position: absolute;
    top: 0;
    left: 240px;
    width: 202px;
    height: 240px;
}

.vechungtoi-c2c {
    position: absolute;
    top: 218px;
    left: 0px;
    width: 202px;
    height: 240px;
}

.vechungtoi-c2d {
    position: absolute;
    top: 266px;
    left: 259px;
    width: 160px;
    height: 190px;
}

.vechungtoi-c3 {
    position: absolute;
    width: 715px;
    height: 394px;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #f9f9f9;

    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.vechungtoi-c31 {
    width: 715px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0;
}

.vechungtoi-c31-title {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 36px;
    color: #111;
    text-align: center;
}

.vechungtoi-c32 {
    width: 715px;
    height: 109px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 50px;
}

.vechungtoi-c32-desc {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 200%;
    letter-spacing: 0;
    text-align: center;
    color: #111;
    vertical-align: middle;
}

.vechungtoi-c33 {
    width: 298px;
    height: 131px;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.vechungtoi-d {
    position: absolute;
    top: 1423px;
    left: 50%;
    transform: translateX(-50%);
    width: 1292px;
    height: 600px;
    /* border: 2px solid #8000ff; */
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
}

.vechungtoi-d1 {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 1273px;
    height: 500px;
    /* border: 2px solid #00c853; */
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
}

.vechungtoi-d1-img {
    position: absolute;
    right: 0;
    top: 0;
    width: 540px;
    height: 500px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.vechungtoi-d1-img img {
    width: 540px;
    height: 500px;
    object-fit: cover;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
}

.vechungtoi-d12 {
    position: relative;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 692px;
    height: 378px;
    /* border: 2px solid #D72323; */
    box-sizing: border-box;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vechungtoi-d12a {
    position: absolute;
    top: 0;
    left: 0;
    width: 692px;
    height: 161px;
}

.vechungtoi-d12a-title {
    position: absolute;
    top: 0;
    left: 0;
    width: 692px;
    height: 54px;
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 36px;
    color: #111;
    text-align: left;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.vechungtoi-d12a-desc {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 692px;
    height: 62px;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 200%;
    letter-spacing: 0;
    color: #111;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.vechungtoi-d13 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 692px;
    height: 186px;
    display: flex;
    justify-content: space-between;
}

.vechungtoi-d13a,
.vechungtoi-d13b,
.vechungtoi-d13c {
    position: absolute;
    width: 216px;
    height: 186px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.vechungtoi-d13a {
    left: 0;
}

.vechungtoi-d13b {
    left: 50%;
    transform: translateX(-50%);
}

.vechungtoi-d13c {
    right: 0;
}

.vechungtoi-d13-img {
    width: 50px;
    height: 50px;
    margin-top: 0;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.vechungtoi-d13-title {
    width: 216px;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 200%;
    letter-spacing: 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vechungtoi-d13-desc {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 200%;
    letter-spacing: 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vechungtoi-e {
    position: absolute;
    top: 2063px;
    left: 50%;
    transform: translateX(-50%);
    width: 1440px;
    height: 500px;
    /* border: 2px solid #D72323; */
    box-sizing: border-box;
    overflow: hidden;
    z-index: 10;
}

.vechungtoi-e-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}

.vechungtoi-e-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 2;
}

.vechungtoi-e1 {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 989px;
    height: 351px;
    /* border: 2px solid #00c853; */
    box-sizing: border-box;
    background: transparent;
    z-index: 3;
}

.vechungtoi-e2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 989px;
    height: 219px;
    z-index: 4;
}

.vechungtoi-e2a {
    position: absolute;
    top: 0;
    left: 0;
    width: 989px;
    height: 72px;
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 36px;
    color: #fff;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 5;
}

.vechungtoi-e2b {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 989px;
    height: 127px;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 200%;
    color: #fff;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 5;
}

.vechungtoi-e3 {
    position: absolute;
    width: 775px;
    height: 143px;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 10;
}

.vechungtoi-e3a,
.vechungtoi-e3b,
.vechungtoi-e3c {
    width: 143px;
    height: 143px;
    background: #fff;
    border: 3px solid #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    z-index: 2;
}

.vechungtoi-e3b {
    border-color: #ffffff;
}

.vechungtoi-e3c {
    border-color: #ffffff;
}

.vechungtoi-e3-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.vechungtoi-e3-divider {
    width: 1px;
    height: 143px;
    background: #fff;
    margin: 0 16px;
    z-index: 11;
    border-radius: 1px;
}

.vechungtoi-e3-divider-horizontal {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #fff;
    z-index: 1;
}

.vechungtoi-e3-divider-horizontal1 {
    position: absolute;
    top: 50%;
    left: 143px;
    width: 122px;
    height: 1px;
    background: #fff;
    z-index: 5;
}

.vechungtoi-e3-divider-horizontal2 {
    position: absolute;
    top: 50%;
    left: 143px + 122px + 143px;
    left: 408px;
    width: 122px;
    height: 1px;
    background: #fff;
    z-index: 5;
}

/* F section */
.vechungtoi-f {
    position: absolute;
    top: 2603px;
    left: 50%;
    transform: translateX(-50%);
    width: 1440px;
    height: 600px;
    background: #f9f9f9;

    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 20;
}

.vechungtoi-f1 {
    width: 1205px;
    height: 480px;

    background: #f9f9f9;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    position: relative;
}

.vechungtoi-f2 {
    width: 1205px;
    height: 143px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin-top: 0;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.vechungtoi-f2-title {
    width: 1205px;
    height: 54px;
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 36px;
    color: #111;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-top: 0;
}

.vechungtoi-f2-desc {
    width: 1205px;
    height: 78px;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 200%;
    letter-spacing: 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 11px;
    margin-bottom: 0;
}

.vechungtoi-f3 {
    width: 905px;
    height: 273px;
    position: absolute;
    left: 50%;
    bottom: 32px;
    transform: translateX(-50%);
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
}

.vechungtoi-f3a,
.vechungtoi-f3b,
.vechungtoi-f3c {
    background: #f5f5f5;
    border-radius: 20px;
    border: 1px solid #d5d5d5;
    box-shadow: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    position: relative;
}

.vechungtoi-f3a {
    width: 280px;
    height: 273px;
    align-items: center;
    justify-content: flex-start;
}

.vechungtoi-f3b {
    width: 280px;
    height: 273px;
    align-items: center;
    justify-content: flex-start;
}

.vechungtoi-f3c {
    width: 280px;
    height: 273px;
    align-items: center;
    justify-content: flex-start;
}

.vechungtoi-f3a-title {
    width: 243px;
    height: 54px;
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: #111;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-top: 32.5px;
    margin-bottom: 20px;
}

.vechungtoi-f3a-desc {
    width: 243px;
    height: 134px;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 200%;
    letter-spacing: 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vechungtoi-f3b-title {
    width: 241px;
    height: 63px;
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: #111;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-top: 28px;
    margin-bottom: 20px;
}

.vechungtoi-f3b-desc {
    width: 253px;
    height: 134px;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 200%;
    letter-spacing: 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vechungtoi-f3c-title {
    width: 259px;
    height: 63px;
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: #111;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-top: 28px;
    margin-bottom: 20px;
}

.vechungtoi-f3c-desc {
    width: 235px;
    height: 134px;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 200%;
    letter-spacing: 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* H section */
.vechungtoi-h {
    position: absolute;
    top: 3243px;
    left: 50%;
    transform: translateX(-50%);
    width: 1296px;
    height: 600px;
    background: #fff;
    border-radius: 40px;
    box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.25);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 20;
}

.vechungtoi-h1 {
    width: 1211px;
    height: 476px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    position: relative;
}

.vechungtoi-h2 {
    width: 1211px;
    height: 127px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-bottom: 40px;
}

.vechungtoi-h2-text {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 200%;
    letter-spacing: 0;
    color: #000;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vechungtoi-h3 {
    width: 1221px;
    height: 227px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.vechungtoi-h3a,
.vechungtoi-h3b,
.vechungtoi-h3c,
.vechungtoi-h3d {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.vechungtoi-h3a {
    width: 194px;
    height: 229px;
}

.vechungtoi-h3b,
.vechungtoi-h3c,
.vechungtoi-h3d {
    width: 230px;
    height: 229px;
}

.vechungtoi-h3-img-container {
    width: 194px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px;
}

.vechungtoi-h3-img-container-wide {
    width: 230px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px;
}

.vechungtoi-h3-img {
    width: 50px;
    height: 45px;
    object-fit: contain;
}

.vechungtoi-h3-img-large {
    width: 60px;
    height: 60px;
    object-fit: contain;
}

.vechungtoi-h3-img-pair {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.vechungtoi-h3-title {
    width: 194px;
    height: 63px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-bottom: 8px;
}

.vechungtoi-h3-title-wide {
    width: 230px;
    height: 63px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-bottom: 8px;
}

.vechungtoi-h3-title-text {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: #000;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vechungtoi-h3-desc {
    width: 194px;
    height: 62px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.vechungtoi-h3-desc-wide {
    width: 230px;
    height: 62px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.vechungtoi-h3-desc-text {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 200%;
    letter-spacing: 0;
    color: #000;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vechungtoi-h5 {
    width: 100%;
    max-width: 744px;
    height: 42px;
    margin: 32px auto 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 30;
    background: transparent;
}

.vechungtoi-h5::before,
.vechungtoi-h5::after {
    content: '';
    display: block;
    height: 2px;
    background: #D72323;
    flex: 1 1 0;
    min-width: 40px;
    max-width: 300px;
}

.vechungtoi-h5::before {
    margin-right: 16px;
}

.vechungtoi-h5::after {
    margin-left: 16px;
}

.vechungtoi-h5-logo {
    width: 180px;
    height: 42px;
    object-fit: contain;
    z-index: 1;
}

/* G section */
.vechungtoi-g {
    position: absolute;
    top: 3883px;
    left: 50%;
    transform: translateX(-50%);
    width: 1393px;
    height: 600px;

    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    z-index: 21;
}

.vechungtoi-g1 {
    width: 1403px;
    height: 498px;
    display: flex;
    align-items: center;
    justify-content: center;

    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
}

.vechungtoi-g2 {
    width: 519px;
    height: 498px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    margin-left: -13.5px;
}

.vechungtoi-g2-img {
    width: 519px;
    height: 498px;
    object-fit: cover;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.vechungtoi-g3 {
    width: 857px;
    height: 498px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    background: #fff;
}

.vechungtoi-g3-title {
    width: 857px;
    height: 54px;
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 36px;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-top: 31px;
}

.vechungtoi-g3-desc {
    width: 850px;
    height: 151px;
    border-radius: 20px;
    background: #f5f5f5;
    box-shadow: 0px 4px 23px rgba(0, 0, 0, 0.25);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 40px auto 0 auto;
    margin-right: -40px;
}

.vechungtoi-g3-desc-text {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 200%;
    letter-spacing: 0;
    color: #000;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 90%;
}

/* J section */
.vechungtoi-j {
    position: absolute;
    top: 4523px;
    left: 50%;
    transform: translateX(-50%);
    width: 1438px;
    height: 600px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    background: #fff;
    z-index: 22;
}

.vechungtoi-j1 {
    width: 422px;
    height: 72px;
    position: absolute;
    top: 0;
    left: 617px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 36px;
    color: #000;
    text-align: center;
}

.vechungtoi-j2 {
    width: 621px;
    height: 466px;
    position: absolute;
    top: 67px;
    left: 36px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

.vechungtoi-j21,
.vechungtoi-j22,
.vechungtoi-j23 {
    width: 630px;
    height: 128px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.vechungtoi-j21 {
    align-items: flex-start;
}

.vechungtoi-j22 {
    align-items: center;
}

.vechungtoi-j23 {
    align-items: flex-end;
}

.vechungtoi-j21a,
.vechungtoi-j21b,
.vechungtoi-j22a,
.vechungtoi-j22b,
.vechungtoi-j23a,
.vechungtoi-j23b {
    width: 295px;
    height: 128px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    background: #fff;
}

.vechungtoi-j-img {
    width: 70px;
    height: 70px;
    object-fit: contain;
    margin-top: 0;
    margin-bottom: 8px;
}

.vechungtoi-j-title1 {
    width: 295px;
    height: 18px;
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 12px;
    color: #000;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px;
}

.vechungtoi-j-title2 {
    width: 295px;
    height: 24px;
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: #000;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vechungtoi-j4 {
    width: 715px;
    height: 587px;
    position: absolute;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

.vechungtoi-j4-img {
    width: 715px;
    height: 587px;
    object-fit: contain;
}

/* K section */
.vechungtoi-k {
    position: absolute;
    top: 5136px;
    left: 50%;
    transform: translateX(-50%);
    width: 1333px;
    height: 600px;
    background: #fff;
    z-index: 23;
}

.vechungtoi-k1 {
    width: 569px;
    height: 50px;
    position: absolute;
    top: 18px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 36px;
    color: #000;
    text-align: center;
}

.vechungtoi-k2 {
    width: 620px;
    height: 2px;
    background: #000;
    position: absolute;
    top: 74px;
    left: 50%;
    transform: translateX(-50%);
}

.vechungtoi-k3 {
    width: 1291.37px;
    height: 335.5px;
    position: absolute;
    top: 132px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.vechungtoi-k31 {
    width: 557px;
    height: 307px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
}

.vechungtoi-k31a {
    width: 557px;
    height: 123px;
    position: absolute;
    top: 0;
    left: 0;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #000;
    text-align: left;
    display: block;
    align-items: flex-start;
    justify-content: flex-start;
}

.vechungtoi-k31a-bold {
    font-weight: 700;
}

.vechungtoi-k31b {
    width: 436px;
    height: 2px;
    background: #000;
    position: absolute;
    top: 80px;
    left: 52px;
}

.vechungtoi-k31c {
    width: 557px;
    height: 123px;
    position: absolute;
    bottom: 0;
    left: 0;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #000;
    text-align: left;
    display: block;
    align-items: flex-end;
    justify-content: flex-start;
}

.vechungtoi-k31c-bold {
    font-weight: 700;
}

.vechungtoi-k32 {
    width: 693.27px;
    height: 335.5px;
    position: absolute;
    right: 0;
    top: 0;
    display: block;
}

/* Các khung ảnh whyk32x */
.vechungtoi-whyk321 {
    width: 70.46px;
    height: 168.87px;
    position: absolute;
    top: 0;
    left: 0;
}

.vechungtoi-whyk321-img {
    width: 70.46px;
    height: 168.87px;
    object-fit: contain;
}

.vechungtoi-whyk322 {
    width: 167.75px;
    height: 115.19px;
    position: absolute;
    top: 0;
    left: 98.41px;
}

.vechungtoi-whyk322-img {
    width: 167.75px;
    height: 115.19px;
    object-fit: contain;
}

.vechungtoi-whyk323 {
    width: 229.26px;
    height: 198px;
    position: absolute;
    top: 0;
    left: 290.77px;
}

.vechungtoi-whyk323-img {
    width: 229.26px;
    height: 198px;
    object-fit: contain;
}

.vechungtoi-whyk324 {
    width: 150.98px;
    height: 186.76px;
    position: absolute;
    top: 0;
    left: 542.39px;
}

.vechungtoi-whyk324-img {
    width: 150.98px;
    height: 186.76px;
    object-fit: contain;
}

.vechungtoi-whyk325 {
    width: 145.38px;
    height: 145.38px;
    position: absolute;
    top: 190.12px;
    left: 0;
}

.vechungtoi-whyk325-img {
    width: 145.38px;
    height: 145.38px;
    object-fit: contain;
}

.vechungtoi-whyk326 {
    width: 96.18px;
    height: 195.71px;
    position: absolute;
    top: 139.79px;
    left: 169.99px;
}

.vechungtoi-whyk326-img {
    width: 96.18px;
    height: 195.71px;
    object-fit: contain;
}

.vechungtoi-whyk327 {
    width: 324.32px;
    height: 124.14px;
    position: absolute;
    top: 211.37px;
    left: 290.77px;
}

.vechungtoi-whyk327-img {
    width: 324.32px;
    height: 124.14px;
    object-fit: contain;
}

.vechungtoi-whyk328 {
    width: 61.51px;
    height: 126.37px;
    position: absolute;
    top: 209.13px;
    left: 631.86px;
}

.vechungtoi-whyk328-img {
    width: 61.51px;
    height: 126.37px;
    object-fit: contain;
}

/* L section */
.vechungtoi-l {
    position: absolute;
    top: 5803px;
    left: 50%;
    transform: translateX(-50%);
    width: 1440px;
    height: 942px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    z-index: 1;
    overflow: hidden;
}

.vechungtoi-l-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 1440px;
    height: 942px;
    object-fit: cover;
    z-index: 1;
}

.vechungtoi-l-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 1440px;
    height: 942px;
    background: rgba(0, 0, 0, 0.3);
    z-index: 2;
    pointer-events: none;
}

.vechungtoi-l1 {
    width: 973px;
    height: 139px;
    position: absolute;
    top: 56px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: flex-start;
    justify-content: center;
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 36px;
    color: #fff;
    text-align: center;
    z-index: 3;
}

.vechungtoi-l2 {
    width: 620px;
    height: 2px;
    background: #fff;
    position: absolute;
    top: 195px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
}

.vechungtoi-l3 {
    width: 1285px;
    height: 635px;
    position: absolute;
    top: 251px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    z-index: 2;
}

.vechungtoi-l31,
.vechungtoi-l32,
.vechungtoi-l33 {
    width: 375px;
    height: 635px;
    border-radius: 20px 20px 0 0;
    border: 1px solid #e9e9e9;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
}

.vechungtoi-l31 {
    margin-right: 80px;
}

.vechungtoi-l32 {
    margin-right: 80px;
}

.vechungtoi-l33 {
    margin-right: 0;
}

.vechungtoi-l31-img,
.vechungtoi-l32-img,
.vechungtoi-l33-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width: 1024px) {
    .vechungtoi-a1 {
        position: relative !important;
        width: 100vw !important;
        max-width: 100vw !important;
        min-width: 0 !important;
        height: 38vw !important;
        min-height: 120px !important;
        max-height: 260px !important;
        left: 0 !important;
        top: 0 !important;
        margin: 0 auto !important;
        z-index: 1;
        overflow: hidden !important;
    }

    .vechungtoi-a1-bg {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100vw !important;
        height: 100% !important;
        min-height: 120px !important;
        max-height: 260px !important;
        object-fit: cover !important;
        z-index: 0;
        display: block !important;
    }
}

@media (max-width: 600px) {
    .vechungtoi-a1 {
        height: 38vw !important;
        min-height: 90px !important;
        max-height: 160px !important;
    }

    .vechungtoi-a1-bg {
        min-height: 90px !important;
        max-height: 160px !important;
    }
}

@media (max-width: 600px) {
    .vechungtoi-root {
        width: 100vw !important;
        min-width: 0 !important;
        overflow-x: hidden !important;
        margin: 0 auto !important;
        padding: 0 !important;
    }

    .vechungtoi-a1 {
        width: 90vw !important;
        max-width: 400px !important;
        min-width: 0 !important;
        height: 120px !important;
        min-height: 80px !important;
        max-height: 160px !important;
        margin: 16px auto 0 auto !important;
        border-radius: 12px !important;
        overflow: hidden !important;
        position: relative !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        left: unset !important;
        right: unset !important;
        background: #eee !important;
    }

    .vechungtoi-a1-bg {
        width: 100% !important;
        height: 100% !important;
        min-height: 80px !important;
        max-height: 160px !important;
        object-fit: cover !important;
        border-radius: 12px !important;
        display: block !important;
        margin: 0 !important;
        position: static !important;
        left: unset !important;
        top: unset !important;
        z-index: 1 !important;
    }

    .vechungtoi-title {
        font-size: 18px !important;
        margin: 12px 0 4px 0 !important;
        text-align: center !important;
        width: 100% !important;
        line-height: 1.3 !important;
    }

    .vechungtoi-desc {
        font-size: 13px !important;
        margin: 0 0 8px 0 !important;
        text-align: center !important;
        width: 100% !important;
        line-height: 1.5 !important;
    }
}

@media (max-width: 600px) {
    .vechungtoi-a1 {
        margin-top: 70px !important;
    }

    .vechungtoi-b5 {
        margin-top: 50px !important;
        gap: 8px !important;
    }

    .vechungtoi-b51,
    .vechungtoi-b52 {
        height: 32px !important;
        border-radius: 16px !important;
        font-size: 13px !important;
        padding: 0 8px !important;
    }

    .vechungtoi-b51-text,
    .vechungtoi-b52-text {
        font-size: 13px !important;
        padding: 0 4px !important;
    }

    .vechungtoi-b51-arrow,
    .vechungtoi-b52-arrow {
        width: 18px !important;
        height: 18px !important;
        margin: 0 4px 0 0 !important;
    }
}

@media (max-width: 600px) {
    .vechungtoi-b2-logo {
        margin-top: 30px !important;
        display: block !important;
        margin-left: auto !important;
        margin-right: auto !important;
        width: 38vw !important;
        max-width: 110px !important;
        height: auto !important;
    }

    .vechungtoi-desc {
        font-size: 12px !important;
        margin: 0 auto 8px auto !important;
        text-align: center !important;
        width: 90vw !important;
        max-width: 340px !important;
        line-height: 1.5 !important;
        word-break: break-word !important;
        padding: 0 8px !important;
        box-sizing: border-box !important;
    }

    .vechungtoi-b5 {
        margin-top: 20px !important;
        gap: 8px !important;
        width: 80vw !important;
        max-width: 260px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }

    .vechungtoi-b51,
    .vechungtoi-b52 {
        height: 32px !important;
        border-radius: 16px !important;
        font-size: 13px !important;
        padding: 0 8px !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 260px !important;
        margin: 0 auto !important;
        box-sizing: border-box !important;
    }

    .vechungtoi-b51-text,
    .vechungtoi-b52-text {
        font-size: 13px !important;
        padding: 0 4px !important;
        text-align: center !important;
        width: 100% !important;
        white-space: normal !important;
    }

    .vechungtoi-b51-arrow,
    .vechungtoi-b52-arrow {
        width: 18px !important;
        height: 18px !important;
        margin: 0 4px 0 0 !important;
    }
}

@media (max-width: 600px) {
    .vechungtoi-c1 {
        width: 100vw !important;
        max-width: 460px !important;
        min-width: 0 !important;
        min-height: 820px !important;
        margin: -186px auto 0 auto !important;
        padding: 16px 0 16px 0 !important;
        background: #f9f9f9 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        box-sizing: border-box !important;
    }

    .vechungtoi-c2 {
        width: 90vw !important;
        max-width: 340px !important;
        margin: 0 auto 16px auto !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 12px !important;
    }

    .vechungtoi-c2a,
    .vechungtoi-c2b,
    .vechungtoi-c2c,
    .vechungtoi-c2d {
        width: 190px !important;
        height: 190px !important;
        margin: -70px -55px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .vechungtoi-c2a img,
    .vechungtoi-c2b img,
    .vechungtoi-c2c img,
    .vechungtoi-c2d img {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
        display: block !important;
    }

    .vechungtoi-c3 {
        width: 80vw !important;
        max-width: 260px !important;
        margin: 300px auto !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        box-sizing: border-box !important;
        height: 100px !important;
    }

    .vechungtoi-c31-title,
    .vechungtoi-c32-desc {
        font-size: 23px !important;
        text-align: center !important;
        width: 100% !important;
        margin: 0 50px 4px auto !important;
        padding: 0 8px !important;
        box-sizing: border-box !important;
        word-break: break-word !important;
    }

    .vechungtoi-c32-desc {
        font-size: 11px !important;
        text-align: center !important;
        width: 400px !important;
        margin: 0 100px 4px 50px !important;
        padding: 0 8px !important;
        box-sizing: border-box !important;
        word-break: break-word !important;
    }

    .vechungtoi-c33 img {
        display: block !important;
        /* margin: -50px 0 !important; */
        margin-top: 350px !important;
        margin-left: -80px !important;
        width: 300px !important;
        height: auto !important;
        object-fit: contain !important;
    }
}

@media (max-width: 600px) {
    .vechungtoi-d {
        width: 100% !important;
        box-sizing: border-box !important;
        padding: 0 16px !important;
        height: auto !important;
        margin: 80px 0 32px 0 !important;
        left: 0 !important;
        transform: none !important;

        /* The rest of the properties are to ensure flex layout */
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        background: #fff !important;
        min-width: 0 !important;
    }

    .vechungtoi-d1 {
        width: 100% !important;
        height: auto !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
        position: static !important;
        transform: none !important;
    }

    .vechungtoi-d1-img {
        width: 100% !important;
        max-width: 320px !important;
        height: auto !important;
        margin: 0 auto 24px auto !important;
        position: static !important;
    }

    .vechungtoi-d1-img img {
        width: 100% !important;
        height: auto !important;
        border-radius: 12px !important;
    }

    .vechungtoi-d12 {
        width: 100% !important;
        height: auto !important;
        margin: 0 auto !important;
        position: static !important;
        transform: none !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }

    .vechungtoi-d12a {
        width: 100% !important;
        height: auto !important;
        margin-bottom: 24px !important;
        position: static !important;

    }

    .vechungtoi-d12a-title {
        font-size: 24px !important;
        width: 100% !important;
        height: auto !important;
        text-align: center !important;
        margin-bottom: 12px !important;
        position: static !important;
        margin-left: 120px !important;
    }

    .vechungtoi-d12a-desc {
        font-size: 14px !important;
        width: 100% !important;
        height: auto !important;
        text-align: center !important;
        line-height: 1.6 !important;
        position: static !important;
    }

    .vechungtoi-d13 {
        width: 100% !important;
        height: auto !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 16px !important;
        position: static !important;
    }

    .vechungtoi-d13a,
    .vechungtoi-d13b,
    .vechungtoi-d13c {
        width: 100% !important;
        height: auto !important;
        min-height: 160px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
        background: #f9f9f9 !important;
        border-radius: 12px !important;
        padding: 16px !important;
        box-sizing: border-box !important;
        position: static !important;
        transform: none !important;
        left: auto !important;
        right: auto !important;
    }

    .vechungtoi-d13-img {
        margin-bottom: 12px !important;
    }

    .vechungtoi-d13-title {
        height: auto !important;
        font-size: 16px !important;
        font-weight: 700 !important;
        line-height: 1.5 !important;
        margin-bottom: 8px !important;
    }

    .vechungtoi-d13-desc {
        height: auto !important;
        width: 100% !important;
        font-size: 14px !important;
        line-height: 1.6 !important;
    }
}

@media (max-width: 600px) {

    .vechungtoi-f,
    .vechungtoi-h,
    .vechungtoi-g,
    .vechungtoi-j,
    .vechungtoi-k,
    .vechungtoi-l {
        margin-top: 600px !important;
    }

    /* Khung e bo góc đỏ, căn giữa */
    .vechungtoi-e {
        border-radius: 16px;
        background: #fff;
        max-width: 470px;
        margin: 600px auto 24px auto !important;
        padding: 0 0 24px 0;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .vechungtoi-e-bg {
        width: 100%;
        max-width: 470px;
        height: 520px;
        min-height: 100px;
        object-fit: cover;
        border-radius: 16px 16px 0 0;
        display: block;
        margin: 0 auto;
        position: static;
        z-index: 1;
    }

    .vechungtoi-e1 {
        max-width: 100px;
        margin-left: 0px;
        padding: 0 12px;
        box-sizing: border-box;
        position: static;
        z-index: 2;
        background: transparent;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .vechungtoi-e2a {
        font-size: 15px;
        text-align: center;
        margin: -150px -100px 20px -380px;
        width: 100%;
        line-height: 1.3;
        font-weight: 700;
    }

    .vechungtoi-e2b {
        font-size: 12px;
        text-align: center;
        margin-left: -90px;
        margin-bottom: 150px;
        width: 400px;
        line-height: 1.5;
        font-weight: 400;
    }

    .vechungtoi-e3 {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 12px;
        /* margin-top: 600px; */
        margin-left: -160px;
    }

    .vechungtoi-e3a,
    .vechungtoi-e3b,
    .vechungtoi-e3c {
        width: 200px !important;
        height: 200px !important;
        overflow: hidden;
        margin-left: 450px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    /* .vechungtoi-e3-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
  } */
    .vechungtoi-e3-divider-horizontal {
        display: none;
    }
}

@media (max-width: 600px) {

    body .vechungtoi-e3a,
    body .vechungtoi-e3b,
    body .vechungtoi-e3c,
    body .vechungtoi-e3a .vechungtoi-e3-img,
    body .vechungtoi-e3b .vechungtoi-e3-img,
    body .vechungtoi-e3c .vechungtoi-e3-img,
    body .vechungtoi-e3-img {
        width: 100px !important;
        height: 100px !important;
        min-width: 0 !important;
        min-height: 0 !important;
        max-width: none !important;
        max-height: none !important;
        object-fit: cover !important;
        display: block !important;

    }
}

@media (max-width: 600px) {
    body .vechungtoi-e3 {
        width: 100vw !important;
        min-width: 0 !important;
        max-width: none !important;
        display: block !important;
        margin-left: 270px;
        /* margin-top: 80px; */
        flex-direction: unset !important;
        align-items: unset !important;
        justify-content: unset !important;
    }

    body .vechungtoi-e3a,
    body .vechungtoi-e3b,
    body .vechungtoi-e3c {
        width: 100px !important;
        height: 100px !important;
        min-width: 0 !important;
        min-height: 0 !important;
        max-width: none !important;
        max-height: none !important;
        display: block !important;
        flex: none !important;
        margin-left: 0 !important;
        transform: none !important;
        margin-bottom: 20px;
        margin-top: -35px;
    }
}

@media (max-width: 600px) {
    .vechungtoi-e3 {
        display: flex !important;
        margin-left: 257px !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 0 !important;

    }

    .vechungtoi-e3-row {
        display: flex !important;
        flex-direction: row !important;
        justify-content: center !important;
        align-items: flex-end !important;
        gap: 16px !important;
        margin-left: -200px;
        margin-top: 50px;
        width: 100%;
    }

    .vechungtoi-e3a,
    .vechungtoi-e3b,
    .vechungtoi-e3c {
        width: 100px !important;
        height: 100px !important;
        margin: 0 !important;
    }

    .vechungtoi-e3c {
        margin-top: 8px !important;
        align-self: center !important;
    }
}

@media (max-width: 600px) {
    .vechungtoi-f {
        display: flex !important;
        position: static !important;
        z-index: 10 !important;
        margin-bottom: 48px !important;
    }

    .vechungtoi-h,
    .vechungtoi-g,
    .vechungtoi-j,
    .vechungtoi-k,
    .vechungtoi-l {
        margin-top: 0 !important;
    }

    .vechungtoi-f1 {
        width: 100% !important;
        max-width: 470px !important;
        min-width: 0 !important;
        height: auto !important;
        background: #f9f9f9 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
        position: static !important;
        box-sizing: border-box !important;
        padding: 0 12px !important;
    }

    .vechungtoi-f2 {
        width: 100% !important;
        max-width: 470px !important;
        min-width: 0 !important;
        height: auto !important;
        position: static !important;
        left: auto !important;
        top: auto !important;
        transform: none !important;
        margin-top: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
        box-sizing: border-box !important;
        padding: 0 !important;
    }

    .vechungtoi-f2-title {
        width: 100% !important;
        max-width: 470px !important;
        min-width: 0 !important;
        height: auto !important;
        font-size: 20px !important;
        margin-top: 16px !important;
        margin-bottom: 8px !important;
        text-align: center !important;
        line-height: 1.3 !important;
        padding: 0 !important;
    }

    .vechungtoi-f2-desc {
        width: 100% !important;
        max-width: 470px !important;
        min-width: 0 !important;
        height: auto !important;
        font-size: 14px !important;
        line-height: 1.5 !important;
        margin-top: 0 !important;
        margin-bottom: 16px !important;
        text-align: center !important;
        padding: 0 !important;
    }

    .vechungtoi-f3 {
        width: 100% !important;
        max-width: 470px !important;
        min-width: 0 !important;
        height: auto !important;
        position: static !important;
        left: auto !important;
        bottom: auto !important;
        transform: none !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 16px !important;
        margin: 0 auto !important;
        box-sizing: border-box !important;
        padding: 0 !important;
    }

    .vechungtoi-f3a,
    .vechungtoi-f3b,
    .vechungtoi-f3c {
        width: 100% !important;
        max-width: 400px !important;
        min-width: 0 !important;
        height: auto !important;
        margin: 0 auto !important;
        border-radius: 16px !important;
        box-sizing: border-box !important;
        padding: 16px 8px !important;
        align-items: center !important;
        justify-content: flex-start !important;
    }

    .vechungtoi-f3a-title,
    .vechungtoi-f3b-title,
    .vechungtoi-f3c-title {
        font-size: 16px !important;
        margin-top: 0 !important;
        margin-bottom: 8px !important;
        height: auto !important;
        width: 100% !important;
        text-align: center !important;
        line-height: 1.3 !important;
    }

    .vechungtoi-f3a-desc,
    .vechungtoi-f3b-desc,
    .vechungtoi-f3c-desc {
        font-size: 13px !important;
        height: auto !important;
        width: 100% !important;
        text-align: center !important;
        line-height: 1.5 !important;
        margin: 0 !important;
        padding: 0 !important;
    }
}

@media (max-width: 600px) {

    .vechungtoi-f,
    .vechungtoi-f1,
    .vechungtoi-f2,
    .vechungtoi-f3,
    .vechungtoi-f3a,
    .vechungtoi-f3b,
    .vechungtoi-f3c {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        box-sizing: border-box !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        overflow: visible !important;
    }

    .vechungtoi-f2-title,
    .vechungtoi-f3a-title,
    .vechungtoi-f3b-title,
    .vechungtoi-f3c-title {
        font-size: 16px !important;
        width: 100% !important;
        text-align: center !important;
        word-break: break-word !important;
        padding: 0 4px !important;
    }

    .vechungtoi-f2-desc,
    .vechungtoi-f3a-desc,
    .vechungtoi-f3b-desc,
    .vechungtoi-f3c-desc {
        font-size: 13px !important;
        width: 100% !important;
        text-align: center !important;
        word-break: break-word !important;
        padding: 0 4px !important;
        margin: 0 !important;
    }

    .vechungtoi-f3a,
    .vechungtoi-f3b,
    .vechungtoi-f3c {
        padding: 12px 4px !important;
        border-radius: 12px !important;
        margin-bottom: 12px !important;
    }
}

/* Classes để thay thế style inline từ tnsm.js và dhckh.js */

/* Background overlay cho tnsm-top */
.tnsm-top-bg-overlay {
    position: absolute;
    left: 0;
    right: auto;
    width: 100%;
    max-width: 1440px;
    background: url('<?php echo get_template_directory_uri(); ?>/images/vct-tnsm-im1.png') left center / cover no-repeat;
    opacity: 0.5;
    z-index: 0;
}

/* Background overlay cho dhckh-top */
.dhckh-top-bg-overlay {

    position: absolute;
    inset: 0;
    background: url('/images/vct-dhckh-im1.png') / cover no-repeat;
    opacity: 0.5;
    z-index: 0;
}

/* Relative positioning cho top-inner */
.tnsm-top-inner-relative {
    position: relative;
    z-index: 1;
}

.dhckh-top-inner-relative {
    position: relative;
    z-index: 1;
}

/* Image styles */
.tnsm-top-img-style {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    display: block;
    margin: 0 auto;
}

.dhckh-top-img-style {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    display: block;
    margin: 0 auto;
}

/* Cursor pointer cho buttons */
.tnsm-btn-cursor {
    cursor: pointer;
}

.dhckh-btn-cursor {
    cursor: pointer;
}

/* Background cho tnsm-right-box */
.tnsm-right-box-bg {
    background: url('/images/vct-tnsm-im3.png'), #E9E9E9;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
}

/* Background images cho tnsm-frame3-left-box-img */
.tnsm-frame3-left-box-img-left-bg {
    background-image: url('/images/vct-tnsm-im5.png');
}

.tnsm-frame3-left-box-img-right-bg {
    background-image: url('/images/vct-tnsm-im6.png');
}

/* Background cho tnsm-frame3-bottom-img */
.tnsm-frame3-bottom-img-bg {
    background: url('/images/vct-tnsm-im7.png') lightgray 50% / cover no-repeat;
}

/* Background images cho tnsm-frame4-value-img */
.tnsm-frame4-value-img-1-bg {
    background-image: url('/images/vct-tnsm-im8.png');
}

.tnsm-frame4-value-img-2-bg {
    background-image: url('/images/vct-tnsm-im9.png');
}

.tnsm-frame4-value-img-3-bg {
    background-image: url('/images/vct-tnsm-im10.png');
}

/* Padding styles cho dhckh-section-below-content-col */
.dhckh-section-below-content-col-padding-1 {
    padding: 47px 68px 46px 68px;
}

.dhckh-section-below-content-col-padding-2 {
    padding: 29px 22.137px 28px 22.137px;
}

.dhckh-section-below-content-col-padding-3 {
    padding: 42px 40.891px 41px 40.891px;
}

.dhckh-section-below-content-col-padding-4 {
    padding: 39px 38.851px;
}

.dhckh-section-below-content-col-padding-5 {
    padding: 38px 32.231px;
}

.dhckh-section-below-content-col-padding-6 {
    padding: 43px 47.038px;
}

/* Image styles cho dhckh-section-below-content-col */
.dhckh-section-below-content-col-img {
    width: auto;
    height: 80px;
    max-width: 90%;
    object-fit: contain;
    display: block;
    margin: auto;
    border-radius: 16px;
}

/* Background cho dhckh-section-bottom-left */
.dhckh-section-bottom-left-bg {
    padding: 287px 79px 52px 24px;
    background-image: url('/images/vct-dhckh-im8.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* Image style cho dhckh-section-bottom-right */
.dhckh-section-bottom-right-img {
    width: 559px;
    height: 500px;
    object-fit: cover;
}

/* Padding cho dhckh-section-case-study */
.dhckh-section-case-study-padding {
    padding: 76px 20px 76.609px 89px;
}

/* --- Fix SOC 3 circle layout --- */
.vechungtoi-e3-flex {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 900px;
    margin: 100px auto 40px auto;
    /* dời xuống 10px */
}

.vechungtoi-e3a,
.vechungtoi-e3b,
.vechungtoi-e3c {
    width: 200px;
    height: 200px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}

.vechungtoi-e3-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.vechungtoi-e3-divider-horizontal {
    margin-top: 10px !important;
    /* dời đường ngang xuống 10px */
}

html,
body {
    overflow-x: hidden !important;
}

.dhckh-container {
    max-width: 1440px;
    width: 100%;
    /* margin: 100 auto; */
    margin-top: 100px;
    overflow-x: hidden;
}

.vechungtoi-b51:visited,
.vechungtoi-b52:visited,
.vechungtoi-b51:hover,
.vechungtoi-b52:hover,
.vechungtoi-b51:focus,
.vechungtoi-b52:focus,
.vechungtoi-b51:active,
.vechungtoi-b52:active {
    text-decoration: none !important;
}

.dhckh-btn-left,
.dhckh-btn-right,
.dhckh-btn-left:visited,
.dhckh-btn-right:visited,
.dhckh-btn-left:hover,
.dhckh-btn-right:hover,
.dhckh-btn-left:focus,
.dhckh-btn-right:focus,
.dhckh-btn-left:active,
.dhckh-btn-right:active {
    text-decoration: none !important;
}

/* Đảm bảo toàn bộ project dùng font Inter */
html, body, * {
  font-family: Inter, sans-serif !important;
}