@font-face {
    font-family: 'SF-Display-Black';
    src: url('../fonts/SF-Pro-Display-Black.otf');
}

@font-face {
    font-family: 'SF-Display-Bold';
    src: url('../fonts/SF-Pro-Display-Bold.otf');
}

@font-face {
    font-family: 'SF-Display-Light';
    src: url('../fonts/SF-Pro-Display-Light.otf');
}

@font-face {
    font-family: 'SF-Display-LightItalic';
    src: url('../fonts/SF-Pro-Display-LightItalic.otf');
}

@font-face {
    font-family: 'SF-Display-Semibold';
    src: url('../fonts/SF-Pro-Display-Semibold.otf');
}

@font-face {
    font-family: 'SF-Display-SemiboldItalic';
    src: url('../fonts/SF-Pro-Display-SemiboldItalic.otf');
}

@font-face {
    font-family: 'SF-Display-Medium';
    src: url('../fonts/SF-Pro-Display-Medium.otf');
}

@font-face {
    font-family: 'SF-Display-Regular';
    src: url('../fonts/SF-Pro-Display-Regular.otf');
}

@font-face {
    font-family: 'SF-Text-Bold';
    src: url('../fonts/SF-Pro-Text-Bold.otf');
}

@font-face {
    font-family: 'SF-Text-Light';
    src: url('../fonts/SF-Pro-Text-Light.otf');
}

@font-face {
    font-family: 'SF-Text-Medium';
    src: url('../fonts/SF-Pro-Text-Medium.otf');
}

@font-face {
    font-family: 'SF-Text-Regular';
    src: url('../fonts/SF-Pro-Text-Regular.otf');
}

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

:root {
    --color-primary: #ED1C24;
    --color-white: #ffffff;
    --color-black: #000000;
    --color-gray: #7B7B7B;
    --color-dark-gray: #565656;
    --color-border: #c6c6c6;

    --color-bg-grey: #F8F8F8;

    --color-chart-1: #707D7D;
    --color-chart-2: #313636;
    --color-chart-3: #ED1C24;
    --color-chart-4: #FF5649;
    --color-chart-5: #FF7F61;
    --color-chart-6: #FFACB2;
}

html {
    overflow-x: hidden;
}

body {
    font-family: 'SF-Display-Light' !important;
    font-size: 12px !important;
    color: var(--color-dark-gray) !important;
}

.table td,
.table th {
    font-size: 14px;
}

a,
a:hover {
    text-decoration: none !important;
}

.d-grid {
    display: grid;
}

.bg-grey {
    background-color: var(--color-bg-grey);
    padding-top: 30px;
}

.bg__global__img {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.title-h2 {
    font-size: 48px;
    line-height: 60px;
    margin-bottom: 20px;
}

p,
strong {
    font-size: 14px;
    line-height: 24px;
    color: var(--color-dark-gray);
}


strong,
b {
    font-family: 'SF-Display-Bold'
}

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

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

.p-67 {
    padding: 67px 0;
}

.p-80 {
    padding: 82px 0;
}

.pb-80 {
    padding-bottom: 82px;
}

.pt-80 {
    padding-top: 82px;
}

.p-90 {
    padding: 90px 0;
}

.title-chapter {
    color: var(--color-primary) !important;
}

.button {
    margin-top: 31px;
}

.button .btn-read-more {
    border: 1.5px solid var(--color-primary);
    border-radius: 6px;
    color: var(--color-primary);
    font-size: 16px;
    line-height: 21px;
    font-family: 'SF-Display-Medium';
    padding: 10px 20px;
    transition: .4s ease;
    outline: none;
    box-shadow: none;
}

.button .btn-read-more:focus {
    outline: none;
    box-shadow: none;
}

.button .btn-read-more:hover {
    background-color: var(--color-primary);
    color: var(--color-white);
}

.button .btn-read-more:hover svg path {
    fill: var(--color-white);
}

.button img {
    margin-left: 10px;
}

.overlay {
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    z-index: 98;
    transition: 0.4s ease-in-out;
}

.header-active .overlay {
    display: block;
}

.text__number {
    display: block;
    font-size: 60px;
    font-family: 'SF-Display-Light';
    line-height: 80px;
    color: var(--color-primary);
}

p.text__number {
    margin-bottom: 0;
}

/* Menu Mobile */
.menu-mobile {
    position: fixed;
    top: 0;
    right: 0;
    transform: translateX(1000%);
    width: 400px;
    height: 100%;
    color: #fff;
    text-transform: uppercase;
    background-color: var(--color-primary);
    background-size: cover;
    padding: 60px 30px 60px 50px;
    overflow: auto;
    z-index: 99;
    transition: 0.4s ease-in-out;
}

.header-active .menu-mobile {
    transform: translateX(0);
}

.menu-mobile ul {
    list-style: none;
    margin-bottom: 0;
    padding-top: 35px;
}

.menu-mobile ul li {
    position: relative;
    margin-bottom: 20px;
}

.menu-mobile li .ion-ios-play {
    margin-right: 6px;
}

.menu-mobile li>a {
    color: var(--color-white);
    font-size: 15px;
    text-transform: uppercase;
    display: inline-block;
}

.menu-mobile li .ion-ios-arrow-down {
    position: absolute;
    right: 0;
    top: 2px;
    display: inline-block;
    width: 30px;
    text-align: center;
    cursor: pointer;

}

.menu-mobile li .sub-menu {
    background-color: var(--color-white);
    padding: 15px;
    display: none;
    transition: display .4s ease;
    margin-top: 10px;
}

.menu-mobile li .sub-menu.add_show {
    display: block;
}

.menu-mobile li .sub-menu li {
    margin-bottom: 6px;
}

.menu-mobile li .sub-menu li a {
    text-transform: capitalize;
    color: var(--color-black);
}

.menu-mobile .hambuger .ion-android-close {
    display: block;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    background-color: #911225;
    color: var(--color-white);
    border-radius: 50%;
    position: absolute;
    top: 13px;
    right: 24px;
    font-size: 17px;
}

.menu-mobile .language {
    color: var(--color-white);
    font-size: 18px;
    position: absolute;
    right: 150px;
    top: 20px;
    z-index: 10;
}

.menu-mobile .language:before {
    content: "";
    width: 30px;
    height: 1px;
    background-color: var(--color-white);
    margin: 0 10px;
    display: inline-block;
    vertical-align: middle;
}

.menu-mobile .language:after {
    content: "";
    width: 30px;
    height: 1px;
    background-color: var(--color-white);
    margin: 0 10px;
    display: inline-block;
    vertical-align: middle;
}



/* Header */
.header {
    padding: 9px 0;
}

.header__text p {
    font-size: 18px;
    font-family: 'SF-Display-Bold';
    line-height: 24px;
    margin-bottom: 0;
    color: var(--color-dark-gray);
}

.header__lang a {
    font-family: 'SF-Display-Semibold';
    font-size: 12px;
    color: var(--color-border);
    padding: 0 5px;
}

.header__lang a.active,
.header__lang a:hover {
    color: var(--color-dark-gray);
}

.header__lang i {
    margin-right: 5px;
}

.col-language .navigation {
    justify-content: flex-end;
}

/* Banner */
.banner-home {
    position: relative;
    width: 100%;
    height: 95vh;
}

.video-bg {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    font-family: "object-fit: cover; object-position: center center;";
    position: absolute;
    width: 100%;
    height: 100%;
}

/* .banner-home::before {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .6);
} */

.banner-home .container {
    height: 100%;
}

.banner__text {
    position: relative;
    height: 100%;
    font-size: 36px;
    font-family: 'SF-Display-Regular';
    line-height: 42px;
    color: var(--color-white);
}

.scroll__navigation {
    position: absolute;
    text-align: center;
    width: 100%;
    left: 7px;
    margin-top: -107px;
}

.scroll__navigation span {
    display: block;
    font-size: 18px;
    font-family: 'SF-Display-Light';
    line-height: 24px;
    color: var(--color-white);
    margin-bottom: 10px;
}

.scroll__navigation svg {
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    50% {
        -webkit-transform: translate(0, 10px);
        transform: translate(0, 10px);
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

.icon-bg {
    height: 40px;
    width: 40px;
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    line-height: 40px;
    border: 1.5px solid var(--color-white);
    border-radius: 50%;
    font-size: 25px;
    color: var(--color-white);
    margin-top: 10px;
    transition: .4s ease;
}

.icon-bg:hover {
    background-color: var(--color-primary);
    color: var(--color-white);
    border-color: var(--color-primary);
}

.menu-side {
    position: fixed;
    left: 0;
    background-color: var(--color-dark-gray);
    z-index: 11;
    transition: .3s ease;
    height: 100%;
}

.menu-side.shrink {
    top: 0;
}

.menu-side .list__chapter {
    height: 100%;
}

.hambuger {
    padding: 0 12px;
    cursor: pointer;
    transition: .4s ease;
}

.hambuger:hover {
    background: var(--color-primary);
}

.mobile .hambuger {
    font-size: 26px;
    height: 35px;
    width: 35px;
    text-align: center;
    margin: 0 0 0 auto;
    padding: 0;
    background: var(--color-primary);
    line-height: 35px;
    border-radius: 50%;
    color: var(--color-white);
}

.menu-side .ion-navicon {
    font-size: 26px;
    color: var(--color-white);
}

.menu-side ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.menu-side ul li {
    position: relative;
    height: 70px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: .4s ease;
    padding: 0 12px;
}

.menu-side.shrink ul>li {
    height: 91px;
}

.menu-side.shrink ul>li:last-child .sub-hover {
    top: 0;
}

.menu-side ul>li:last-child .sub-hover {
    top: 0;
}

.menu-side ul li a {
    transition: .4s ease;
    color: var(--color-white);
}

.menu-side ul>li>a {
    height: inherit;
    display: flex;
    justify-content: center;
    align-items: center;
}

.menu-side ul li:hover {
    background-color: var(--color-primary);
}

.menu-side ul .sub-hover {
    position: absolute;
    width: 250px;
    background: var(--color-white);
    left: 100%;
    top: 0;
    padding: 25px;
    display: none;
    transition: .4s ease;
}

.sub-menu a:not([href]):not([class]):hover {
    color: var(--color-black) !important;
}

.menu-side ul .sub-hover li,
.menu-side.shrink ul .sub-hover li {
    height: auto;
}

.menu-side ul li:hover .sub-hover {
    display: block;
}

.sub-hover h3 {
    font-size: 14px;
    font-family: 'SF-Display-Bold';
    color: var(--color-dark-gray);
    line-height: 24px;
    transition: .4s ease;
}

.sub-hover h3:hover {
    color: var(--color-primary);
}

.list__chapter .sub-hover li {
    height: auto;
    padding: 0;
    text-align: left;
}

.list__chapter .sub-hover li:hover {
    background-color: transparent;
}

.list__chapter .sub-hover li:not(:last-child) {
    margin-bottom: 10px;
}

.sub-hover a {
    font-size: 12px;
    line-height: normal;
    color: var(--color-dark-gray) !important;
    display: block !important;
}

.sub-hover a:hover {
    color: var(--color-primary) !important;
}

.sub-hover p:not(:last-child) {
    margin-bottom: 15px;
}

/* Count Up */
.count-global small {
    font-size: 14px;
    font-family: 'SF-Display-Medium';
    line-height: 18px;
    color: var(--color-dark-gray);
    display: block;
}

.count-global span {
    font-size: 24px;
    font-family: 'SF-Display-Bold';
    line-height: 36px;
}

/* Introduce */
.introduce__text p {
    font-size: 29px;
    line-height: 36px;
    color: var(--color-primary);
    margin-bottom: 13.3px;
}

.introduce__text span {
    font-size: 14px;
    line-height: 24px;
    color: var(--color-dark-gray);
}

.introduce__text h3 {
    font-family: 'SF-Display-Semibold';
    font-size: 18px;
    line-height: 24px;
    color: var(--color-dark-gray);
}

/* About Home */
.about .image_temp {
    position: relative;
    max-width: 49%;
    flex: 0 0 auto;
    background-size: cover;
    height: 410px;
    background-position: center;
    margin-right: 50px;
}

.about .about__text {
    max-width: 70%;
    margin-left: 0;
}

.about .about__text img {
    margin-left: 10px;
}

.about .about__text p {
    border-bottom: 1px solid var(--color-border);
    padding: 0px 0 24px 0;
}

.about .button {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}

.about__text .button div {
    display: flex;
    transition: .4s ease;
}

.about .about__text .button a {
    position: relative;
    font-size: 14px;
    line-height: 24px;
    transition: .4s ease;
    color: var(--color-dark-gray);
}

.about .about__text .button i {
    border-color: var(--color-primary);
    color: var(--color-primary);
    height: 30px;
    width: 30px;
    line-height: 30px;
    font-size: 20px;
    margin-top: 0;
    margin-left: 10px;
    transition: .4s ease;
}

.about .about__text .button div:hover i {
    background-color: var(--color-primary);
    color: var(--color-white);
}

.about .about__text .button a::before {
    content: '';
    position: absolute;
    bottom: 0;
    height: 1px;
    width: 0%;
    background-color: var(--color-primary);
    transition: .4s ease;
}

.about .about__text .button div:hover a {
    color: var(--color-primary);
}

.about .about__text .button div:hover a::before {
    width: 100%;
}

/* Report */
.button .btn i,
.button .btn svg {
    margin-left: 10px;
    margin-top: -3px;
}

.report p {
    max-width: 80%;
}

.report .count-global p {
    font-size: 34px;
}

.title__chart__home {
    width: 51%;
    position: absolute;
}




/* Chart */
.chart {
    position: relative;
    top: 40px;
    width: 51%;
    height: 500px;
    flex: 1;
    max-width: 40%;
}

.chartsorting {
    height: 500px;
    width: 80%;
}

.report .chart__text .counter {
    position: absolute;
}

.chart__text i {
    color: var(--color-primary);
    font-size: 60px;
    font-weight: 600;
    margin-right: 15px;
}

.chart__info {
    position: relative;
    bottom: 45px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.chart__info .info__number span {
    position: relative;
    display: inline-block;
    height: 36px;
    width: 36px;
    font-size: 11px;
    border-radius: 50%;
    text-align: center;
    font-family: 'SF-Display-SemiboldItalic';
    color: var(--color-white);
}

.chart__info .info__number__1 span {
    background-color: var(--color-chart-6);
    top: -10rem;
}

.chart__info .info__number__2 span {
    background-color: var(--color-chart-5);
    top: -3rem;
}

.chart__info .info__number__3 span {
    background-color: var(--color-chart-4);
    top: -1rem;
}

.chart__info .info__number__4 span {
    background-color: var(--color-chart-3);
}

.chart__info .info__number__5 span {
    background-color: var(--color-chart-2);
}

.chart__text {
    justify-content: space-between;
    flex-direction: column;
    margin-left: 40px;
}

.chart__text .note_chart ul {
    list-style: none;
    position: relative;
    bottom: 45px;
}

.chart__text .note_chart ul li {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.chart__text .note_chart ul li span {
    display: block;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    margin-right: 6px;
}

.chart__text .note_chart ul li:nth-child(1) span {
    background: var(--color-chart-6);
}

.chart__text .note_chart ul li:nth-child(2) span {
    background: var(--color-chart-5);
}

.chart__text .note_chart ul li:nth-child(3) span {
    background: var(--color-chart-4);
}

.chart__text .note_chart ul li:nth-child(4) span {
    background: var(--color-chart-3);
}

.chart__text .note_chart ul li:nth-child(5) span {
    background: var(--color-chart-2);
}

.chart__text .note_chart ul li:nth-child(6) span {
    background: var(--color-chart-1);
}

/* Section home 5 */
.sction-home-5 {
    background-color: var(--color-bg-grey);
}

.home__5__img {
    margin-right: 40px;
}

.sction-home-5 .button {
    margin-top: 50px;
}

/* ===============
CHƯƠNG 1
===============*/
.banner-page {
    background-color: var(--color-bg-grey);
    padding: 43px 0;
}

.banner small {
    font-family: 'SF-Display-LightItalic';
    font-size: 14px;
    line-height: 24px;
    color: var(--color-dark-gray);
    margin-bottom: 12px;
    display: block;
}

.banner h1.title-chapter {
    font-size: 48px;
    line-height: 60px;
    color: var(--color-primary);
    font-family: 'SF-Display-Light';
}

.banner-page h1 {
    color: var(--color-dark-gray);
    font-size: 36px;
    line-height: 48px;
}

.slide-look .swiper-backface-hidden .swiper-slide {
    background-color: var(--color-white);
}

.slide-look img {
    padding-top: 63px;
    overflow: hidden;
}

.slide-look .swiper-pagination {
    text-align: left;
}

.slide-look .swiper-pagination-bullet {
    transition: 0.4s;
    height: 5px;
    width: 5px;
    left: 0;
}

.slide-look .swiper-pagination-bullet-active {
    border-radius: 10px;
    width: 30px;
    height: 5px;
    background: var(--color-primary);
}

.introduce__text .button {
    margin-top: 40px;
}

.bg__tamnhin {
    padding: 100px 0;
}

.text__tamnhin_left h4 {
    font-size: 14px;
    line-height: 24px;
    color: var(--color-primary);
    font-family: 'SF-Display-Bold';
    margin-bottom: 25px;
}

.text__tamnhin_left h5 {
    font-size: 18px;
    line-height: 24px;
    color: var(--color-dark-gray);
    font-family: 'SF-Display-Semibold';
    margin-bottom: 55px;
}

.text__tamnhin__count:not(:last-child) {
    margin-bottom: 30px;
}

.text__tamnhin__right .box_baocao {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-bottom: 30px;
}

.item__1 {
    padding: 20px;
    border: 1.5px solid var(--color-primary);
    border-radius: 20px;
    transition: .4s ease !important;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}

.item__1:hover {
    box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
}

.chapter__activitive {
    padding: 76px 0 56px 0;
}

.chapter__activiti__about {
    padding: 64px 0 67px 0;
}

table {
    color: var(--color-dark-gray) !important;
    text-align: left;
}

.chapter__activitive__box h4 {
    border-bottom: 1px solid var(--color-primary);
    margin-bottom: 15px;
}

.tamnhin_dulieu span {
    margin-right: 10px;
}

.count-global h5 {
    font-size: 18px;
    font-family: 'SF-Display-Semibold';
    line-height: 24px;
    color: var(--color-dark-gray);
    margin-bottom: 10px;
    margin-top: -12px;
}

.title__chart__home h5,
.title__chart__home small{
    font-size: 14px;
    font-family: 'SF-Display-Medium';
    line-height: 18px;
    color: var(--color-dark-gray);
    margin: 0;
}

.title__chart__home small {
    font-family: 'SF-Display-Light';
}


.text__tamnhin__right .count-global small {
    font-family: 'SF-Display-Medium';
    font-size: 14px;
    line-height: 18px;
}

.bg__gradion__red {
    background: -webkit-linear-gradient(to right, #C61D23, #EF4044);
    background: linear-gradient(to right, #C61D23, #EF4044);
    padding: 25px;
    border-radius: 20px;
    color: var(--color-white);
}

.bg__gradion__red h4 {
    color: var(--color-white);
}

.bg_box_tamnhin h5 {
    font-family: 'SF-Display-Medium';
    font-size: 18px;
    line-height: 24px;
}

.bg_box_tamnhin p,
.bg_box_tamnhin li {
    font-family: 'SF-Display-Light';
    font-size: 14px;
    line-height: 24px;
    color: var(--color-white);
}

.bg_box_tamnhin ul {
    padding-left: 15px;
}

.ul_tamnhin {
    list-style: none;
    padding-left: 15px;
    margin-bottom: 0;
}

.ul_tamnhin li {
    font-family: 'SF-Display-Light';
    font-size: 14px;
    line-height: 24px;
    color: var(--color-dark-gray);
}

.section__text_tamnhin .ul_tamnhin li {
    font-family: 'SF-Display-Bold';
}

.ul_tamnhin li::before {
    content: "\2022";
    color: var(--color-primary);
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}

.bg_box_report {
    padding: 25px;
    border-radius: 20px;
    border: 1.5px solid var(--color-primary);
    box-shadow: rgb(0 0 0 / 16%) 0px 10px 36px 0px, rgb(0 0 0 / 6%) 0px 0px 0px 1px;
    margin-bottom: 30px;
}

.bg_box_report ul {
    list-style: none;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-bottom: 0;
}

.bg_box_report ul li {
    font-size: 14px;
    line-height: 24px;
    font-family: 'SF-Display-Bold';
}

.section_counter_report {
    padding-top: 210px;
    margin-top: -15rem;
}

.section_counter_report .text__number {
    font-size: 50px;
}

.section_counter .col-sm-3:not(:last-child) {
    margin-bottom: 50px;
}

.section_counter h5 {
    height: 55px;
}

.text__report__1 {
    font-size: 24px;
    line-height: 36px;
    color: var(--color-primary);
    font-family: 'SF-Display-Light';
}

.text__report__h3 {
    font-size: 24px;
    line-height: 32px;
    color: var(--color-dark-gray);
    font-family: 'SF-Display-Bold';
}

.text__phattrien {
    font-size: 20px;
}

.text__report_strategy {
    font-size: 36px;
    line-height: 48px;
    color: var(--color-dark-gray);
    font-family: 'SF-Display-Regular';
}

.text__report_stage {
    font-size: 60px;
    line-height: 80px;
    color: var(--color-primary);
    font-family: 'SF-Display-Light';
}

.text__report__h4__red {
    font-size: 18px;
    line-height: 24px;
    color: var(--color-primary);
    font-family: 'SF-Display-Semibold';
}

.text__report__h4__grey {
    font-size: 18px !important;
    line-height: 24px !important;
    color: var(--color-dark-gray) !important;
    font-family: 'SF-Display-Semibold';
}

.text__report_left h5 {
    font-size: 24px;
    line-height: 32px;
    font-family: 'SF-Display-Bold';
    margin-bottom: 32px;
}

.button_page {
    position: absolute;
    bottom: 0px;
}

ul.tabs {
    margin-bottom: 0;
}

.button_page .button__download_pdf {
    border-color: var(--color-primary);
    color: var(--color-primary);
}

.button_page .button__download_pdf:hover {
    color: var(--color-primary);
}

.text__tamnhin__right .counter p {
    font-size: 45px;
}

.accordion_report ul {
    list-style: none;
}

.accordion_report ul .logo_small {
    width: 150px;
    height: 120px;
    object-fit: contain;
}

.section__mission__button .banner__title__chapter {
    margin-bottom: 100%;
}

.accordion_report ul li {
    border-bottom: 1px solid var(--color-primary);
    padding: 20px 0;
}

.accordion_report ul li:first-child {
    border-top: 1px solid var(--color-primary);
}

.accordion_report ul li.accordion-chevron span,
.accordion_report ul li.accordion-chevron p {
    font-size: 14px;
    line-height: 24px;
    font-family: 'SF-Display-Bold';
    color: var(--color-primary);
}

.accordion_report ul li.accordion-chevron p {
    color: var(--color-dark-gray);
    margin-bottom: 0;
    word-break: break-word;
    width: 88%;
}

.accordion_report ul li.accordion-chevron .icon_acc img {
    position: absolute;
    right: 4px;
    top: -14px;
    transition: .4s ease;
}



.accordion_report ul li.accordion-chevron .chev .icon_acc img.icon_plus {
    display: none;
}

.accordion_report ul li.accordion-chevron .img_bank {
    margin-top: 17px;
}

/* ==========
Chapter 2
============= */
.page__about__us .chapter_about__desc .service__items .item__1 img {
    height: 60px;
    width: 60px;
    margin-bottom: 20px;
}

.list-breadcrum {
    list-style: none;
    margin-bottom: 0;
}

.list-breadcrum li a {
    position: relative;
    font-size: 14px;
    line-height: 36px;
    font-family: 'SF-Display-Bold';
    color: var(--color-dark-gray);
    transition: .4s ease;
}

.list-breadcrum li a::before {
    position: absolute;
    content: '';
    height: 1px;
    width: 0%;
    bottom: 0;
    background-color: var(--color-primary);
    transition: .4s ease;
}

.list-breadcrum li a:hover::before {
    width: 100%;
}

.list-breadcrum li a:hover {
    color: var(--color-primary);
}

.list-breadcrum li img {
    margin-right: 5px;
}

.bg__chapter__story__about {
    padding: 87px 0 96px 0;
}

.banner__title__chapter h2 {
    color: var(--color-white);
    font-size: 36px;
    line-height: 48px;
    font-family: 'SF-Display-Regular';
}

.banner__text__chapter p {
    color: var(--color-white);
    font-size: 24px;
    line-height: 36px;
    font-family: 'SF-Display-Light';
}

.banner__text__chapter .btn-read-more {
    border-color: var(--color-white);
    color: var(--color-white);
    /* margin-top: 15px; */
}

.banner__text__chapter .btn-read-more:hover {
    border-color: var(--color-primary);
}

.banner__text__chapter .btn-read-more path {
    fill: var(--color-white);
}

.bg_chapter_parallax {
    position: relative;
    overflow: hidden;
    background-attachment: fixed;
}

.bg_chapter_parallax p {
    margin-bottom: 0px;
}

.bg__chapter__mission {
    height: 637px;
}

.banner__text__chapter__misstion {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
}

.chapter__misstion__text h3 {
    color: var(--color-white);
    font-size: 18px;
    line-height: 24px;
    font-family: 'SF-Display-Semibold';
}

.chapter__misstion__text p {
    color: var(--color-white);
    font-size: 14px;
    line-height: 24px;
    font-family: 'SF-Display-Light';
}

.chapter__misstion__inner:first-child img {
    margin-top: -15px;
}

.chapter__misstion__img img {
    /* width: 60px; */
    margin-right: 15px;
}

.bg__chapter__history .banner__title__chapter h2 {
    color: var(--color-dark-gray);
}


.bg__chapter__history .banner__text__chapter p {
    color: var(--color-dark-gray);
    font-size: 14px;
    line-height: 24px;
    font-family: 'SF-Display-Bold';
}

.bg__chapter__history .btn-read-more {
    border-color: var(--color-primary);
    color: var(--color-primary);
}

.bg__chapter__history .btn-read-more path {
    fill: var(--color-primary);
}

.bg__chapter__history .btn-read-more:hover {
    border-color: var(--color-primary);
    color: var(--color-white);
    fill: var(--color-white);
}

.bg__chapter__about {
    height: 95vh;
}

.bg__chapter__about .container {
    position: absolute;
    bottom: 63px;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
}

.text__chapter_about {
    padding: 30px 0;
}

.chapter_about__desc p {
    color: var(--color-dark-gray);
    margin-bottom: 0;
}

.service__items {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

/* .service__items img {
    height: 60px;
    width: 60px;
    margin-bottom: 15px;
} */

.page__history__tech .chapter__history {
    padding: 63px 0;
}

.chapter__title {
    font-size: 24px;
    line-height: 36px;
    font-family: 'SF-Display-Bold';
    color: var(--color-white);
}

.chapter__history__desc h2 {
    font-size: 60px;
    line-height: 80px;
    color: var(--color-white);
}

.chapter__history__desc ul {
    list-style: none;
}

.chapter__history__desc ul li:not(:last-child) {
    margin-bottom: 6px;
}

.chapter__history__desc ul li a {
    font-size: 14px;
    color: var(--color-border);
    display: block;
}

.chapter__history__desc ul li.active a {
    font-size: 60px;
    line-height: 80px;
    color: var(--color-white) !important;
}

.chapter__history__desc ul li a:hover {
    color: var(--color-primary);
}

.tab-item {
    display: none;
    transition: .4s ease;
    transform: translateY(0%);
}

.tab-item p:not(:last-child) {
    margin-bottom: 20px;
}

.chapter__history .button__download_pdf {
    color: var(--color-white);
    border-color: var(--color-white);
}

.chapter__history .tabs li:not(:last-child) {
    padding-bottom: 0;
}

.chapter__history .button__download_pdf:hover {
    color: var(--color-white);
}

.chapter__activitive__box {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.chapter__active__map {
    background-repeat: no-repeat;
    background-size: contain;
    height: 630px;
    background-position: right;
}

.chapter__active__map ul {
    position: relative;
}

.chapter__active__map ul li {
    position: absolute;
}

.chapter__active__map ul li:first-child {
    right: 13rem;
    top: 2rem;
}

.chapter__active__map ul li:nth-child(2) {
    top: 4rem;
    right: 8rem;
}

.chapter__active__map ul li:nth-child(3) {
    top: 4rem;
    right: 5rem;
}

.chapter__active__map ul li:nth-child(4) {
    top: 13rem;
    right: 6rem;
}

.chapter__active__map ul li:nth-child(5) {
    top: 18rem;
    right: 2rem;

}

.chapter__active__map ul li:nth-child(6) {

    top: 23rem;
    right: 4rem;
}

.chapter__active__map ul li:nth-child(7) {
    top: 33rem;
    right: 8rem;
}

.chapter__active__map ul li:last-child {

    top: 30rem;
    right: 3rem;
}


.chapter__active__map img {
    cursor: pointer;
    transition: .4s ease;
}

.chapter__active__map img:hover {
    transform: rotate(90deg);
}

.sub__desc__map {
    position: relative;
    z-index: 11;
    padding: 30px;
    display: none;
    transition: display .4s ease;
    width: 200px;
}

.sub__desc__map.active {
    display: block;
}

.sub__desc__map img {
    position: absolute;
    top: 2px;
    right: 2px;
}

.sub__desc__map p {
    color: var(--color-white);
    text-align: left;
}


.activiti__company_5 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

.activiti__company_5 .item__5 {
    display: flex;
    align-items: center;
}

.activiti__company_5 span {
    color: var(--color-primary);
    margin-right: 6px;
}

.item__5__number {
    font-size: 36px;
    line-height: 48px;
}

.item__5__text {
    font-size: 18px;
    line-height: 24px;
}

.activiti__about__text p {
    font-family: 'SF-Display-Bold';
    font-size: 14px;
    line-height: 24px;
    color: var(--color-white);
}

.activiti__about__text h4 {
    font-size: 50px;
    line-height: 70px;
}

.activiti__about__text h5 {
    font-family: 'SF-Display-Bold';
    font-size: 24px;
    line-height: 36px;
    color: var(--color-white);
}

.activiti__about__text .bg_box_tamnhin .text_right {
    border-left: 1px solid var(--color-white);
    padding-left: 45px;
}

.detail__hose {
    margin-top: 30px;
}

.activiti__about__text .bg_box_tamnhin small {
    color: var(--color-white);
}

.activiti__about__text small {
    font-size: 14px;
    line-height: 24px;
    color: var(--color-dark-gray);
}

.activiti__about__text .detail__hose h5,
.activiti__about__text .detail__hose h4,
.activiti__about__text .detail__hose p,
.chapter__activiti__about .text__report_strategy,
.activiti__about__text .activiti__about__text__p {
    color: var(--color-primary)
}

.activiti__about__text .text_left span {
    font-size: 20px;
    font-family: 'SF-Display-Bold';
}

.activiti__about__text .text_center {
    padding: 0 35px;
    border-left: 1px solid var(--color-white);
    border-right: 1px solid var(--color-white);
}

.award__chapter,
.tech__amc,
.chapter__shareholder__pie__chart {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.award__chapter {
    margin-top: 30px;
}

.award__chapter .item__1 h4 {
    border-bottom: 0;
    margin-bottom: 0;
}

.award__chapter .item__1 p {
    color: var(--color-dark-gray);
    font-family: 'SF-Display-Medium';
}

.chapter__activiti__award {
    padding: 65px 0 66px 0;
}

.chapter__activiti__award .img__award {
    height: 100px;
    width: 100px;
    object-fit: contain;
    margin-bottom: 20px;
}

.chapter__activiti__award .chapter__award__text h4 {
    margin-bottom: 20px;
}

.p__border {
    border-bottom: 1px solid var(--color-primary);
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.detail__table__shareholder {
    padding: 10px 0;

}

.detail__table__shareholder:not(:last-child) {
    border-bottom: 1px solid var(--color-border);
}

.chapter__shareholder__counter .item__1 {
    padding: 60px 20px;
}

.chapter__shareholder__counter p {
    font-size: 40px;
    line-height: 48px;
    color: var(--color-primary);
    font-family: 'SF-Display-Medium';
    margin-bottom: 0;
}

.chapter__shareholder__counter small {
    font-size: 14px;
    line-height: 24px;
    color: var(--color-primary);
    font-family: 'SF-Display-Medium';
}

.shareholder__pie__chart {
    background: -webkit-linear-gradient(to bottom, #D8D8D8, #ffffff);
    background: linear-gradient(to bottom, #D8D8D8, #ffffff);
    padding: 30px;
    border-radius: 20px;
    border: 1px solid #fff;
    box-shadow: rgb(50 50 93 / 25%) 0px 13px 27px -5px, rgb(0 0 0 / 30%) 0px 8px 16px -8px;
    transition: .4s ease;
}

.shareholder__pie__chart:hover {
    box-shadow: rgb(0 0 0 / 30%) 0px 19px 38px, rgb(0 0 0 / 22%) 0px 15px 12px;
}

.pie__chart__info div {
    width: 50%;
}

.pie__chart__info .pie__chart__info__right {
    text-align: right;
}

.pie__chart__share {
    height: 130px;
    width: 130px;
    position: relative;
    margin: 0 auto;
}

.pie__chart {
    height: 180px;
    width: 180px;
    margin: 0 auto;
    border-radius: 50%;
    background-color: var(--color-white);
    padding: 20px;
    margin-bottom: 20px;
    /* box-shadow: 6px 6px 10px -1px rgba(0, 0, 0, .15),
        -6px -6px 10px -1px rgba(255, 255, 255, .7); */
}

.pie__chart__inner {
    position: relative;
    height: 140px;
    width: 140px;
    border-radius: 50%;
    border: 3px solid var(--color-border);
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 14px;
    text-align: center;
    /* box-shadow: inset 4px 4px 6px -1px rgba(0, 0, 0, .2),
        inset -4px -4px 6px -1px rgba(255, 255, 255, .7),
        -0.5px -0.5px 0px rgba(255, 255, 255, 1),
        0.5px 0.5px 0px rgba(255, 255, 255, 0.15),
        0px 12px 10px -10px rgba(0, 0, 0, .05); */
}

.pie__chart svg {
    position: absolute;
    top: -13px;
    left: -13px;
}

.pie__chart circle {
    fill: none;
    stroke: var(--color-primary);
    stroke-width: 5px;
    stroke-dasharray: 472;
    stroke-dashoffset: 472;
}


.pie__chart .svg_1 circle {
    animation: anim 2s linear forwards;
}

.pie__chart .svg_2 circle {
    animation: anim_2 2s linear forwards;
}

.pie__chart .svg_3 circle {
    animation: anim_3 2s linear forwards;
}

.pie__chart .svg_4 circle {
    animation: anim_4 2s linear forwards;
}


@keyframes anim {
    100% {
        stroke-dashoffset: 105;
    }
}

@keyframes anim_2 {
    100% {
        stroke-dashoffset: 250;
    }
}

@keyframes anim_3 {
    100% {
        stroke-dashoffset: 390;
    }
}

@keyframes anim_4 {
    100% {
        stroke-dashoffset: 253;
    }
}

.pie__chart__inner .pie__chart__text p {
    font-size: 12px;
    line-height: 14px;
}

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

.shareholder__pie__chart p {
    font-size: 14px;
    margin-bottom: 0;
    line-height: 20px;
}

.pie__chart__info__right h4,
.pie__chart__info__right p {
    color: var(--color-primary);
}

.chart__line__note {
    margin: 7rem 0;
}

.chart__line__note ul {
    list-style: none;
}

.chart__line__note ul li {
    position: relative;
    padding-left: 40px;
}

.chart__line__note ul li::before {
    content: '';
    position: absolute;
    height: 3px;
    width: 23px;
    border-radius: 20px;
    top: 7px;
    left: 0;
    display: block;
}

.chart__line__note ul li:first-child::before {
    background-color: #EF5F8F;
}

.chart__line__note ul li:nth-child(2)::before {
    background-color: #6C77B8;
}

.chart__line__note ul li:nth-child(3)::before {
    background-color: #FDC00F;
}

.chart__line__note ul li:last-child::before {
    background-color: #81929F;
}

/* ========
Chapter 3
===========*/
.achievement__tech__inner {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

.section__1__achievement .button,
.section__5__achievement .button {
    margin-top: 48px;
}

.section__2__achievement .button {
    margin-top: 26px;
}

.section__3__achievement .button {
    margin-top: 43px;
}

.section__4__achievement .button {
    margin-top: 30px;
}

.achievement__tech__box__border {
    border-bottom: 1px solid var(--color-primary);
    margin-bottom: 10px;
}

.achievement__tech__box .text__report__1 {
    font-family: 'SF-Display-Bold';
}

.achievement__tech__chaper .text__report__h3 {
    margin-bottom: 40px;
}

.achievement__tech__1 p {
    font-size: 24px;
    line-height: 36px;
    color: var(--color-white);
}

.achievement__tech__img img {
    margin-right: 10px;
}

.achievement__title__chapter .item__1 {
    padding: 50px 20px;
}

.text__chapter__achievement p {
    color: var(--color-white);
}

.text__chapter__achievement .btn-read-more {
    border-color: var(--color-white);
    color: var(--color-white);
}

.text__chapter__achievement .btn-read-more:hover {
    border-color: var(--color-primary);
}

.text__chapter__achievement .btn-read-more path {
    fill: var(--color-white);
}

.section__6__bank {
    padding: 65px 0;
}

.section__6__bank .ul_tamnhin {
    margin-bottom: 0;
}

.section__6__bank ul li {
    font-family: 'SF-Display-Light';
}

.section__2__bank .section__achievement h4 {
    margin-bottom: 0;
}

/*.section__2__bank .number__chart {*/
/*    margin-left: 27px;*/
/*}*/

.section__2__bank .report__chart {
    position: relative;
    margin-top: 77px;
}

.section__2__bank .chart__text {
    justify-content: flex-end;
}

.bank__2__bussiness {
    padding: 71px 0 0 0;
}

.bank__1__bussiness {
    padding: 87px 0 70px 0;
}

.bank__1__bussiness .nav-tab {
    border-right: 1px solid var(--color-gray);
    padding-right: 30px;
}

.bank__1__bussiness .tab-content {
    margin-left: 73px;
}

.bank__1__bussiness h3 {
    margin-bottom: 21px;
}

.tabs {
    list-style: none;
}

.tabs li:not(:last-child) {
    padding-bottom: 20px;
}

.tabs li.active a {
    color: var(--color-primary);
}

.tabs li a {
    font-size: 14px;
    line-height: 24px;
    color: var(--color-dark-gray);
    display: block;
}

.bank__1__bussiness .tab-content h4 {
    margin-bottom: 21px;
}

.bank__2__bussiness .achievement__tech__box,
.page__retail .achievement__tech__box {
    padding: 60px 20px;
    justify-content: center;
    display: flex;
    flex-direction: column;
}


.bank__1__bussiness__ban__buon {
    height: 450px;
}

.bank__1__bussiness__ban__buon h3,
.bank__1__bussiness__ban__buon h4,
.bank__1__bussiness__ban__buon li a,
.bank__1__bussiness__ban__buon p {
    color: var(--color-white) !important;
}

.bank__1__bussiness__ban__buon .tabs li.active a {
    font-family: 'SF-Display-Bold';
}

.bank__1__bussiness__ban__buon .nav-tab {
    border-color: var(--color-white);
}

.bank__giaodich__1 .achievement__tech__box small {
    height: 40px;
}

.bank__giaodich__2 h5 {
    font-size: 14px;
    line-height: 24px;
    font-family: 'SF-Display-Bold';
}

.bank__giaodich__3 .item__info {
    grid-template-columns: repeat(2, 1fr);
    background-color: #F7F7F7;
}

.bank__giaodich__3 .item__info__text {
    padding: 36px;
}

.bank__giaodich__3 .item__info__img img {
    height: 100%;
}

.bank__giaodich__3 .item__info__text ul li {
    font-family: 'SF-Display-Light';
}

.bank__giaodich__3 .item__info__text h5 {
    font-size: 14px;
    line-height: 24px;
    border-bottom: 1px solid var(--color-border);
    padding-bottom: 20px;
    margin-bottom: 20px;
    font-family: 'SF-Display-Bold';
}

.bank__giaodich__3 .tab-content,
.bank__giaodich__3 .nav-tab {
    padding: 0;
    border: none;
    margin: 0;
}

.bank__giaodich__3 h4 {
    border-bottom: 1px solid var(--color-border);
    padding-bottom: 15px;
    margin-bottom: 24px;
}

.bank__giaodich__4 {
    padding: 41px 0 60px 0;
}

.bank__giaodich__5 {
    padding-bottom: 24px;
}

.bank__giaodich__5 h4 {
    margin-bottom: 30px;
}

.bank__giaodich__5 h5 {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 0;
    font-family: 'SF-Display-Bold';
}

.bank__giaodich__5__inner img {
    margin-right: 36px;
}

.bank__giaodich__6 .img {
    min-width: 160px;
    text-align: right;
    margin-right: 29px;
}

.bank__giaodich__6__inner:not(:last-child) .text {
    border-bottom: 1px solid var(--color-border);
    margin-bottom: 12px;
    width: 100%;
}

.bank__giaodich__6 .row {
    border-top: 1px solid var(--color-primary);
    padding-top: 20px;
}

.bank__1__retail__right {
    margin-bottom: 66px;
}

.bank__1__retail .text__report__h3 {
    margin-bottom: 40px;
}

.bank__1__retail__left__text {
    border-top: 1px solid var(--color-primary);
    border-bottom: 1px solid var(--color-primary);
    padding: 19px 0;
}

.bank__1__retail__right img {
    height: 70px;
    margin-bottom: 37px;
}

.retail__right__img {
    margin-bottom: 22px;
}

.retail__right__img p {
    font-family: 'SF-Display-Bold';
    margin-bottom: 0;
}

.bank__1__retail__left__text p {
    font-family: 'SF-Display-Bold';
    margin-bottom: 0;
}

.bank__1__retail__left__text span {
    margin-right: 10px;
}

.bank__1__retail__award ul {
    list-style: none;
}

.bank__1__retail__award ul li {
    display: flex;
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 24px;
}

.bank__1__retail__award ul li span {
    display: inline-block;
    font-size: 36px;
    margin-right: 10px;
    color: var(--color-primary);
    line-height: 48px;
}

.bank__1__retail .button_page {
    position: relative;
    margin-top: 46px;
}

/* Chapter 4 */
.bg__chapter__slide .swiper h3 {
    color: var(--color-white);
    margin-bottom: 45px;
}

.bg__chapter__slide .mySwiper {
    padding-left: 20px;
    padding-right: 20px;
}

.img_hdqt {
    display: grid;
    grid-template-columns: 2fr 2fr 3fr 1fr;
    gap: 15px;
    width: 100%;
    padding-bottom: 116px;
}

.img_hdqt .list__left {
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    display: grid;
}

.img_hdqt .list__right {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    width: 100%;
    gap: 15px;
}

.img_hdqt .list__center {
    height: 278px;
    width: 100%;
    background: #F0F0F0;
    border-radius: 20px;
}

.img_hdqt .list__right .img__item,
.img_hdqt .list__left .img__item {
    height: 130px;
    width: 100%;
    background: #F0F0F0;
    border-radius: 20px;
}

.img_hdqt img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 20px;
}

.list_ban_kiem_soat {
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}

.list_ban_kiem_soat img {
    border-radius: 20px;
    width: 118.13px;
    height: 130px;
    object-fit: cover;
}

.doi__ngu h2 {
    font-size: 60px;
    line-height: 70px;
    color: var(--color-white);
    font-family: 'SF-Display-Regular';
    text-transform: uppercase;
    margin-bottom: 0;
    margin-top: 50px;
}

.list__doingu h4 {
    margin-bottom: 29px;
    text-align: right;
    color: var(--color-white);
}

.bg__chapter__slide .swiper-button-next,
.bg__chapter__slide .swiper-button-prev {
    top: auto;
    bottom: 3%;
    left: 1%;
}

.bg__chapter__slide .swiper-button-next {
    right: auto;
    left: 6%;
}

.bg__chapter__slide .swiper-button-next:after,
.bg__chapter__slide .swiper-button-prev:after {
    display: none;
}

.pie__chart__benvung .pie__chart__inner {
    border-color: var(--color-primary) var(--color-primary) var(--color-dark-gray) var(--color-border);
    transform: rotate(45deg);
    animation: anim_5 2s linear forwards;
}

@keyframes anim_5 {
    100% {
        stroke-dashoffset: 253;
    }
}

.pie__chart__benvung .pie__chart__text {
    transform: rotate(-45deg);
}

.section__1__develop .ul_tamnhin li {
    margin-bottom: 20px;
}

.section__1__ruiro__develop {
    padding-bottom: 200px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.ben_vung__chapter4 ul li::before {
    display: none;
}

.ben_vung__chapter4 ul {
    padding: 0;
    list-style: none;
}

.ben_vung__chapter4 ul li span {
    color: var(--color-primary);
    font-family: 'SF-Display-Bold';
    display: inline-block;
    margin-right: 10px;
}

.ben_vung__chapter4 ul li .sub_ul li {
    margin-bottom: 0;
}

.sohoa_tech ul {
    display: flex;
    flex-wrap: wrap;
}

.sohoa_tech ul li {
    width: 46%;
    margin-right: 20px;
}

.ben_vung__chapter__run img {
    width: 172px;
    height: 190px;
    object-fit: cover;
}

.ben_vung__chapter__run img:last-child {
    height: 223px;
    margin-top: -11px;
}

.pie__chart__benvung {
    grid-template-columns: 2fr 1fr;
    gap: 30px;
}

.pie__chart__benvung .pie__chart {
    margin: 0;
    margin-right: 34px;
}

.pie__chart__benvung .shareholder__pie__chart {
    background: -webkit-linear-gradient(to right, #D8D8D8, #ffffff);
    background: linear-gradient(to right, #D8D8D8, #ffffff);
}

.pie__chart__benvung .pie__chart__info,
.pie__chart__benvung .pie__chart__info div {
    width: 100%;
}

.pie__chart__info__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.pie__chart__info__inner:not(:last-child) {
    margin-bottom: 15px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--color-border);
}

.pie__chart__info__inner h4 {
    font-size: 36px;
    line-height: 48px;
    font-family: 'SF-Display-Regular';
}

.pie__chart__info__inner:first-child h4 {
    color: var(--color-primary);
}

.pie__chart__info__inner:last-child h4 {
    color: var(--color-border);
}

.pie__chart__benvung__2 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 30px;
}

.tab-hdqt ul.tabs {
    border-top: 1px solid var(--color-border);
    padding-top: 20px;
    margin-bottom: 51px;
    text-align: center;
}

.tab-hdqt ul li {
    padding-bottom: 0;
}

.tab-hdqt ul li:not(:last-child) {
    margin-right: 50px;
}

.tab-hdqt .tabs li a {
    font-family: 'SF-Display-Light';
    transition: .4s ease;
}

.tab-hdqt .tabs li.active a,
.tab-hdqt .tabs li a:hover {
    color: var(--color-primary);
    text-decoration: underline !important;
    font-family: 'SF-Display-Bold';
}

.info-tab .text__top {
    border-bottom: 1px solid var(--color-primary);
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.text-hdqt .button {
    margin-top: 0;
}

.text-hdqt h5 {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 0;
    font-family: 'SF-Display-Bold';
}

.text-hdqt .text__top p {
    margin-bottom: 0;
}

.info-tab img {
    background: #F0F0F0;
    border-radius: 50%;
    margin-right: 32px;
    margin-bottom: 20px;
}

.tab-hdqt .info-tab {
    margin-bottom: 75px;
}

.tab-hdqt .info-tab .text-hdqt {
    width: 100%;
}

.section__tab__hdqt__text__right h4 {
    margin-bottom: 34px;
}

.section__tab__hdqt__bg {
    border-radius: 20px;
    padding: 49px;
    border: 1px solid var(--color-primary);
    box-shadow: rgb(0 0 0 / 16%) 0px 10px 36px 0px, rgb(0 0 0 / 6%) 0px 0px 0px 1px;
    background-color: var(--color-white);
}

.section__tab__hdqt__bg h5 {
    font-size: 14px;
    line-height: 24px;
    font-family: 'SF-Display-Bold';
}

.section__tab__hdqt__bg:not(:last-child) {
    margin-bottom: 61px;
}

.pie__chart__benvung___3 {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-bottom: 54px;
}

.section__tab__bld p {
    max-width: 65%;
    margin-bottom: 0;
}

.section__tab__bld ul {
    list-style: none;
}

.section__tab__bld ul li {
    position: relative;
    padding-left: 20px;
    font-size: 13px;
    line-height: 24px;
}

.section__tab__bld ul li:before {
    content: '';
    position: absolute;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    left: 0;
    top: 5px;
}

.section__tab__bld ul li:first-child:before {
    background-color: var(--color-primary);
}

.section__tab__bld ul li:last-child:before {
    background-color: var(--color-gray);
}

.section_van_hoa__3 .service__items {
    grid-template-columns: repeat(4, 1fr);
}

.section__2__vanhoa .text_right h4 {
    font-family: 'SF-Display-Bold';
}

.bank__tech__chapter__4 .bank__van__hoa {
    margin-bottom: 30px;
}

.chuyen__doi__so__inner img {
    margin-right: 10px;
}

.section__2__doi__so .item__1 {
    border-color: var(--color-white);
}

.section__2__doi__so .item__1 small {
    color: var(--color-white);
    font-size: 14px;
    line-height: 24px;
}

.section__3__doi__so .text__report__h4__grey {
    margin-bottom: 15px;
}

.section__3__doi__so .col-sm-4:not(:last-child) {
    margin-bottom: 20px;
}

.section__2__du__lieu .text__report_strategy {
    font-family: 'SF-Display-Bold';
}

.section__1__du__lieu {
    padding: 58px 0 45px 0;
}

.section__1__du__lieu p {
    margin-bottom: 0;
}

.section__1__du__lieu .text__report__1 {
    margin-bottom: 45px;
}

.section__2__du__lieu {
    padding: 57px 0 60px 0;
}

.section__2__du__lieu .achievement__tech__chapter {
    margin-bottom: 30px;
}

.section__2__du__lieu .achievement__tech__chapter h4,
.section__1__so__hoa .achievement__tech h5,
.section__2__so__hoa .text__report__h4__grey {
    margin-bottom: 20px;
}

.section__1__du__lieu .achievement__tech__chapter {
    margin-bottom: 30px;
}

.section__1__du__lieu__row {
    margin-bottom: 30px;
}

.section__1__nhan__tai__row {
    margin-bottom: 30px;
}

.section__1__chapter__6 .text__report__1,
.section__1__chapter__6 p {
    color: var(--color-white);
    margin-bottom: 33px;
}

.section__1__chapter__6 .button {
    margin-top: 50px;
}

.shohoa__inner {
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}

.sohoa__items__img img {
    margin-bottom: 20px;
}

.sohoa__items__img p {
    margin-bottom: 0;
    font-family: 'SF-Display-Semibold';
}

.sohoa__items__img .item__1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.section__2__sohoa {
    margin-bottom: 91px;
}

.section__1__nhan__tai__row strong span {
    font-family: 'SF-Display-Light';
}

.pie__chart__cicle__sohoa .pie__chart__cicle {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    margin-top: 50px;
}

.pie__chart__cicle__legend {
    margin-top: 30px;
}

.pie__chart__cicle__legend ul {
    margin: 0;
    list-style: none;
    display: flex;
    justify-content: center;
}

.pie__chart__cicle__legend ul li {
    position: relative;
    font-size: 16px;
}

.pie__chart__cicle__legend ul li:not(:last-child) {
    margin-right: 40px;
}

.pie__chart__cicle__legend ul li::before {
    content: '';
    height: 15px;
    width: 15px;
    border-radius: 50%;
    position: absolute;
    left: -21px;
    top: 4px;
}

.pie__chart__cicle__legend ul li:first-child::before{
    background: #FF2D16;
}
.pie__chart__cicle__legend ul li:nth-child(2)::before{
    background: #565656;
}
.pie__chart__cicle__legend ul li:nth-child(3)::before{
    background: #E6E7E8;
}
.pie__chart__cicle__legend ul li:last-child::before{
    background: #9A9B9F;
}

#chart_cicle_1,
#chart_cicle_2 {
    width: 100%;
    height: 192px;
}

.pie__chart__cicle__1 h3 {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 18px;
    color: var(--color-primary);
    font-family: 'SF-Display-Medium';
}

.pie__chart__cicle__1 p {
    font-size: 12px;
    font-family: 'SF-Display-Light';
}


.char_colum_digital {
    height: 300px;
}


.achievement__tech__chaper .background {
    background-image: url(../images/chapter-4/img_cicle.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}


.background__vanhoa {
    position: relative;
}

.background__vanhoa #chart_phattrien {
    width: 50%;
    height: 500px;
    margin: 0 auto;
    transform: rotate(90deg);
}

.background__vanhoa .text_ {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.background__vanhoa .text_ h4 {
    font-family: 'SF-Display-Bold';
}

.background__vanhoa .text_ img {
    width: 100px;
}

.background__vanhoa .info {
    position: absolute;
    justify-content: center;
}

.background__vanhoa li:first-child {
    top: 2rem;
    right: 16rem;
}

.background__vanhoa li:nth-child(2) {
    right: 5rem;
    top: 7rem;
}

.background__vanhoa li:nth-child(3) {
    left: 0rem;
    top: 8rem;
}

.background__vanhoa li:nth-child(4) {
    bottom: 8rem;
    left: 0rem;
}

.background__vanhoa li:nth-child(3) .img,
.background__vanhoa li:nth-child(4) .img {
    margin-right: 0;
    margin-left: 15px;
}

.background__vanhoa li:nth-child(5) {
    bottom: 0rem;
    right: 4rem;
}

.background__vanhoa li:nth-child(5) p {
    width: 37%;
}

.background__vanhoa li:last-child {
    right: 0rem;
    bottom: 8rem;
}

.background__vanhoa li .img {
    /* width: 65px; */
    margin-right: 15px;
}

.background__vanhoa li p {
    font-family: 'SF-Display-Bold';
    margin-bottom: 0;
}


/* FOOTER */

.footer {
    position: relative;
    background-color: var(--color-primary);
    padding: 15px 0;
    overflow: hidden;
}

.footer::after {
    content: url('../images/icon_ft_left.svg');
    top: 0;
    right: 0;
    position: absolute;
}

.footer::before {
    content: url('../images/icon_ft_right.svg');
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
}

.footer__pdf {
    text-align: right;
}

.footer p {
    margin-bottom: 0;
    font-size: 12px;
    line-height: 18px;
    color: var(--color-white);
}

.button__download_pdf {
    display: inline-block;
    text-align: center;
    padding: 10px 20px;
    font-size: 14px;
    line-height: 16px;
    border: 1px solid var(--color-white);
    border-radius: 6px;
    font-family: 'SF-Display-Semibold';
    color: var(--color-white);
    transition: .4s ease;
    position: relative;
    z-index: 999;
}

.button__download_pdf:hover {
    color: var(--color-white);
}

.button__download_pdf svg,
.button__download_pdf img {
    margin-left: 10px;
}

.back__to__top {
    display: flex;
    justify-content: center;
    border: 1.5px solid var(--color-primary);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    text-align: center;
    position: fixed;
    bottom: 9%;
    right: 30px;
    transition: background-color .3s,
        opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
    cursor: pointer;
    color: var(--color-primary);
}

.back__to__top:hover {
    color: var(--color-white);
    background-color: var(--color-primary);
}

.back__to__top i {

    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.back__to__top.show {
    opacity: 1;
    visibility: visible;
}