:root {

    /* container */

    --width-container: 1250px;

    /* --width-container-mobile: 1220px; */

    --gap: 30px;

    --border: 1px solid #F0F0F1;

    /* color */

    --color-primary: #0067AC;

    --color-secondray: #00B8EC;

    --color-grey-1: #F0F0F1;

    --color-grey-2: #4F4F4F;

    --color-grey-3: #828282;

    --color-text: #000000;

    --color-white: #ffffff;

    /* size */

    --font-size-text-20px: 20px;

    --font-size-heading-48px: 48px;

    --font-size-heading-40px: 40px;

    --font-size-heading-36px: 36px;

    --font-size-heading-32px: 32px;

    --font-size-heading-30px: 30px;

    --font-size-heading-24px: 24px;

    --font-size-heading-20px: 20px;

    --font-size-heading-18px: 18px;

    /* size mobile */

    --font-size-mb-heading-20px: 20px;

    --font-size-mb-heading-11px: 11px;

    --font-size-mb-heading-14px: 14px;

    --font-size-mb-heading-32px: 32px;

    --font-size-mb-text-11px: 11px;

    /* text */

    --line-height-text: 140%;

}



@font-face {

    font-family: 'Wooridaum';

    src:

        url('../fonts/WooridaumB.woff2') format('woff2'),

        url('../fonts/WooridaumB.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}



@media screen and (min-width: 1220px) {

    .container {

        width: var(--width-container-lg);

        max-width: var(--width-container);

        padding: 0 15px;

        margin: auto;

    }

}



main#about-us {

    padding-bottom: 110px;

}



main#two-chairs {

    padding-bottom: 190px;

}



/* custome default */

.title-color-primary h1,

.title-color-primary h2,

.title-color-primary h3,

.title-color-primary h4,

.title-color-primary h5,

.title-color-primary h6 {

    color: var(--color-primary) !important;

    font-weight: 700;

}



h1,

h2,

h3 {

    font-weight: 700;

}



h2 {

    font-size: var(--font-size-heading-40px);

    line-height: var(--line-height-text);

    color: var(--color-text);

}



h3 {

    font-size: var(--font-size-heading-36px);

    line-height: var(--line-height-text);

}



h4 {

    font-size: var(--font-size-heading-24px);

    line-height: var(--line-height-text);

}



h5 {

    font-size: var(--font-size-heading-20px);

    line-height: var(--line-height-text);

}



.text,

.text p {

    line-height: var(--line-height-text);

}





/* Int */

.diagonal-line {

    --width: 60px;

    position: relative;

    margin-top: calc(var(--width));

}



.diagonal-line:before,

.diagonal-line::after {

    content: "";

    position: absolute;

    background: var(--color-grey-1);

    height: 1px;



}



.diagonal-line::after {

    width: calc(100% - var(--width) + 18px);

    right: 0;

    top: -42px;

}



.diagonal-line:before {

    width: var(--width);

    transform: rotate(-45deg);

    transform-origin: left;

    left: 0;

}



.wrap-heading h3 {

    color: var(--color-text);

}



.wrap-heading h4 {

    font-weight: 700;

}



.list-history .wrap-heading h3 {
    margin-top: -12px;
}



.wrap-heading h2,

h2.card-title {

    font-weight: 700;

}



.text-white *,

.box-text-white .text,

.box-text-white .wrap-heading * {

    color: var(--color-white);

}



.text.bold-color-primary b,

.text.bold-color-primary strong {

    font-weight: 700;

    color: var(--color-primary);

}



.card.d-flex {

    flex-direction: row;

}



.card {

    border: none;

    background-color: unset;

}



.card-body {

    padding: 0
}



.card-img-top {

    border-radius: 0;

}



.icon-top {

    display: flex;

    flex-direction: column;

}



.icon-top-center {

    align-items: center;

}



.icon-top-center .icon-body {

    text-align: center;

}



/* End custome default */



.banner__img img {

    width: 100%;

    height: 580px;

    object-fit: cover;

}



#about-us .banner__img img {

    display: none;

    margin-bottom: 30px;

}



#about-us .banner__img img.active {

    display: block;

}





/* Start about us */

#about-us #about-us-tab .container>.row {

    padding-top: 50px;

}



/* #about-us .tab-content .container-child {

    padding-top: 40px;

} */



#about-us .tab-content-text {

    background-color: var(--color-grey-1);

    padding: 38px 50px 33px 50px;

    margin-top: 26px;

    line-height: var(--line-height-text);

}



#about-us .wrap-img,

#about-us .tab-row {

    margin-top: 26px;

}



#about-us .nav-link.active:hover,
#about-us .nav-link.current-menu-item,
#about-us .nav-link:hover,
#about-us .nav-link.active {
    background-color: var(--color-primary);
    border-color: var(--color-primary) !important;
    color: white;
    font-weight: 700;

}





#about-us .nav-link {
    background-color: var(--color-grey-1);
    padding: 20px;
    font-size: var(--font-size-heading-24px);
    border-color: var(--color-grey-1) !important;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;

}

#about-us .nav-link a:hover {
    color: #fff;

}


html[lang="vi"] #about-us .nav-link {
    font-size: 20px;

}



#about-us #tab1 .d-flex.flex-row {

    gap: 20px;

}



.slider-history .card {

    border: none;

}



.slider-history .card-title {

    color: #D9D9D9;

}



.slider-history .card img {
    height: 285px;
    object-fit: cover;
}



.slider-history .card .card-body {

    padding-left: 0;

}



.slider-history {

    width: calc(var(--width-container)*1.3);

}



.slider-history .slick-track .slick-slide:not(:first-child, :last-child) .card {

    padding-right: 40px;

}



#about-us .tab-content .container-child {

    padding-top: 40px;

}



#about-us .tab-content .container-child.svg-finance {

    padding-top: 30px;

}



.list-history {

    --pb: 40px;

    padding-bottom: var(--pb);

}



.list-history .wrap-text {

    flex: 1;

    padding-left: 73px;

}



.list-history .text.divider-center p {

    padding-top: 20px;

    padding-bottom: 20px;

    border-bottom: var(--border)
}



.list-history .text.divider-center p:first-child {

    padding-top: 0;

}



.list-history .text.divider-center p:last-child {

    padding-bottom: 0;

    border-bottom: none;

}



.list-history .icon svg {
    margin-top: 40px !important;
    cursor: pointer;
}





.about-us-ceo {

    flex-wrap: nowrap;

}



.about-us-ceo .card-title {

    text-transform: uppercase;
    font-size: var(--font-size-heading-36px);
    color: var(--color-grey-2);

}



#about-us .about-us-ceo .text {

    padding: 20px 35px;
    font-size: 15px;

}

#about-us .about-us-ceo .text img {
    width: 100%;
}



.about-us-ceo .card {

    background-color: transparent;

}



.about-us-ceo .col:last-child {
    right: calc(26.6%/2);
    z-index: 1;
}

.about-us-ceo .wrap-heading h3 {
    text-align: center;
    padding-top: 20px;
}



.about-us-ceo .card-body {

    padding-top: 20px;

}


.about-us-ceo h3 br {
    display: none;
}

.about-us-ceo--name {
    text-align: center;
    margin-bottom: 50px;
}

/* End tab 1 */

.network .wrap-img img {

    width: 100%;

    height: 630px;

    object-fit: cover;

}



#about-us .tab-network .nav-link {

    padding: 18px 22px;

    font-size: var(--font-size-heading-20px);

    line-height: var(--line-height-text);

    height: 63px;

    display: flex;

    align-items: center;

    justify-content: center;

}



.tab-network .nav .nav-item {

    /* width: 215px; */

    flex: 1;

}



.tab-network .nav .nav-item:not(:last-child) {

    border-right: 1px solid #828282;

}



.tab-network .nav {

    margin-top: -35px;

    padding-bottom: 20px;

    margin-right: 10%;

    margin-left: 10%;

    z-index: 9;

}



.tab-network .icon-content {

    margin-top: 20px;

    margin-bottom: 30px;

    font-size: var(--font-size-text-20px);

    text-align: center;

}



/* .tab-network .container-child {

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

} */



.tab-network .tab-pane .icon-item {

    width: calc(100%/7);

}



.tab-network .tab-pane .icon-item .icon {

    display: table;

    margin: 0 auto;

}



/* End tab 2 */

#about-us .tab-row {

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

}



#about-us .row-count {

    padding-left: 8.5%;
    padding-right: 8.5%;


    padding-top: 40px;

    padding-bottom: 75px;

}



#about-us .row-count .col {

    display: flex;

    flex-direction: column;

    justify-content: flex-end;

}



#about-us .counter h4 {

    font-weight: 700;

}



#about-us .counter h4.count-text {

    font-weight: normal;

    margin-top: 7px;

}



#about-us .counter .count-title {

    font-family: 'Wooridaum';

    font-weight: normal;

    font-size: var(--font-size-heading-48px);

    margin-top: 10px;

}



.tab-network .tab-content .wrap-img {

    margin-top: 0 !important;

}



.tab-network #tab-network-2.nav {

    margin-bottom: -29px !important;

}



/* End tab about */



/* Start int about */

.about-us-int {

    padding-top: 40px;

}



.about-us-int .list-int .icon-content,

.about-us-int .wrap-heading p,

.about-us-int .text {

    font-size: var(--font-size-heading-20px);

    line-height: var(--line-height-text);

}





.about-us-int .list-int {

    flex-wrap: wrap;

    align-items: center;

    gap: 10px;

    padding-bottom: 30px;

}



.about-us-int .list-int .diagonal-line {

    width: 100%;

}



.about-us-int:not(.about-us-int.section-5) .list-int>.wrap-heading:first-child {

    display: contents;

}



.about-us-int .list-int>.wrap-heading h4,

.about-us-int .list-int>.wrap-heading h5 {

    margin-top: 10px;

    margin-bottom: 10px;

    text-align: center;

    text-transform: uppercase;

}



.about-us-int:not(.about-us-int.section-5) .list-int:not(:last-child)>.wrap-heading {

    flex: 1;

    text-align: center;

    padding-left: 9%;

    padding-right: 9%;


}



.about-us-int:not(.about-us-int.section-5) .list-int>.row {

    padding-bottom: 60px;
    width: 100%;
}



#tab2 .about-us-int:not(.about-us-int.section-5) .list-int:last-child>.row {

    padding-bottom: 0;

}



.about-us-int:not(.about-us-int.section-5) .icon-item .icon {

    background-color: var(--color-primary);

    border-radius: 100%;

    width: 100px;

    height: 100px;

    display: flex;

    align-items: center;

    justify-content: center;

}



.about-us-int:not(.about-us-int.section-5) .icon-item .icon-body {

    /* padding-left: 20px;

    padding-right: 20px; */

}



.about-us-int .icon-content {

    line-height: 120%;

}



/* .about-us-int:not(.about-us-int.section-5) .row .col .icon-content {

    padding-left: 20px;

    padding-right: 20px;

} */



.about-us-int .icon-item .icon-title {

    margin-top: 30px;

    margin-bottom: 30px;

    font-weight: 700;

}



.about-us-int .list-int .list-int {

    margin-top: -30px;

    width: 100%;

    justify-content: center;

}



.about-esg h2 {

    font-size: var(--font-size-heading-48px);

}



.about-esg .wrap-heading {

    text-align: right;

    text-transform: uppercase;

}



.about-esg.row {

    align-items: flex-end;

    padding-bottom: 0;

}



.about-esg .box {

    padding: 30px 20px 25px 20px;

    display: grid;

    gap: 40px;

}

.about-esg>img {
    width: 100%;
}



.about-esg.row .col .box {
    background: linear-gradient(-45deg, #00B8EC 97%, var(--color-white) 7%) no-repeat;
}

.about-esg.row .col:nth-child(2) .box {
    background: linear-gradient(-45deg, #00A4E0 97%, var(--color-white) 7%) no-repeat;
}

.about-esg.row .col:last-child .box {
    background: linear-gradient(-45deg, #0083CB 97%, var(--color-white) 7%) no-repeat;
}




.about-esg.row .col:nth-child(2) .box {

    gap: 93px;

}




/* .about-esg .box .text {

    font-size: var(--font-size-heading-20px);

} */



.about-us-int .list-int .card.d-flex {

    align-items: center;

    gap: 48px;

}



.about-us-int .wrap-list-int {

    margin-top: 80px;

}



.about-us-int .wrap-list-int .card-text {

    padding-top: 70px;

    padding-bottom: 70px;

}



.about-us-int .list-int .wrap-list-int {

    background-color: var(--color-grey-1);

    flex: 1;

    justify-content: center;

}



/* End about us */

#two-chairs .text p,

#two-chairs .text,

#two-chairs .icon-content {

    color: var(--color-grey-3);

}



#two-chairs section.section-1:not(#banner) {

    padding-top: 100px;

}



#two-chairs section.section-3:not(#banner) {

    padding-top: 80px;

}



#two-chairs .text,

#about-us .text {

    font-size: var(--font-size-text-20px);

}



#two-chairs section:not(#banner) {

    padding-top: 60px;

}



#two-chairs .icon-star {

    position: absolute;

    top: -126px;

    left: -50px;

    color: rgba(0, 0, 0, 0.05);

    text-align: center;

    font-family: YuGothic;

    font-size: 200px;

    height: 0;

    font-style: normal;

    font-weight: 500;

    line-height: normal;

}



#two-chairs .row.justify-content-between .wrap-img {

    /* height: 50px; */

    margin-bottom: 20px;

}



#two-chairs .row.justify-content-between .w img {

    /* height: 40px; */

}



#two-chairs .wrap-text-img .position-absolute {

    bottom: 40px;

    left: 50px;

}





#two-chairs .wrap-text-img .position-absolute h3 {

    margin-left: 30px;

    margin-bottom: -5px;

    color: var(--color-white);

}



#two-chairs .section-4 .row {

    row-gap: 40px;

}



#two-chairs .section-4 .col {
    display: flex;
    align-items: flex-start;
    gap: 36px;
}



#two-chairs .section-4 .col .wrap-heading h3 {

    color: #0000001A;

    font-size: 100px;

    line-height: 100px;

    margin-top: -15px;

}



#two-chairs .section-4 .text {

    text-align: justify;

}



.about-us-int.section-5 .row-icon {

    padding-top: 20px;

}



.about-us-int.section-5 .list-int .icon-content {

    text-align: justify !important;

}



.about-us-int.section-5 .icon-item .icon-title {

    margin-top: 0;

    margin-bottom: 0;

    font-weight: 700;

    color: var(--color-primary);

}



.about-us-int.section-5 .icon {

    display: flex;

    align-items: center;

    gap: 10px;

}



.about-us-int.section-5 .list-int>.wrap-heading {

    margin-top: 40px !important;

}



#two-chairs .section-6 .wrap-heading h5 {

    font-weight: 700;

}



#two-chairs .text ul li {

    list-style: disc;

    margin-left: 30px;

}



#two-chairs .text ul {

    margin-bottom: 25px;

}



/* End two chair */

.list-drop-down .drop-down-title .icon {

    cursor: pointer;

    transition: all .325s;

}

.drop-down-title .wrap-heading {
    width: calc(100% - 56px);
}



.list-drop-down .drop-down-title .icon img {

    transition: all .325s;

    width: 30px;

    height: 30px;

}



.list-drop-down .drop-down-title .icon.active img {

    transform: rotate(-180deg);

}



.list-drop-down .drop-down-title {

    display: flex;

    align-items: center;

    gap: 20px;

    margin-bottom: 35px;

}

.list-drop-down .drop-down-item ul {
    padding-left: 0;
}

.list-drop-down .drop-down-item:not(:last-child) .drop-down-content {

    padding-bottom: 30px;

}

.list-drop-down .drop-down-item .drop-down-content {

    padding-left: 56px;

}



.list-drop-down .drop-down-title h3 {

    margin-bottom: 0;

}



.list-drop-down .drop-down-content ul li::marker {

    color: #4F4F4F;

}



.list-drop-down .drop-down-content ul li {

    margin-left: 20px;

    margin-bottom: 0;

}



/* Page acc */

a.btn-apply {

    border-radius: 49px;

    background: var(--color-primary);

    color: #fff !important;

    padding: 16px 75px 20px;

    /* display: block; */

    width: 100%;

    text-align: center;

    text-transform: uppercase;

    font-weight: 700;

}



.content-main--item__btn {

    margin-top: 15px;

}



.slider-history .slick-slide.slick-current.slick-active .card-title {

    color: var(--color-primary);

}



.slider-history .slick-slide.slick-current.slick-active .card img {

    filter: grayscale(0);

}





/* End visa */



.credit-card-list .list-all--item:hover a:not(.list-all--item__link) {

    background-color: var(--color-white);

    color: var(--color-primary);

}



.credit-card-list .list-all--item a:not(.list-all--item__link) {

    border-radius: 49px;

    background: var(--color-primary);

    color: #fff;

    padding: 16px 10px 20px;

    display: block;

    width: 100%;

    text-align: center;

    font-weight: 700;

    text-transform: uppercase;

    text-decoration-line: blink;

    margin-bottom: 18px;

}







.credit-card-list .list-all--item {

    /* height: 60px; */

}



.credit-card-list .list-all--item__bottom,
.tax-category-loan .list-all--item__bottom {

    display: flex;

    width: 100%;

    text-align: center;

    flex-direction: column;

    justify-content: space-between;

    height: 100%;

}

.tax-category-loan .list-all--item__bottom {
    gap: var(--hGap);
}


.credit-card-list {

    --hTitle: 60px;

    --hImg: 163px;

    --wImg: 211px;

    --hGap: 20px;

}



.credit-card-list .list-all--item h3 {

    margin: 0 -8px;

    height: var(--hTitle);
    /* 
    display: -webkit-box;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: normal;

    -webkit-line-clamp: 2; */

    /* margin-bottom: 22px; */

}



.credit-card-list .list-all--item__top {

    display: flex;

    flex-direction: column;

    gap: var(--hGap);

}



.credit-card-list .list-all--item img {

    border-radius: 7px;

    /* border: 2px solid #F3F4F6; */

    margin: auto;

    display: table;

    max-width: var(--wImg);

    max-height: var(--hImg);
    width: auto;

}

.tax-category-loan {
    --hImg: 111px;
    --hGap: 27px;
}

.credit-card-list .list-all--item__top div,
.tax-category-loan .list-all--item__top div {
    display: flex;
    height: var(--hImg);

}

.tax-category-loan .list-all--item__top div {
    justify-content: center;
    margin-top: 40px;
}

/* .tax-category-loan .list-all--item,
.tax-category-loan .list-all--item__top {
    height: 100%;
} */

.tax-category-loan .list-all {
    gap: 56px 0;
}

.tax-category-loan .list-all--item__excerpt {
    /* margin-bottom: 40px; */
}


.credit-card-list .list-all--item:hover .list-all--item__excerpt {

    color: var(--color-white);

}



.credit-card-list .list-all--item .list-all--item__excerpt {

    font-size: 15px;

    letter-spacing: -0.3px;

    line-height: var(--line-height-text);

    text-align: left;

}




.credit-card-list .list-all--item .list-all--item__img {

    display: flex;

    height: calc(var(--hImg));

}



.credit-card-list .list-all--item ul li {
    list-style: disc;
    margin-left: 20px;
    font-size: 20px;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;

}



.list-all.credit-card-list {

    row-gap: 34px;

    margin-bottom: 34px;

}



.credit-card-list .list-all--item,
.tax-category-loan .list-all--item {

    height: calc(100% - var(--hGap));

    /* justify-content: normal; */

    gap: var(--hGap);

}



/* End card */



#content-faqs {

    padding-bottom: 155px;

}



#main-faqs .title-page {

    padding-top: 40px;

    padding-bottom: 40px;

}



.list-faqs {

    gap: 106px;

    align-items: flex-start;

}



.list-faqs--content {

    width: 100%;

}



.list-faqs--type {

    padding: 50px 20px 50px 50px;

    background-color: var(--color-grey-1);

    width: 41%;

}



.list-faqs--type .list-faqs--type__item:not(:last-child) {

    padding-bottom: 35px;

}



.list-faqs--type__item h4 {

    color: var(--color-primary);

    font-size: var(--font-size-heading-32px);

    font-weight: 700;

    margin: 0 0 10px 0;

}



.list-faqs--type__item li .icon,

.list-faqs--type__item li li {

    cursor: pointer;

}



.list-faqs--type__item li .icon:hover path,

.list-faqs--type__item li .icon.active path {

    fill: var(--color-primary);

}



.list-faqs--type__item li .icon:hover .icon-title,

.list-faqs--type__item li li:hover,

.list-faqs--type__item li .icon.active .icon-title,

.list-faqs--type__item li li.active {

    color: var(--color-primary);

    font-weight: 700;

}



.list-faqs--type__item li {

    font-size: var(--font-size-text-20px);

}



.list-faqs--type__item ul li ul li::before {

    display: block;

    content: '';

    position: absolute;

    width: 4px;

    height: 4px;

    border-radius: 100%;

    top: 50%;

    left: -15px;

    transform: translate(-50%);

    background-color: #000000;

}



.list-faqs--type__item ul li ul li {

    position: relative;

    line-height: normal;

    margin-left: 100px;

}



.list-faqs--type__item ul li ul {

    padding-top: 15px;

    padding-bottom: 5px;

}



.list-faqs--type__item>ul>li:last-child {

    padding-bottom: 0;

}



.list-faqs--type__item>ul>li {

    padding: 10px 0;

    line-height: normal;

}



.list-faqs--type__item .icon {

    display: flex;

    align-items: center;

    gap: 30px;

}



.list-faqs--type__item .icon-svg svg,

.list-faqs--type__item .icon-svg,

.list-faqs--type__item .icon .img-svg {

    width: 25px;

    height: 25px;

}



.list-faqs .list-drop-down .drop-down-title .icon img,

.list-faqs .list-drop-down .drop-down-title .icon svg {

    width: 20px;

    height: 20px;

    padding: 5px;

}



.list-faqs .list-drop-down .drop-down-title .icon {

    transform: rotate(0);

    display: contents;

}



.list-faqs .icon.active img,

.list-faqs .icon.active svg {

    transform: rotate(-180deg) translateY(20%);

}



.list-faqs .list-faqs--type__item li .icon.active img,

.list-faqs .list-faqs--type__item li .icon.active svg {

    transform: unset;

}



.list-faqs .drop-down-item .drop-down-title {

    margin-bottom: 0;

}



.list-faqs .drop-down-item.active .drop-down-title {

    margin-bottom: 20px;

}



.list-faqs .list-drop-down .drop-down-item .drop-down-content {

    font-style: italic;

    padding-left: 40px;

    padding-bottom: 10px;

}



.list-faqs .drop-down-content p:not(:last-child) {

    margin-bottom: 15px;

}



.list-faqs .drop-down-item {

    width: 100%;

    padding: 10px 0;

}



.list-faqs .drop-down-item:not(:last-child) {

    border-bottom: 1px solid var(--color-grey-1);

}



.list-faqs .drop-down-title {

    justify-content: space-between;

}



.list-faqs .drop-down-item.active .drop-down-title h5 {

    color: var(--color-text);

    font-weight: 700;

}

.account-cate-title--main {
    position: relative;
}

.account-cate-title--main:before {
    content: '';
    background: rgba(0, 0, 0, 0.2);
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 0;
}

.account-cate-title--main div,
.account-cate-title--main h1 {
    color: #fff !important;
    z-index: 1;
}



/* Laptop */

@media screen and (max-width: 1550px) {}





/*ipad-pro*/

@media screen and (max-width: 1110px) {
    .v-pl-1 {
        padding-left: 60px;
    }

    .v-box-edit1 .col>h4 {
        font-size: 16px;
    }

    html[lang="vi"] #about-us .nav-link {
        font-size: 16px;
    }

    .header-2--box-right .header-2--box-right__login {
        font-size: 11px;
    }

    .header-2--box-right a {
        font-size: 11px;
    }

    .main-menu,
    html[lang="vi"] .main-menu {
        gap: 5px;
    }

    #about-us .about-us-ceo .text {
        padding: 35px 20px 35px 162px;
    }
}



/* end-ipad-pro*/

/*mobile-ipad*/

@media screen and (max-width: 967px) {

    h3 {

        font-size: var(--font-size-heading-24px);

    }



    h5 {

        font-size: var(--font-size-mb-heading-14px);

    }



    main#two-chairs,

    main#about-us {

        padding-bottom: 50px;

    }



    #about-us .banner__img img {

        margin-bottom: 17px;

    }



    .banner__img {

        margin-left: -30px;

        margin-right: -30px;

    }



    #banner .container {

        margin: 0;

        max-width: 100%;

    }



    #about-us .nav-link {

        font-size: var(--font-size-mb-heading-14px);

    }



    .about-us-ceo .card-title {

        font-size: var(--font-size-heading-30px);

    }



    .about-us-int .list-int>.row.row-icon {

        row-gap: 30px;

    }





    .tab-network .tab-pane .icon-item {

        width: calc(100% / 4);

    }



    .tab-network .tab-pane .icon-item img {

        width: 80px;

        height: 80px;

    }



    #two-chairs .row.justify-content-between .wrap-img {

        width: 75%;

        margin-bottom: 10px;

    }



    #two-chairs .icon-star img {

        width: 70%;

    }



    #two-chairs .icon-star {

        font-size: 100px;

        top: -50px;

        left: -20px;

    }



    #two-chairs section:not(#banner) {

        padding-top: 37px;

    }



    #two-chairs section.section-1:not(#banner) {

        padding-top: 20px;

    }



    #two-chairs section.section-2:not(#banner) {

        padding-top: 26px;

    }



    #two-chairs section.section-4:not(#banner),

    #two-chairs section.section-3:not(#banner) {

        padding-top: 30px;

    }





    #two-chairs .wrap-text-img .position-absolute {

        left: 20px;

        bottom: 15px;

    }



    #two-chairs .wrap-text-img .position-absolute img {

        width: 50%;

    }



    #two-chairs .wrap-text-img .position-absolute h3 {

        margin-left: 10px;

        font-size: var(--font-size-mb-heading-14px);

    }



    #two-chairs .section-4 .col,

    #two-chairs .section-4 .row {

        gap: 25px;

    }



    #two-chairs .section-4 .row .wrap-heading h3 {

        font-size: 36px;

        line-height: 36px;

        margin-top: -2px;

    }



    #two-chairs .section-4 .row .col:nth-child(2) {

        align-items: start;

    }



    .about-us-int.section-5 .icon-item .icon object {

        width: 30px;

        height: 30px;

    }



    #two-chairs .text ul {

        /* margin-right: 20px; */

    }



    .list-drop-down .drop-down-title .icon img {

        width: 16px;

        height: 16px;

    }



    .list-drop-down .drop-down-title h3 {

        font-size: var(--font-size-text-11px);

    }

    .drop-down-title .wrap-heading {
        width: calc(100% - 20px);
    }



    .list-drop-down .drop-down-title {

        margin-bottom: 20px;

    }


    .list-drop-down .drop-down-item .drop-down-content {
        padding-left: 36px;
    }

    .list-drop-down .drop-down-item .drop-down-content ul {
        padding-left: 0 !important;
    }

    .list-drop-down .drop-down-content ul li {
        margin-left: 15px;
    }



    .list-drop-down .drop-down-content {

        padding-bottom: 10px;

    }



    .list-drop-down .drop-down-content ul {

        margin-bottom: 0;

    }



    .content-main--item__btn a.btn-apply {

        padding: 7px 27px 8px;

    }



    .credit-card-list .list-all--item a:not(.list-all--item__link) {

        padding: 7px 8px 8px;

    }



    .credit-card-list .list-all--item .list-all--item__excerpt,
    .tax-category-loan .list-all--item__excerpt {
        font-size: 9px !important;
    }

    .tax-category-loan .list-all--item__bottom a {
        margin-top: 0 !important;
    }



    .credit-card-list .list-all--item ul li {

        margin-left: 5px;

    }



    .credit-card-list .list-all--item h3 {

        height: calc(var(--hTitle));

        margin: 0;

    }



    .list-faqs--type__item .icon {

        gap: 15px;

    }



    .list-faqs--type__item .icon-svg svg,

    .list-faqs--type__item .icon-svg,

    .list-faqs--type__item .icon .img-svg {

        width: 18px;

        height: 18px;

    }



    #content-faqs {

        padding-bottom: 54px;

    }

    .suggest-card-button {
        margin-top: 0 !important;
    }



}



/*> ipad min pro*/

@media screen and (min-width: 967px) {



    .credit-card-list .list-all--item {

        padding-bottom: 39px;

    }



    .list-faqs--type .list-faqs--type__item>ul {

        display: block !important;

    }

    .news-home-list .see-all-home {
        margin-left: 107px;
    }

    .about-us-int.section-5 .row-icon>.col:first-child {
        padding-right: 12px !important;
    }

}



/* > ipad mini */

@media screen and (min-width: 768px) {

    .show-only-mobile {

        display: none !important;

    }



    .about-us-ceo .col:first-child {

        z-index: 2;

        flex: 0 0 46.666667%;

        max-width: 46.666667%;

    }

    .about-us-int:not(.about-us-int.section-5) .row .col .icon-content {
        padding-left: 20px;
        padding-right: 20px;
    }


    .about-us-int.section-5 .icon {

        margin-bottom: 15px;

    }



    .slider-history .slick-slide.slick-current.slick-active .card-title {

        color: var(--color-primary);

    }



    .slider-history .slick-slide.slick-current.slick-active .card img {

        filter: grayscale(0);

    }



    #two-chairs .section-2 .row .col:first-child {

        flex: 0 0 44.666667%;

        max-width: 44.666667%;

    }


    /* fix feedBack  */
    .loan-template-default .content-main--item__right-link {
        padding: 13px 40px;
        background-color: var(--color-primary);
        display: inline-block;
        color: var(--color-white);
        margin-top: 25px;
        border-radius: 60px;
        text-decoration-line: blink;
    }


    .postContent ol {
        padding-left: 46px !important;
    }

    /* html[lang="vi"] .post-type-archive-corporate-credit .account-list--item li a {
        font-size: 19px;
    } */
}



/*ipad*/

@media screen and (min-width: 768px) and (max-width: 967px) {

    .banner__img img {

        height: 350px;

    }



    .wrap-heading h3 {

        font-size: var(--font-size-heading-20px);

    }



    .wrap-heading h4 {

        font-size: var(--font-size-heading-18px);

    }



    .about-us-int .list-int .icon-content,

    .about-us-int .wrap-heading p,

    .about-us-int .text {

        font-size: var(--font-size-mb-text-14px);

    }



    #two-chairs .text,

    #about-us .text {

        font-size: var(--font-size-text-14px);

    }



    .about-us-ceo .text {

        padding: 35px 20px 35px 100px;

        background-color: var(--color-grey-1);

    }



    .about-us-int:not(.about-us-int.section-5) .row-icon .col {

        flex: 0 0 50%;

        max-width: 50%;

    }



    .tab-network .nav {

        margin-right: 0;

        margin-left: 0;

    }



    #two-chairs .text,

    #two-chairs .icon-content,

    #two-chairs .icon-title {

        font-size: var(--font-size-text-14px);

    }



    #about-us .about-us-ceo .text {

        padding-left: 100px;

    }



    .about-esg .col {

        flex: 0 0 33.333333%;

        max-width: 33.333333%;

    }





    .slider-history .card img {

        height: 135px;

    }



    .slider-history {

        width: 800px;

    }



    .list-faqs {

        gap: 30px;

    }



    .list-faqs--type {

        padding: 20px 10px 20px 20px;

    }



    #main-faqs .title-page {

        padding-top: 20px;

        padding-bottom: 20px;

    }



    .list-faqs--type__item h4 {

        font-size: var(--font-size-heading-18px);

    }



    .list-faqs--type__item ul li ul li {

        margin-left: 50px;

    }



    .list-faqs--type__item li {

        font-size: var(--font-size-mb-heading-14px);

    }



}



/*end-ipad*/



/* mobile */

@media screen and (max-width: 767px) {



    #two-chairs .text {

        font-size: var(--font-size-text-11px);

    }



    /* custome default */

    .show-only-mobile {

        display: block;

    }



    .hide-only-mobile {

        display: none;

    }



    .visibilityHidden-mb {

        visibility: hidden;

        display: none !important;

    }



    #about-us h3,

    #two-chairs h3 {

        font-size: var(--font-size-mb-heading-14px);

        line-height: var(--line-height-text);

    }



    #about-us h4,

    #about-us h5 {

        font-size: var(--font-size-mb-heading-11px);

        line-height: var(--line-height-text);

    }



    .text,

    .text p {

        font-size: var(--font-size-mb-text-11px);

    }



    .banner__img img {

        height: 200px;

    }



    #about-us #about-us-tab .container>.row {

        padding-top: 20px;

    }



    /* mobile about us */



    #about-us .nav-link {

        font-size: var(--font-size-mb-heading-11px) !important;

        font-weight: normal !important;

        padding: 6px 6px;
        height: 41px;

    }



    #about-us #tab-about-1 .nav-item {

        width: calc((100% / 3) - 1px);

    }



    .container-child>.wrap-heading>h3 {

        text-align: center;

    }



    #about-us #tab1 .container-child .d-flex.flex-row .wrap-heading {

        text-align: center;

    }



    #about-us #tab1 .container-child .d-flex.flex-row .wrap-heading {

        padding-bottom: 20px;

    }



    #about-us .tab-content .container-child {

        padding-top: 20px !important;

    }



    #about-us .tab-content-text {

        padding: 20px 20px 25px 20px;

        margin-top: 20px;

    }



    #about-us .wrap-img,

    #about-us .tab-row {

        margin-top: 20px;

    }



    #about-us #tab1 .d-flex.flex-row {

        display: block !important;

    }



    .slider-history .slick-track .slick-slide:not(:first-child, :last-child) .card {

        padding-right: 25px;

    }



    /* .slider-history .slick-slide.slick-cloned.slick-active {

        display: none;

    } */



    .slider-history .card img {

        height: 80px;

        /* width: 150px; */

    }

    .slider-history .slick-slide {
        transform: translateX(-167px);
    }




    .slider-history {

        width: 500px;

    }



    .slider-history .slick-track .slick-active:not(.slick-center, .slick-center + .slick-active) .card-title {

        color: var(--color-primary);

    }



    .slider-history .slick-track .slick-active:not(.slick-center, .slick-center + .slick-active) .card img {

        filter: grayscale(0);

    }



    .list-history .wrap-text {

        padding-left: 30px;

    }



    .list-history .text.divider-center p {

        padding-top: 10px;

        padding-bottom: 10px;

    }



    .list-history {

        padding-bottom: calc(var(--pb)/2);

    }



    .list-history .icon svg {

        margin-top: 20px !important;

        width: 20px;

    }



    .about-us-ceo .wrap-heading h3 {
        padding: 10px 0;
    }



    .about-us-ceo .card-title {

        font-size: 14px;

        color: var(--color-text);

    }



    .about-us-ceo h3 {

        padding-top: 10px;

        padding-bottom: 20px;

        color: var(--color-text);

    }



    .about-us-ceo .card-body {

        padding-top: 0;

        padding-right: 10%;

    }



    .about-us-ceo .text .btn-no-link {

        padding-top: 30px;

        padding-bottom: 30px;

        text-decoration: underline !important;

        text-align: left;

        color: var(--color-secondray) !important;

    }





    #about-us .about-us-ceo .text {

        padding: 15px 20px 20px 20px;

        font-size: var(--font-size-mb-text-11px);

    }



    .about-us-ceo .col:last-child {

        padding-top: 10px;

        right: 0;

    }



    .about-us-ceo {

        flex-wrap: wrap;

    }



    .about-us-ceo .text .btn-no-link {

        font-size: var(--font-size-mb-text-11px);

        padding-top: 10px;

        padding-bottom: 10px;

        padding-left: 0;

    }



    .about-us-ceo .card {

        flex-direction: row;

        gap: 30px;

    }



    .about-us-ceo img.card-img-top {

        width: 40%;

        object-fit: cover;

    }



    /* End tab 1 */

    /* #about-us .tab-network .nav-link {

        padding: 15px 40px;

    } */

    .tab-network .icon-content {

        margin-top: 10px;

        margin-bottom: 15px;

        font-size: var(--font-size-text-11px);

    }



    .tab-network .tab-pane .icon-item img {

        width: 57px;

        height: 57px;

    }



    /* End tab 2 */

    #about-us .counter .count-title {

        font-size: var(--font-size-mb-heading-32px);

    }



    #about-us .row-count .col {

        display: flex;

        flex-direction: row;

        justify-content: space-evenly;

        align-items: flex-end;

    }



    /* #about-us .row-count .counter:nth-child(2) {

        margin-top: 15px;

    } */





    #about-us .row-count {

        gap: 10px;

    }



    .about-us-int {

        padding-top: 20px;

    }



    .about-us-int .list-int {

        padding-bottom: 15px;

    }



    .about-us-int>.list-int>.wrap-heading {

        padding-right: 0 !important;

    }



    .about-us-int .list-int:not(.about-us-esg)>.wrap-heading,

    .about-us-int:not(.about-us-int.section-5) .list-int:not(.about-us-esg, :last-child)>.wrap-heading h3 {

        margin-top: 30px;

    }



    .about-us-int h2 {

        font-size: var(--font-size-mb-heading-14px);

    }



    .about-us-int .list-int h4 {

        text-align: right !important;

        font-size: var(--font-size-mb-heading-11px);

    }



    .about-us-int .list-int:not(.about-us-esg) .diagonal-line {

        margin-top: -90px;

    }



    .about-us-int .list-int .diagonal-line {

        --width: 25px;

    }



    .about-us-int .list-int .diagonal-line.show-only-mobile {

        margin-top: 20px !important;

    }



    .about-us-int .list-int .diagonal-line::after {

        width: calc(100% - var(--width) + 7px) !important;

        top: -18px;

    }



    .about-us-int .row .col .icon-content,
    body .about-us-int:not(.about-us-int.section-5) .row .icon-item .icon-content {

        padding-left: 0 !important;

    }





    .about-us-int .wrap-list-int {

        margin-top: 10px;

    }



    .about-us-int .wrap-list-int .card-text {

        padding-top: 20px;

        padding-bottom: 20px;

    }



    .about-us-int .list-int .wrap-list-int {

        width: 100%;

    }



    .about-us-int .list-int .wrap-list-int .card-img-left {

        width: 40px;

    }



    .about-us-int .list-int .card.d-flex {

        gap: 20px;

        width: 70%;

    }



    .about-us-int:not(.about-us-int.section-5) .icon-item .icon object {

        width: 20px;

        height: 20px;

    }



    .about-us-int:not(.about-us-int.section-5) .icon-item .icon {

        width: 50px;

        height: 50px;

    }





    .about-us-int .icon-item .icon-title {

        margin-top: 12px;

        margin-bottom: 12px;

        font-size: var(--font-size-mb-heading-11px);

    }



    .about-us-int .list-int .icon-content,

    .about-us-int .wrap-heading p,

    .about-us-int .text {

        font-size: var(--font-size-mb-text-11px);

    }



    .about-us-int:not(.about-us-int.section-5) .list-int>.row {

        padding-bottom: 0;

    }


    .about-esg.row .col .box {
        background: linear-gradient(-45deg, #00B8EC 97%, var(--color-white) 7%) no-repeat;
    }

    .about-esg.row .col:nth-child(2) .box {
        background: linear-gradient(-45deg, #00A4E0 97%, var(--color-white) 7%) no-repeat;
    }

    .about-esg.row .col:last-child .box {
        background: linear-gradient(-45deg, #0083CB 97%, var(--color-white) 7%) no-repeat;
    }








    #about-us .about-esg .box .text {

        font-size: var(--font-size-mb-text-11px);

    }



    /* .about-us-int .list-int.about-us-esg>.wrap-heading {

        flex: 1;

        text-align: center;

        padding-left: 20%;

        padding-right: 20%;

    } */



    .about-us-int .list-int.about-us-esg .list-int>.wrap-heading {

        padding-right: 10%;

        margin-top: 10px;

    }



    .about-us-int .list-int.about-us-esg .list-int>.wrap-heading h4 {

        text-align: center !important;

    }



    .about-esg .box {

        padding: 10px 10px 20px 10px;

        gap: 20px;

    }



    .about-esg.row .col:nth-child(2) .box {

        gap: 30px;

    }



    .about-esg.row .col:nth-child(2) .box .text {

        padding-right: 12px;

    }



    .about-esg.row {

        align-items: center;

    }



    .about-esg .col {

        padding-right: 0;

    }



    .about-esg {

        padding-right: 15px;

    }



    .about-esg h2 {

        font-size: var(--font-size-heading-24px);

    }



    .about-us-esg {

        flex-direction: column;

    }



    .about-us-int .list-int:last-child h2 {

        margin-top: 0 !important;

    }



    .about-us-esg>.wrap-heading:first-child {

        width: 100%;

        display: block !important;

        padding: 0 !important;

        text-align: left !important;

        margin-bottom: 10px;

    }



    .about-us-esg>.wrap-heading:not(:first-child) {

        margin-top: -10px;

    }



    .about-us-esg {

        gap: 0 !important;

    }



    .about-us-esg .list-int .list-int>.wrap-heading {

        margin-top: 15px !important;

    }



    .about-us-esg .list-int h4 {

        margin-top: 0;

    }



    /* End tab 1 */



    .tab-network .nav .nav-item {

        flex: unset;

        width: 50%;

    }



    .tab-network .nav .nav-item:nth-child(2) {

        border: none;

    }



    .tab-network .nav .nav-item:nth-child(-n+2) {

        border-bottom: 1px solid #828282;

    }



    .network .wrap-img img {

        height: 190px;

    }



    .tab-network #tab-network-2.nav {

        margin-top: -103px;

        margin-bottom: 0 !important;

    }



    #about-us .tab-content .container-child.tab-3-network {

        padding-top: 0 !important;

    }



    #about-us .row-count {

        padding-top: 20px;

        padding-bottom: 130px;

    }



    /* Mobile end about us */

    #two-chairs .row.align-items-center.text-center h3 {

        font-size: var(--font-size-mb-heading-20px);

    }



    #two-chairs .row.align-items-center.text-center h4 {

        font-size: var(--font-size-mb-heading-14px);

    }



    #two-chairs .row.align-items-center.text-center .col:last-child .text {

        padding: 20px 0 0 0;

    }



    .about-us-int.section-5 .icon {

        align-items: flex-start;

        gap: 40px;

    }



    .about-us-int.section-5 .icon-body {
        padding-left: 70px;
        margin-top: -10px;
    }

    .about-us-int.section-5 .list-int>.wrap-heading {

        margin: 0 auto !important;

    }



    #two-chairs .section-6 .wrap-heading h5 {

        font-size: 10px;

    }



    #two-chairs .section-6 h3 {

        text-transform: uppercase;

        margin-top: 0;

    }



    .about-us-int.section-5 .row-icon {

        padding-top: 0;

    }



    #two-chairs .section-6 .row .col:last-child {

        padding-left: 0;

    }



    #two-chairs .section-6 .row .col:first-child {

        padding-right: 0;

        flex: 0 0 24%;

        max-width: 24%;

    }



    #main-faqs .title-page h3 {

        font-size: var(--font-size-mb-heading-11px);

    }



    #main-faqs .title-page {

        padding-top: 12px;

        padding-bottom: 18px;

    }



    .list-faqs .drop-down-item {

        padding: 8px 0;

    }



    .credit-card-list {

        --hTitle: 34px;

        --hImg: 115px;

        --wImg: 126px;

        --hGap: 10px;

    }

    .tax-category-loan {
        --hGap: 20px;
        --hImg: 60px;
    }

    .tax-category-loan .list-all--item__top div {
        margin-top: 28px;
    }

    .tax-category-loan .list-all--item div img {
        margin: 0;
        height: var(--hImg);
    }

    .tax-category-loan .list-all--item__bottom {
        gap: 10px;
    }

    .tax-category-loan .list-all {
        gap: 0;
    }



    .credit-card-list .list-all--item img {

        max-width: var(--wImg);

        max-height: var(--hImg);

    }

    #account-cate-title .account-cate-title--main {
        /* background-position-x: 80% !important; */
    }





    .credit-card-list .list-all--item a:not(.list-all--item__link) {

        margin-bottom: 10px;

    }



    .list-faqs--type__item .icon {

        gap: 12px;

    }



    .list-faqs--type__item .icon-svg svg,

    .list-faqs--type__item .icon-svg,

    .list-faqs--type__item .icon .img-svg {

        width: 12px;

        height: 12px;

    }



    .list-faqs--type__item li {

        font-size: var(--font-size-text-11px);

    }



    .list-faqs--type__item h4 {

        font-size: var(--font-size-mb-heading-11px);

        margin-bottom: 0;

        color: var(--color-text);

        position: relative;

        text-align: center;

    }



    .list-faqs--type__item li .icon,

    .list-faqs--type__item li li {

        padding-left: 9px;

    }



    .list-faqs--type__item>ul>li:first-child {

        padding-top: 10px;

        border-top: 1px solid var(--color-text);

    }



    .list-faqs--type__item h4 .icon {

        position: absolute;

        right: 0;

        top: 50%;

        transform: translateY(-50%);



    }



    .list-faqs--type__item h4 .icon img,

    .list-faqs--type__item h4 .icon svg,

    .list-faqs .list-drop-down .drop-down-title .icon img,

    .list-faqs .list-drop-down .drop-down-title .icon svg {

        padding: 2px;

        width: 12px;

        height: 12px;

    }



    .list-faqs--type {

        display: flex;

        gap: 14px;

        width: 100%;

        padding: 0;

        background-color: transparent;

        align-items: flex-start;

    }



    .list-faqs--type .list-faqs--type__item.has-active {

        background-color: var(--color-primary);

    }



    .list-faqs--type .list-faqs--type__item.has-active h4 {

        color: var(--color-white);

    }



    .list-faqs--type .list-faqs--type__item.has-active h4 .icon img,

    .list-faqs--type .list-faqs--type__item.has-active h4 .icon svg {

        fill: #ffffff;

        filter: brightness(100);

    }



    .list-faqs--type .list-faqs--type__item {

        width: 50%;

        background-color: var(--color-grey-1);

        padding: 10px !important;

        position: relative;

    }



    .list-faqs--type__item>ul>li {

        padding: 5px 0;

    }



    .list-faqs--type__item ul li ul {

        padding-top: 7px;

        padding-bottom: 0;

    }



    .list-faqs--type__item ul li ul li::before {

        width: 1.5px;

        height: 1.5px;

        left: 2px;

    }



    .list-faqs--type__item ul li ul li {

        margin-left: 35px;

    }



    .list-faqs--type .list-faqs--type__item.acive>ul {

        display: block;

    }



    .list-faqs--type .list-faqs--type__item>ul {

        position: absolute;

        display: none;

        padding: 0 16px 16px 16px;

        background-color: var(--color-grey-1);

        width: 100%;

        left: 0;

        top: 36px;

        z-index: 1;

    }



    .list-faqs--content__title h4 {

        font-size: 10px;

        margin: 13px 0 0 0
    }



    .list-faqs--content h5 {

        font-size: var(--font-size-mb-heading-11px)
    }



    .list-faqs .drop-down-item.active .drop-down-title {

        margin-bottom: 10px;

    }



    .list-faqs .list-drop-down .drop-down-item .drop-down-content {

        padding-left: 20px;

    }

    .postContent ol {
        padding-left: 15px !important;
    }

    .credit-card-list .list-all--item ul li {
        font-size: 11px;
    }

    .branch-atm-tabs {
        gap: 14px !important;
        padding: 24px 0 34px 0 !important;
    }

    .branch-atm-tabs .btn {
        font-size: 12px !important;
        padding: 0 !important;
        width: 100% !important;
        height: 35px !important;
    }

    .branch-atm-tabs .btn:last-child {
        width: 30% !important;
    }

    .see-all-home {
        font-size: 11px !important;
        padding: 12px 0 16px !important
    }

    .see-all-home.text-left {
        text-align: center !important;
    }

    #news-home {
        padding-bottom: 16px !important;
    }

    .account-list--item__title,
    .account-list--item ul li,
    .account-list--item__more-details,
    .account-cate-list .list-all--item__excerpt p {
        font-size: var(--font-size-mb-heading-11px) !important;
    }

    .tax-category-loan .list-all--item__excerpt p {
        font-size: 9px !important;
    }


    .account-cate-list img {
        height: 50px;
        margin-top: 31px;
        margin-bottom: 14px;
    }

    .account-cate-list .list-all--item a {
        margin-top: 14px;
    }

    .list-history .wrap-heading h3 {
        margin-top: 0;
    }

    #two-chairs .section-5 .icon-title {
        display: ruby;
    }

    .list-career--item {
        padding-bottom: 20px !important;
    }

    .list-career--item__content>a {
        bottom: 17px !important;
    }

    .about-us-int>.list-int:first-child,
    .about-us-int>.list-int:nth-child(2) {
        padding-bottom: 0;
        margin-top: -15px;
    }

    .about-us-int>.list-int.d-flex:nth-child(3) {
        margin-top: -10px;
    }

    .about-us-int>.list-int:nth-child(3)>.wrap-heading h3 {
        margin-top: 10px;
    }

    .about-us-int>.list-int:nth-child(3):not(.about-us-esg) .diagonal-line {
        margin-top: -60px;
    }

    .title.history {
        display: table;
        margin: auto;
    }

    .main-menu-mb ul>li>.arrrow svg {
        width: 8px !important;
        height: 8px !important;
    }

    #main-home-page .promotion-list-home--item a img {
        height: 105px;
    }

    .promotion-list-home--item {
        background: #F0F0F1;
        height: 100%;
    }

    .promotion-list-home--item__content h3 a {
        height: auto !important;
    }

    .logo-hang li {
        padding: 0 12px !important;
    }

    #list-card-offers .list-all--item img {
        width: 60px;
    }

    #tool-page .col-md-5 {
        padding: 0 !important;
    }

    #tool-page .postContent img {
        margin-top: 0 !important;
    }

    #tool-page .postContent p {
        text-decoration: underline;
    }

    #tool-page .col-md-5 h2 {
        margin-bottom: 5px !important;
    }

    #tool-page .col-md-7 {
        padding-left: 0 !important;
    }

    .tool-table thead th {
        font-size: 9px;
    }

    #tool-page h2 {
        font-size: 14px !important;
        text-align: center !important;
        margin-bottom: 21px !important;
    }

    #tool-page {
        padding-top: 21px !important;
        padding-bottom: 10px !important;
    }
}

.suggest-card-button {
    color: var(--color-white) !important;
}

.news-home-list .news-home--item__content a {
    margin-top: 0;
}

.see-all-home {
    text-decoration: underline;
}

.promotion-list-home--item__content h3 a:hover {
    color: var(--key-color) !important;
}

.promotion-list-home--item__content h3 a {
    color: var(--color-text) !important;
    transition: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.tax-category-corporate-credit .account-cate-list .list-all--item a {
    padding: 0;
    background: transparent !important;
    color: #0067AC !important;
}

.tax-category-corporate-credit .account-cate-list .list-all--item:hover a {
    color: var(--color-white) !important;
}

#about-us .tab-content-text .text p:not(:last-child),
.about-us-ceo .text p:not(:last-child) {
    margin-bottom: 15px;
}

.title.history {
    width: max-content;
}

.v-box-edit1 .col>h4 {
    align-items: flex-end !important;
}

.postContent {
    text-align: justify;
}

.list-career--item {
    position: relative;
    padding-bottom: 40px;
}

.list-career--item__content>a {
    position: absolute;
    margin-top: 0 !important;
    bottom: 45px;
}

/* custome feedBack */