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

/*************** ADD CUSTOM CSS HERE.   ***************/

/* ==================================================
 * VARIABLES
 * =============================================== */

:root {
	--vf-primary-color: #002858;
	--vf-secondary-color: #0B783C;
	--vf-messenger-color: #006AFF;
	--vf-whatsapp-color: #25D366;
	
	--vf-radius-sm: 6px;
	--vf-radius-md: 8px;
	--vf-radius-lg: 12px;
	--vf-radius-xl: 16px;
	--vf-radius-pill: 999px;
}

/* ==================================================
 * OVERWRITE FLATSOME
 * =============================================== */

body {
	color: #052349;
}

p {
	margin: 0 !important;
}

.col {
	margin-bottom: 15px !important;
}

/* ==================================================
 * SHARED BUTTON, PANEL BACKGROUND, SECTION TITLE...
 * =============================================== */
/* Button */
.vf-btn {
	height: 50px;
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px;
	color: #fff !important;
	font-weight: bold !important;
	padding: 0px 40px;
	background-color: var(--vf-primary-color);
	border: 2px solid var(--vf-primary-color);
	border-radius: var(--vf-radius-md);
	box-shadow: 0 2px 5px rgba(5, 35, 73, 0.08);
}

.vf-btn:hover {
	color: #fff;
}

.vf-btn--messenger {
	background-color: var(--vf-messenger-color);
	border-color: var(--vf-messenger-color);
}

.vf-btn--whatsapp {
	background-color: var(--vf-whatsapp-color);
	border-color: var(--vf-whatsapp-color);
}

.vf-btn__icon {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 30px;
	height: 30px
}

.vf-btn__icon svg {
	width: 100%;
	height: 100%;
}

.vf-actions .col-inner {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 30px;
}
/* ---  MOBILE --- */
@media (max-width: 767px) {
    .vf-actions .col-inner {
        flex-direction: column !important; /* Thường trên mobile nên xếp dọc dòng nút bấm cho đỡ vỡ layout */
        margin-top: 5px !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 15px !important; /* Trên mobile nên thu nhỏ khoảng cách (gap) lại cho vừa màn hình */
    }
}
/* Section Title */
.vf-section-title h3 {
	color: var(--vf-primary-color);
	font-size: 24px;
    font-weight: 800;
    margin-bottom: 24px;
}

/* Panel */
.vf-panel > .col-inner {
	padding: 32px;
	border-radius: var(--vf-radius-lg);
	box-shadow: rgba(0, 0, 0, 0.05) 0 6px 24px 0, rgba(0, 0, 0, 0.08) 0 0 0 1px;
}

/* Flex Box */
.vf-flex-center {
	display: flex;
	justify-content: center;
	align-items: center;
}

/*=== SHARED - HEADER ===*/
/* Shared - Header: Menu */
.header-nav.nav-left {
	justify-content: center;
	align-items: center;
	gap: 30px;
}

.header-nav.nav-left a {
	font-size: 16px;
	font-weight: bold;
}

/* Shared - Header: Language */
.vf-header-lang {
	gap: 3px;
	font-size: 16px;
	font-weight: 600;
	color: var(--vf-primary-color);
	margin-right: 30px;
}

.vf-header-lang__icon svg {
	width: 20px;
	height: 20px;
	color: var(--vf-primary-color);
}

.vf-header-lang a,
.vf-header-lang a:hover {
	color: var(--vf-primary-color);
}

.vf-header-lang .divider {
	margin-bottom: 5px;
}

/* Shared - Header: Actions */
.header-nav.nav-right .vf-btn {
	height: fit-content;
	font-size: 14px;
	text-transform: capitalize;
	padding: 8px 20px;
}

.header-nav.nav-right .vf-btn .vf-btn__icon {
	width: 25px;
	height: 25px;
}

/*=== SHARED - FOOTER ===*/
/* Shared - Footer: Global */
.vf-footer-title {
	font-size: 18px;
}

.vf-footer-contact .col-inner,
.vf-footer-legal .col-inner,
.vf-footer-follow .col-inner {
	display: flex;
    flex-direction: column;
    gap: 8px;
}

/* Shared - Footer: Contact */
.vf-footer-contact__item {
	align-items: center;
}

.vf-footer-contact__item h3 {
	font-size: 16px;
	margin-bottom: 0;
}

.vf-footer-contact__item p {
	font-size: 14px;
}

/* Shared - Footer: Copyright */
.absolute-footer {
	border-top: 1px solid rgba(255, 255, 255, .5)
}

/*=== SHARED - SUB PAGE BANNER ===*/
.vf-sub-page-banner {
	position: relative;
	overflow: hidden;
}

.vf-sub-page-banner::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;

	background: linear-gradient(
		90deg,
		rgba(230, 241, 252, 0.96) 0%,
		rgba(230, 241, 252, 0.92) 28%,
		rgba(230, 241, 252, 0.72) 45%,
		rgba(230, 241, 252, 0.35) 58%,
		rgba(230, 241, 252, 0) 72%
	);
}

.vf-sub-page-banner .banner-layers,
.vf-sub-page-banner .text-box {
	position: relative;
	z-index: 3;
}

.vf-sub-page-banner .text-box h2 {
	font-size: 46px;
    font-weight: 800;
    margin: 0;
}

.vf-sub-page-banner .text-box h3 {
	font-size: 20px;
    font-weight: 800;
    margin: 20px 0;
}

/* ==================================================
 * HOME PAGE
 * =============================================== */
/* HomePage - Hero Banner: Overlay */
.vf-hero-banner {
	position: relative;
	overflow: hidden;
}

.vf-hero-banner .banner-bg {
	position: absolute;
	inset: 0;
	z-index: 1;
}

.vf-hero-banner .banner-bg::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 2;
	pointer-events: none;

	background: linear-gradient(
		90deg,
		rgba(247, 242, 233, 0.96) 0%,
		rgba(247, 242, 233, 0.92) 22%,
		rgba(247, 242, 233, 0.78) 38%,
		rgba(247, 242, 233, 0.48) 52%,
		rgba(247, 242, 233, 0.15) 62%,
		rgba(247, 242, 233, 0) 72%
	);
}

.vf-hero-banner .banner-layers {
	position: relative;
	z-index: 3;
}

/* HomePage - Hero Banner: Tittle */
.vf-hero-banner__title {
	margin-bottom: 25px;
}

.vf-hero-banner__title.text h2 {
	font-size: 50px;
	font-weight: 800;
	margin: 0;
}

.vf-hero-banner__title.text h2:last-of-type {
	color: var(--vf-secondary-color) !important;
	margin-top: 10px;
}

/* HomePage - Hero Banner: Three Services */
.vf-hero-banner__services {
	width: 70% !important;
}

.vf-hero-banner__services .col-inner {
	display: flex;
	justify-content: space-between;
}

.vf-hero-banner__services .icon-box {
	width: auto;
}

.vf-hero-banner__services .icon-box-img {
	color: var(--vf-secondary-color);
}

.vf-hero-banner__services .icon-box-text {
	font-weight: 600;
	padding-left: 8px !important;
}

/* HomePage - Hero Banner: Short Description */
.vf-hero-banner__short-desc {
	width: 65%;
	font-weight: 600;
    margin: 20px 0 !important;
}

/* HomePage - Hero Banner: Actions */
.vf-hero-banner__actions .col-inner {
	display: flex;
	align-items: center;
	gap: 20px;
}

/* HomePage - Main Services: Three Services */
.vf-main-services__card {
	width: 330px;
    aspect-ratio: 1;
    padding: 30px 50px 50px;
	background-color: var(--vf-primary-color);
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M485.3 355.5v-199c0-20.4-10.9-39.2-28.5-49.4L284.5 7.6c-17.6-10.2-39.4-10.2-57 0L55.2 107.1c-17.6 10.2-28.5 29-28.5 49.4v199c0 20.4 10.9 39.2 28.5 49.4l172.3 99.5c17.6 10.2 39.4 10.2 57 0l172.3-99.5c17.7-10.2 28.5-29 28.5-49.4z' fill='black'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
}

.vf-main-services__card--cyan { background-color: #0f92ae; }
.vf-main-services__card--green { background-color: var(--vf-secondary-color); }

.vf-main-services__card .icon-box-img {
	height: 65px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 0 !important;
}

.vf-main-services__card .title { height: 55px; }

.vf-main-services__card .text h4 { font-size: 16px; }

.vf-main-services__card .content { height: 80px; }

.vf-main-services__card .text ul {
	display: inline-block;
	text-align: left;
	line-height: 1;
	margin-bottom: 0;
}

.vf-main-services__card .vf-more-link {
	display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
	color: #fff;
	font-size: 14px;
    font-weight: 600;
    padding: 5px 15px 5px 20px;
	margin-top: 20px;
	border: 1px solid #fff;
    border-radius: 8px;
}

/* HomePage - Main Services: Note */
.vf-main-services__note {
	gap: 5px;
	color: var(--vf-primary-color);
	margin-top: 20px !important;
}

.vf-main-services__note .icon svg {
	width: 20px;
	height: 20px;
}

.vf-main-services__note .text {
	margin-top: 2px;
}

/*** WORKFLOW SECTION ***/
.vf-workflow-step .text {
	display: flex;
	justify-content: center;
}

.vf-workflow-step .vf-workflow-step-no {
	background: #052349;
    width: 20px;
    height: 20px;
    font-size: 13px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 99px;
}

.vf-workflow-step .icon-box .icon-box-img {
	margin: 10px auto;
}

.vf-workflow-step {
	position: relative;
}

.vf-workflow-step:not(:last-child)::after {
	content: "›";
	position: absolute;
	top: 50%;
	right: -7px;
	transform: translateY(-85%);
	color: #052349;
	font-size: 40px;
	font-weight: 400;
	z-index: 5;
}

.vf-workflow-note {
	font-size: 14px;
	margin-top: 15px;
}

/*** WHY CHOOSE SECTION ***/
.vf-why-choose .icon-box {
	align-items: center;
}

.vf-why-choose h3 {
	font-size: 16px;
	margin: 0;
}

/*** CHECK VISA SECTION ***/
.vf-check-visa-bg > .col-inner {
	padding: 15px 45px;
    border: 2px solid #8ebeea;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(5, 35, 73, 0.1);
}

.vf-check-visa-left .icon-box {
	align-items: center;
	gap: 15px;
}

.vf-check-visa-left h3 {
	margin: 0;
}

.vf-check-visa-left p {
	font-size: 15px;
}

.vf-check-visa-right .col-inner {
	height: 100%;
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	gap: 10px;
}

.vf-check-visa-right .vf-check-visa-link {
	color: #fff;
    background: #052349;
    font-weight: bold;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 35px;
    border-radius: 8px;
}

.vf-check-visa-right p {
	font-size: 14px;
}


/*** FAQ SECTION ***/
.vf-faq .accordion-item {
	color: #052349;
	font-size: 14px;
	font-weight: 800;
    border: 1px solid #e6e6e6;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(5, 35, 73, 0.05);
}

.vf-faq .accordion-item:first-child {
	margin-bottom: 15px;
}

.vf-faq .accordion-title {
	border: none;
}

.vf-faq .accordion-title .toggle {
	margin: 0;
	left: auto;
	right: 0;
	transform: translateX(-50%);
}

/*** SUPPORT SECTION ***/
.vf-support .col-inner {
	min-height: 280px;
}

.vf-support .col:first-child .col-inner {
	padding: 25px 35px;
	border: 1px solid #e6e6e6;
	border-radius: 10px;
	box-shadow: 0 2px 10px rgba(5, 35, 73, 0.05);
}

.vf-support-content .col-inner {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 15px;
}

.vf-support-content h3 {
	color: #81181a;
	font-size: 23px;
	letter-spacing: 0.3px;
	margin: 0;
}

.vf-support-content p {
	color: #052349;
	font-size: 14px;
	font-weight: 600;
	text-align: justify;
}

.vf-support-content .button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 180px;
	min-height: 38px;
	margin: 0 auto;
	color: #fff !important;
	font-size: 14px;
	font-weight: 700;
	background: #18b7c4 !important;
}

.vf-support .video {
	height: 280px;
	overflow: hidden;
}

/*** DISCLAIMER SECTION ***/
.vf-disclaimer .vf-disclaimer-content {
	justify-content: center;
    align-items: center;
	padding: 5px 20px;
    border: 1px solid #f3cccc;
    border-radius: 8px;
	background: linear-gradient(90deg, #fff1f1 0%, #fdeaea 50%, #fbe3e3 100%);
    box-shadow: 0 1px 3px rgba(182, 24, 29, 0.06);
}

/* ==================================================
 * EMERGENCY VISA PAGE
 * =============================================== */
.vf-emergency-btn--email {
	color: var(--vf-primary-color) !important;
	background-color: #fff;
	border-color: #d8e0e8;
}

.vf-emergency-btn--email:hover {
	color: var(--vf-primary-color);
}

/* ==================================================
 * UPDATE VIETNAM PAGE
 * =============================================== */
.vf-update-vietnam .row {
	align-items: stretch;
}

.vf-update-vietnam .vf-panel > .col-inner {
	height: 320px !important;
	display: flex;
	flex-direction: column;
}

.vf-update-vietnam h4 {
	flex: 0 0 auto;
	position: relative;
	color: var(--vf-primary-color);
	font-size: 22px;
	text-transform: uppercase;
	margin: 0 0 24px 45px;
}

.vf-update-vietnam h4::before {
	content: "";
	position: absolute;
	top: 50%;
	left: -45px;
	width: 30px;
	height: 1.5px;
	background: var(--vf-primary-color);
	transform: translateY(-50%);
}

.vf-update-vietnam .vf-new-item,
.vf-update-vietnam .vf-note-item {
	display: flex;
	align-items: center;
	margin-bottom: 0;
}

.vf-update-vietnam .vf-panel:first-child > .col-inner > a.plain {
	display: flex;
	align-items: center;
	flex: 1;
	margin-bottom: 0px;
}

.vf-update-vietnam .vf-panel:first-child > .col-inner > a.plain:last-child {
	margin-bottom: 0;
}

.vf-update-vietnam .vf-panel:first-child .vf-new-item {
	width: 100%;
}

.vf-update-vietnam .vf-panel:nth-child(2) .vf-note-item {
	flex: 1;
	margin-bottom: 0px;
}

.vf-update-vietnam .vf-panel:nth-child(2) .vf-note-item:last-child {
	margin-bottom: 0;
}

.vf-update-vietnam .vf-new-item .icon-box-img,
.vf-update-vietnam .vf-note-item .icon-box-img {
	display: flex;
	justify-content: center;
	align-items: center;
	flex: 0 0 auto;
}

.vf-update-vietnam .vf-new-item .icon-box-img {
	width: 50px !important;
	height: 50px;
	background-color: #dbe9f5;
	border-radius: var(--vf-radius-md);
}

.vf-update-vietnam .vf-new-item .icon {
	width: 20px;
}

.vf-update-vietnam .vf-new-item h5 {
	color: var(--vf-primary-color);
	margin: 0 0 4px;
}

.vf-update-vietnam .vf-new-item p,
.vf-update-vietnam .vf-note-item p {
	margin: 0;
}

/* ==================================================
 * CONTACT PAGE
 * =============================================== */
.vf-contact-channels .col-inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	padding: 28px;
	border: 1px solid;
	border-radius: 10px;
	text-align: center;
	box-shadow: rgba(0, 0, 0, 0.05) 0 6px 24px 0, rgba(0, 0, 0, 0.08) 0 0 0 1px;
}

.vf-contact-channels .icon-box {
	display: inline-flex;
	align-items: center;
	width: auto;
}

.vf-contact-channels .icon-box .text {
	font-size: 20px;
	font-weight: 800;
	margin-bottom: 5px;
}

.vf-contact-channels .col-inner > .text {
	height: 80px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 3px;
	font-weight: 600;
    letter-spacing: 0.3px;
}

.vf-contact-channels .vf-channel-note {
	font-size: 14px;
	font-weight: 500;
	font-style: italic;
}

.vf-contact-channels .button {
	margin: 0;
    border-radius: 8px;
}

.vf-contact-channels .vf-channel-btn--messenger { background-color: #006AFF !important; }
.vf-contact-channels .vf-channel-btn--whatsapp { background-color: #25D366 !important; }
.vf-contact-channels .vf-channel-btn--email { background-color: #002858 !important; }

.vf-contact-response .col-inner {
    padding: 20px 0;
	background-color: rgb(243 246 249);
	border: 1px solid rgb(221 228 235);
    border-radius: 10px;
	box-shadow: rgba(0, 0, 0, 0.05) 0 6px 24px 0, rgba(0, 0, 0, 0.08) 0 0 0 1px;
}

.vf-contact-response .text p {
	font-weight: 700;
}


/* ==================================================
 * LEGAL PAGES
 * =============================================== */
/* Legal Pages: Global */
.vf-legal-title {
	margin-bottom: 30px;
}

.vf-legal-title h2 {
	font-size: 36px;
	font-weight: 800;
	margin: 0;
}

.vf-legal-title h3 {
	margin: 0;
}

.vf-legal-content {
	max-width: 650px;
	margin: 0 auto;
	color: var(--vf-primary-color);
	font-size: 18px;
}

.vf-legal-content li::marker {
	font-weight: 800;
}

.vf-legal-content p {
	line-height: 2;
}

.vf-legal-content > p {
	padding-bottom: 30px;
}

/* Legal Pages - Refund Policy Page: Content */
.vf-legal-content__refund li {
	margin-bottom: 30px;
}

.vf-legal-content__refund li::marker {
	font-weight: 500;
}

.vf-legal-content__refund p {
	padding-left: 15px;
}

.vf-legal-hidden {
	display: none;
}

.vf-legal-content.is-expanded .vf-legal-hidden {
	display: block;
}

.vf-legal-action {
	margin-top: 28px;
	text-align: center;
}

.vf-legal-toggle {
	min-width: 150px;
	height: 46px;
	padding: 0 30px;
	border: 0;
	border-radius: 8px;
	background-color: var(--vf-primary-color, #002858);
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	cursor: pointer;
}

.vf-legal-toggle:hover {
	color: #fff;
	filter: brightness(1.08);
}

/* ==================================================
 * RESPONSIVE - HEADER
 * =============================================== */
@media (max-width: 1300px) {
	.header-nav.nav-right .html_topbar_left,
	.header-nav.nav-right .html_topbar_right {
		display: none;
	}
}

@media only screen and (max-width: 992px) and (min-width: 850px) {
	.header-nav.nav-left {
		gap: 15px;
	}
	
	.vf-header-lang,
	.header-nav.nav-left a {
		font-size: 14px;
	}
}

@media (max-width: 1130px) {
	/* Reduce font sizes slightly to fit smaller screens */
	.vf-hero-banner__title.text h2 {
		font-size: 40px;
	}
	
	/* Increase width constraint to give services items more breathing room */
	.vf-hero-banner__services {
		width: 90% !important;
	}
	
	.vf-hero-banner__services .col-inner {
		gap: 15px;
	}
	
	/* Reduce spacing and allow action buttons to wrap cleanly */
	.vf-hero-banner__actions .col-inner {
		flex-wrap: wrap;
		gap: 12px;
	}
	
	.vf-btn {
		padding: 0 20px;
		font-size: 15px;
	}
	
	.vf-hero-banner__short-desc {
		width: 85%;
	}
}

@media (max-width: 850px) {
	/* Flatsome's Tablet Breakpoint */
	.vf-hero-banner__title.text h2 {
		font-size: 34px;
	}
	
	/* Vertically stack services to avoid squeezing */
	.vf-hero-banner__services {
		width: 100% !important;
	}
	
	.vf-hero-banner__services .col-inner {
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
	}
	
	.vf-hero-banner__short-desc {
		width: 100%;
		font-size: 15px;
	}
	
	.vf-hero-banner__actions .col-inner {
		gap: 12px;
	}
}

@media (max-width: 550px) {
	/* Mobile Portrait Breakpoint */
	.vf-hero-banner__title.text h2 {
		font-size: 28px;
	}
	
	.vf-hero-banner__title.text h2:last-of-type {
		margin-top: 5px;
	}
	
	/* Stack action buttons vertically on mobile for a premium, accessible UI */
	.vf-hero-banner__actions .col-inner {
		flex-direction: column;
		align-items: stretch;
		width: 100%;
		gap: 10px;
	}
	
	.vf-btn {
		width: 60%;
		justify-content: center;
	}

}
/* Ép tất cả các khối nội dung bên trong Section này tự động ra CHÍNH GIỮA trên mobile */
@media only screen and (max-width: 767px) {
    /* Target chuẩn section chính chứa các khối xanh */
    .vf-main-services .col-inner,
    #section_1789294167 .col-inner {
        margin-left: auto !important;
        margin-right: auto !important;
        float: none !important;
        display: block !important;
    }

    /* Đảm bảo khung hình thoi/icon-box bên trong không bị dính lề trái */
    .vf-main-services .col-inner > *,
    #section_1789294167 .col-inner > * {
        margin-left: auto !important;
        margin-right: auto !important;
    }
}
.col, .gallery-item, .columns{
	position: relative;
	margin: 0;
	padding: 0 15px 15px !important;
	width: 100%;
}
/* Xóa sạch margin & padding của tất cả các cột trong section FAQ */
.vf-faq .col,
.vf-faq .col-inner {
    margin: 0px  !important;
    padding: 0px 7px 0px 7px !important;
}
.accordion{
	margin-bottom: 15px;
}
/* ====================================================
   1. MÀU CHỮ MENU THƯỜNG (XANH ĐẬM)
   ==================================================== */
#main-menu .nav-sidebar li > a {
    color: #052349 !important;
}

/* ====================================================
   2. FIX NÚT WHATSAPP & FACEBOOK: CÁCH LỀ 15PX + CĂN GIỮA
   ==================================================== */

/* Ép màu chữ trắng cho cả 2 nút và các thẻ con */
#main-menu .nav-sidebar li.html_topbar_left a,
#main-menu .nav-sidebar li.html_topbar_left a *,
#main-menu .nav-sidebar li.html_topbar_right a,
#main-menu .nav-sidebar li.html_topbar_right a * {
    color: #ffffff !important;
}

/* Ép thẻ LI cha CÁCH LỀ TRÁI/PHẢI 15PX */
#main-menu .nav-sidebar li.html_topbar_left,
#main-menu .nav-sidebar li.html_topbar_right {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    padding-left: 15px !important;     /* Cách lề trái 15px */
    padding-right: 15px !important;    /* Cách lề phải 15px */
    margin: 8px 0 !important;          /* Khoảng cách trên dưới giữa 2 nút */
    box-sizing: border-box !important;
}

/* Ép thẻ A chính chiếm 100% khoảng không còn lại & CĂN GIỮA NỘI DUNG */
#main-menu .nav-sidebar li.html_topbar_left > a,
#main-menu .nav-sidebar li.html_topbar_right > a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    text-align: center !important;
    padding: 10px 15px !important;
    box-sizing: border-box !important;
    margin: 0 auto !important;
}

/* Căn giữa icon và chữ bên trong nút */
#main-menu .nav-sidebar li.html_topbar_left a *,
#main-menu .nav-sidebar li.html_topbar_right a * {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    float: none !important;
    margin: 0 3px !important;
    line-height: 1 !important;
}

.row .align-middle {
    margin-left: 0 !important;
    margin-right: 0 !important;
}