/* =========================================================
ACAC FOOTER
Tương thích Flatsome 3.20.5
Bảng màu: #141E4A | #FFFFFF | #B0B8D8
Shortcode class: acac-footer-main
========================================================= */

/* ---------------------------------------------------------

1. KHUNG FOOTER CHUNG
   --------------------------------------------------------- */

.acac-footer-main {
position: relative;
z-index: 1;
overflow: hidden;
width: 100%;
padding: 68px 0 0 !important;
background-color: #141e4a !important;
}

/* Họa tiết nền nhẹ theo màu xanh nhạt */
.acac-footer-main::before {
content: "";
position: absolute;
z-index: 0;
top: -210px;
right: -180px;
width: 470px;
height: 470px;
border: 1px solid rgba(176, 184, 216, 0.08);
border-radius: 50%;
pointer-events: none;
}

.acac-footer-main::after {
content: "";
position: absolute;
z-index: 0;
right: 90px;
bottom: 80px;
width: 220px;
height: 220px;
border: 1px solid rgba(255, 255, 255, 0.04);
border-radius: 50%;
pointer-events: none;
}

.acac-footer-main > .section-content {
position: relative;
z-index: 2;
}

/* Giới hạn chiều rộng nội dung */
.acac-footer-content-row,
.acac-footer-navigation-row,
.acac-footer-copyright-row {
width: 100% !important;
max-width: 1320px !important;
margin-right: auto !important;
margin-left: auto !important;
}

/* ---------------------------------------------------------
2. HÀNG 4 CỘT
--------------------------------------------------------- */

.acac-footer-content-row {
padding-right: 24px;
padding-left: 24px;
}

.acac-footer-content-row > .col {
padding-right: 22px !important;
padding-left: 22px !important;
}

.acac-footer-content-row > .col > .col-inner {
height: 100%;
}

/* Căn logo và nội dung cột đầu sang trái */
.acac-footer-about .col-inner,
.acac-footer-logo .img-inner {
text-align: left !important;
}

/* ---------------------------------------------------------
3. TYPOGRAPHY CHUNG
--------------------------------------------------------- */

.acac-footer-main,
.acac-footer-main p,
.acac-footer-main li,
.acac-footer-main span {
color: #b0b8d8;
}

.acac-footer-main p {
margin-top: 0;
margin-bottom: 10px;
font-size: 14px;
line-height: 1.72;
}

.acac-footer-main a {
text-decoration: none !important;
transition:
color 0.25s ease,
background-color 0.25s ease,
border-color 0.25s ease,
transform 0.25s ease;
}

.acac-footer-main a:hover {
color: #ffffff !important;
}

/* ---------------------------------------------------------
4. LOGO
--------------------------------------------------------- */

.acac-footer-logo {
width: 100% !important;
max-width: 190px;
margin: 0 0 5px !important;
}

.acac-footer-logo .img-inner {
margin-right: auto !important;
margin-left: 0 !important;
}

.acac-footer-logo img {
display: block;
width: auto !important;
max-width: 190px !important;
max-height: 88px !important;
margin: 0 !important;
object-fit: contain;
object-position: left center;
}

/* ---------------------------------------------------------
5. SỬA SHORTCODE TITLE CỦA FLATSOME
--------------------------------------------------------- */

/* Loại bỏ đường kẻ dài mặc định */
.acac-footer-main .section-title-container {
margin-top: 0 !important;
margin-bottom: 0 !important;
}

.acac-footer-main .section-title {
display: block !important;
margin: 0 !important;
border: 0 !important;
}

.acac-footer-main .section-title b {
display: none !important;
}

.acac-footer-main .section-title-main {
display: inline-block !important;
position: relative;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
}

/* Tiêu đề chính của từng cột */
.acac-footer-title {
position: relative;
margin-bottom: 22px !important;
padding-bottom: 14px;
}

.acac-footer-title::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 42px;
height: 3px;
background-color: #b0b8d8;
border-radius: 20px;
}

.acac-footer-title .section-title-main {
color: #ffffff !important;
font-size: 17px !important;
line-height: 1.4 !important;
font-weight: 700 !important;
text-transform: uppercase;
letter-spacing: 0.45px;
}

/* Tên thương hiệu */
.acac-footer-brand-title .section-title-main {
font-size: 21px !important;
letter-spacing: 0.2px;
}

/* Tiêu đề Mạng lưới quốc tế */
.acac-footer-small-title {
margin-bottom: 13px !important;
padding-bottom: 10px;
}

.acac-footer-small-title .section-title-main {
font-size: 14px !important;
}

/* Tiêu đề văn phòng nhỏ */
.acac-footer-office-title {
margin-bottom: 7px !important;
}

.acac-footer-office-title .section-title-main {
color: #ffffff !important;
font-size: 14px !important;
line-height: 1.4 !important;
font-weight: 700 !important;
text-transform: uppercase;
letter-spacing: 0.35px;
}

/* Không tạo gạch nhấn cho tiêu đề văn phòng nhỏ */
.acac-footer-office-title::after {
display: none !important;
}

/* ---------------------------------------------------------
6. CỘT GIỚI THIỆU
--------------------------------------------------------- */

.acac-footer-company,
.acac-footer-company p {
color: #b0b8d8 !important;
font-size: 14px !important;
}

.acac-footer-slogan,
.acac-footer-slogan p {
max-width: 310px;
color: #ffffff !important;
font-size: 16px !important;
line-height: 1.65 !important;
font-weight: 500;
}

.acac-footer-network,
.acac-footer-network p {
color: #b0b8d8 !important;
font-size: 14px !important;
line-height: 1.8 !important;
}

/* ---------------------------------------------------------
7. DANH SÁCH DỊCH VỤ
--------------------------------------------------------- */

.acac-footer-services .button.acac-footer-link {
display: block !important;
position: relative;
width: 100%;
min-height: 0 !important;
margin: 0 !important;
padding: 9px 0 9px 17px !important;
border: 0 !important;
border-bottom: 1px solid rgba(176, 184, 216, 0.1) !important;
color: #b0b8d8 !important;
background: transparent !important;
box-shadow: none !important;
font-size: 13px !important;
line-height: 1.55 !important;
font-weight: 400 !important;
text-align: left !important;
text-transform: none !important;
letter-spacing: 0 !important;
white-space: normal !important;
}

.acac-footer-services .button.acac-footer-link::before {
content: "";
position: absolute;
top: 17px;
left: 0;
width: 5px;
height: 5px;
background-color: #b0b8d8;
border-radius: 50%;
}

.acac-footer-services .button.acac-footer-link::after {
display: none !important;
}

.acac-footer-services .button.acac-footer-link:last-child {
border-bottom: 0 !important;
}

.acac-footer-services .button.acac-footer-link:hover {
color: #ffffff !important;
transform: translateX(4px);
}

/* ---------------------------------------------------------
8. VĂN PHÒNG
--------------------------------------------------------- */

.acac-footer-office-item {
margin-bottom: 19px;
padding-bottom: 17px;
border-bottom: 1px solid rgba(176, 184, 216, 0.12);
}

.acac-footer-office-last {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0;
}

.acac-footer-office-item .text,
.acac-footer-office-item .text p {
margin-bottom: 5px !important;
color: #b0b8d8 !important;
font-size: 13px !important;
line-height: 1.7 !important;
}

.acac-footer-office-item > p {
margin: 5px 0 0 !important;
}

/* ---------------------------------------------------------
9. SỐ ĐIỆN THOẠI
--------------------------------------------------------- */

.acac-footer-contact-link {
display: inline-flex !important;
align-items: center;
gap: 9px;
max-width: 100%;
color: #b0b8d8 !important;
font-size: 13px;
line-height: 1.5;
font-weight: 500;
text-decoration: none !important;
overflow-wrap: anywhere;
}

.acac-footer-contact-link:hover {
color: #ffffff !important;
transform: translateX(4px);
}

.acac-footer-contact-icon {
display: inline-flex;
flex: 0 0 29px;
align-items: center;
justify-content: center;
width: 29px;
height: 29px;
color: #141e4a !important;
background-color: #b0b8d8;
border-radius: 50%;
font-size: 13px;
line-height: 1;
}

/* ---------------------------------------------------------
10. EMAIL MỞ GMAIL
--------------------------------------------------------- */

.acac-footer-email-box {
margin-top: 3px;
}

/* Ẩn thẻ br do trình soạn thảo tự chèn */
.acac-footer-email-box br,
.acac-footer-email-direct br {
display: none !important;
}

.acac-footer-email-direct {
display: inline-flex !important;
align-items: center;
gap: 10px;
max-width: 100%;
color: #b0b8d8 !important;
font-size: 14px;
line-height: 1.5;
font-weight: 500;
text-decoration: none !important;
overflow-wrap: anywhere;
}

.acac-footer-email-direct::before {
content: "✉";
display: inline-flex;
flex: 0 0 31px;
align-items: center;
justify-content: center;
width: 31px;
height: 31px;
color: #141e4a;
background-color: #b0b8d8;
border-radius: 50%;
font-size: 14px;
line-height: 1;
}

.acac-footer-email-direct:hover {
color: #ffffff !important;
transform: translateX(4px);
}

.acac-footer-email-direct span {
min-width: 0;
color: inherit !important;
word-break: break-word;
}

/* ---------------------------------------------------------
11. MẠNG XÃ HỘI
--------------------------------------------------------- */

.acac-footer-main .social-icons {
margin-top: 2px;
}

.acac-footer-main .social-icons a {
display: inline-flex !important;
align-items: center;
justify-content: center;
width: 42px !important;
height: 42px !important;
margin-right: 8px !important;
color: #ffffff !important;
background-color: rgba(255, 255, 255, 0.08) !important;
border: 1px solid rgba(255, 255, 255, 0.17) !important;
border-radius: 50% !important;
box-shadow: none !important;
}

.acac-footer-main .social-icons a:hover {
color: #141e4a !important;
background-color: #ffffff !important;
border-color: #ffffff !important;
transform: translateY(-3px);
}

/* ---------------------------------------------------------
12. NÚT LIÊN HỆ TƯ VẤN
--------------------------------------------------------- */

.acac-footer-main .acac-footer-contact-btn {
display: inline-flex !important;
align-items: center;
justify-content: center;
min-height: 41px !important;
margin: 0 !important;
padding: 0 23px !important;
color: #ffffff !important;
background-color: transparent !important;
border: 1px solid #ffffff !important;
border-radius: 99px !important;
box-shadow: none !important;
font-size: 12px !important;
line-height: 1.2 !important;
font-weight: 700 !important;
text-transform: uppercase;
letter-spacing: 0.45px;
}

.acac-footer-main .acac-footer-contact-btn:hover {
color: #141e4a !important;
background-color: #ffffff !important;
border-color: #ffffff !important;
transform: translateY(-2px);
}

/* ---------------------------------------------------------
13. MENU ĐIỀU HƯỚNG FOOTER
--------------------------------------------------------- */

.acac-footer-navigation-row {
margin-top: 46px !important;
padding: 20px 30px 14px;
border-top: 1px solid rgba(176, 184, 216, 0.17);
}

.acac-footer-navigation-row > .col {
padding-bottom: 0 !important;
}

.acac-footer-navigation-col > .col-inner {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 5px 7px;
}

.acac-footer-nav-link {
min-height: 0 !important;
margin: 0 !important;
padding: 7px 11px !important;
border: 0 !important;
color: #b0b8d8 !important;
background: transparent !important;
box-shadow: none !important;
font-size: 12px !important;
line-height: 1.5 !important;
font-weight: 600 !important;
text-transform: none !important;
letter-spacing: 0 !important;
}

.acac-footer-nav-link::after {
display: none !important;
}

.acac-footer-nav-link:hover {
color: #ffffff !important;
}

/* ---------------------------------------------------------
14. HÀNG CHÍNH SÁCH CUỐI FOOTER
--------------------------------------------------------- */

.acac-footer-copyright-row {
margin-top: 0 !important;
padding: 15px 30px 18px;
border-top: 1px solid rgba(176, 184, 216, 0.1);
}

.acac-footer-copyright-row > .col {
padding-bottom: 0 !important;
}

.acac-footer-copyright-right > .col-inner {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 8px 22px;
}

.acac-footer-policy-link {
min-height: 0 !important;
margin: 0 !important;
padding: 4px 0 !important;
border: 0 !important;
color: #b0b8d8 !important;
background: transparent !important;
box-shadow: none !important;
font-size: 12px !important;
line-height: 1.5 !important;
font-weight: 400 !important;
text-transform: none !important;
letter-spacing: 0 !important;
}

.acac-footer-policy-link::after {
display: none !important;
}

.acac-footer-policy-link:hover {
color: #ffffff !important;
}

/* =========================================================
TABLET: 550PX - 849PX
========================================================= */

@media screen and (min-width: 550px) and (max-width: 849px) {


.acac-footer-main {
    padding-top: 56px !important;
}

.acac-footer-content-row {
    padding-right: 14px;
    padding-left: 14px;
}

.acac-footer-content-row > .col {
    flex-basis: 50% !important;
    max-width: 50% !important;
    margin-bottom: 40px;
    padding-right: 18px !important;
    padding-left: 18px !important;
}

.acac-footer-content-row > .col:nth-last-child(-n+2) {
    margin-bottom: 0;
}

.acac-footer-navigation-row {
    margin-top: 38px !important;
}


}

/* =========================================================
MOBILE: DƯỚI 550PX
========================================================= */

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

.acac-footer-main {
    padding-top: 43px !important;
}

.acac-footer-content-row {
    padding-right: 5px;
    padding-left: 5px;
}

.acac-footer-content-row > .col {
    flex-basis: 100% !important;
    max-width: 100% !important;
    margin-bottom: 40px;
    padding-right: 15px !important;
    padding-left: 15px !important;
}

.acac-footer-content-row > .col:last-child {
    margin-bottom: 0;
}

.acac-footer-logo {
    max-width: 175px;
}

.acac-footer-logo img {
    max-width: 175px !important;
    max-height: 80px !important;
}

.acac-footer-title .section-title-main {
    font-size: 16px !important;
}

.acac-footer-brand-title .section-title-main {
    font-size: 20px !important;
}

.acac-footer-slogan,
.acac-footer-slogan p {
    max-width: 100%;
    font-size: 15px !important;
}

.acac-footer-navigation-row {
    margin-top: 34px !important;
    padding: 20px 20px 15px;
}

.acac-footer-navigation-col > .col-inner {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 5px 18px;
    text-align: left;
}

.acac-footer-nav-link {
    width: 100%;
    padding: 7px 0 !important;
    text-align: left !important;
    white-space: normal;
}

.acac-footer-copyright-row {
    padding: 17px 20px 22px;
}

.acac-footer-copyright-right > .col-inner {
    align-items: flex-start;
    justify-content: flex-start;
    gap: 7px 18px;
}

.acac-footer-contact-link,
.acac-footer-email-direct {
    font-size: 13px;
}

.acac-footer-main::before {
    top: -150px;
    right: -190px;
    width: 340px;
    height: 340px;
}


}