/*
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.   ***************/
*{
	font-family: 'Google Sans';
}
.mb-0{
    margin-bottom: 0px;
}
.mb-12{
    margin-bottom: 12px;
}
.mb-15{
    margin-bottom: 1.5rem;
}
.pb-15{
    padding-bottom: 1.5rem !important;
}
.bg-privacy-policy{
    background: linear-gradient(135deg, rgb(66, 133, 244), rgb(52, 168, 83));
}
.privacy-policy-section > .col-inner{
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);
}
.google-policy-box > .col-inner {
    background: linear-gradient(135deg, #4285f41a, #34a8531a);
    border: 2px solid rgba(66, 133, 244, .3);
    border-radius: 16px;
}
.google-policy-box a{
    color: rgb(66, 133, 244);
}
.privacy-policy-section h2{
    border-bottom: 2px solid #4285f4;
}
.privacy-policy-section h3{
    margin: 3rem 0 1.5rem 0;
}
.highlight > .col-inner{
    background: linear-gradient(135deg, #4285f40d, #34a8530d);
    border: 2px solid rgba(66, 133, 244, .2);
}
.emphasis-text p{
    background: linear-gradient(135deg, #fbbc041a, #ea43350d);
    border-left: 4px solid #fbbc04;
    padding: 24px;
    border-radius: 12px;
    margin: 24px 0; 
    font-weight: 500;
}
.policy-list {
    list-style: none;
    padding: 0px;
    margin: 2rem 0;
}
.policy-list li {
    position: relative;
    padding-left: 3rem;
    margin-bottom: 1.5rem;
    line-height: 1.7;
    color: #5f6368;
}
.policy-list li::before {
    content: "✓";
    position: absolute;
    left: 0px;
    color: rgb(52, 168, 83);
    font-weight: 500;
    font-size: 20px;
}
.company-info-list {
    list-style: none;
    padding: 0;
    margin: 2rem 0 0 0;
}
.company-info-list li {
    padding: 1.5rem;
    margin-bottom: 1.5rem;
    background: #FFF;
    border-left: 4px solid #4285f4;
    border-radius: 12px;
    line-height: 1.7;
}
.company-info-list strong {
    color: #4285f4;
    display: inline-block;
    min-width: 180px;
}
.contact-method > .col-inner{
    display: flex;
    gap: 1.5rem;
    padding: 2rem;
    border-radius: 12px;
    border: 2px solid transparent;
    transition: all .3s cubic-bezier(.4, 0, .2, 1);
}
.contact-method > .col-inner:hover {
    border-color: #4285f4;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);
    transform: translateY(-2px);
}
.contact-icon{
    font-size: 2.5rem;
    margin-bottom: 1rem;
}
.contact-detail{
    flex: 1;
}
.contact-detail strong {
    display: block;
    font-size: 1rem;
    color: #202124;
    margin-bottom: .5rem;
}
.contact-detail p {
    margin: 0;
}
.contact-detail a {
    color: #4285f4;
    text-decoration: none;
    font-weight: 500;
    transition: color .3s cubic-bezier(.4, 0, .2, 1);
}
.section-number {
    position: absolute;
    left: 2rem;
    top: 2rem;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #4285f4, #34a853);
    color: #ffffff;
    font-size: 28px;
    font-weight: 700;
    border-radius: 50%;
    box-shadow: 0 4px 8px #4285f44d;
}
.note-box {
    background: #fbbc041a;
    border: 1px solid rgba(251, 188, 4, .3);
    border-radius: 12px;
    padding: 2rem;
    margin-top: 2rem;
}
.warranty-list {
    list-style: none;
    padding: 0;
    margin: 2rem 0 0 0;
}
.warranty-list li:hover {
    transform: translate(5px);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
}
.warranty-list li:has(.check-icon) {
    border-left-color: #34a853;
}
.warranty-list li:has(.cross-icon) {
    border-left-color: #ea4335;
    background: #ea43350d;
}
.warranty-list li {
    display: flex;
    gap: 1.5rem;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
    background: #ffffff;
    border-radius: 12px;
    border-left: 4px solid transparent;
    transition: all .3s cubic-bezier(.4, 0, .2, 1);
}
.warranty-list li .check-icon {
    background: #34a853;
    color: #ffffff;
}
.warranty-list li .cross-icon {
    background: #ea4335;
    color: #ffffff;
}
.warranty-list li .check-icon, .cross-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    font-weight: 700;
    flex-shrink: 0;
    margin-top: 2px;
    font-size: 1.2rem;
}
.warranty-list li>div {
    flex: 1;
    line-height: 1.7;
    color: #5f6368;
}
.warranty-list li strong {
    color: #202124;
}
.support-info > .col-inner {
    background: #ffffff;
    padding: 4rem;
    border-radius: 16px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);
    text-align: center;
}
.support-card > .col-inner{
    padding: 3rem;
    border-radius: 16px;
    transition: all .3s cubic-bezier(.4, 0, .2, 1);
}
.support-card > .col-inner:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);
}
.support-icon {
    font-size: 3rem;
    margin-bottom: 1.5rem;
}
.support-card a {
    color: #4285f4;
}
.service-list {
    list-style: none;
    padding: 0;
    margin: 2rem 0;
}
.service-list li {
    position: relative;
    padding-left: 3rem;
    margin-bottom: 1rem;
    font-size: 1.25rem;
    color: #3c4043;
    font-weight: 500;
}
.service-list li::before {
    content: "✓";
    position: absolute;
    left: 0px;
    color: rgb(52, 168, 83);
    font-weight: 500;
    font-size: 1.75rem;
}
.fee-list {
    list-style: none;
    padding: 0;
    margin: 2rem 0;
}
.fee-list li {
    padding: 1.5rem;
    margin-bottom: 1.5rem;
    border-left: 4px solid #4285f4;
    border-radius: 12px;
    line-height: 1.7;
}
.fee-list li strong {
    color: #4285f4;
    display: block;
    margin-bottom: .5rem;
}
.info-box {
    background: #fbbc041a;
    border-left: 4px solid #fbbc04;
    padding: 2rem;
    border-radius: 12px;
    margin: 2rem 0;
}
.info-box p{
    color: #3c4043;
    font-weight: 500;
    margin: 0px;
}
.closing-note {
    margin-top: 3rem;
    padding-top: 2rem;
    border-top: 1px solid #e8eaed;
    font-style: italic;
    color: #5f6368;
}
.commitment-card > .col-inner{
    padding: 3rem;
    border-radius: 16px;
    text-align: center;
    transition: all .3s cubic-bezier(.4, 0, .2, 1);
    border: 2px solid transparent;
}
.commitment-card > .col-inner:hover {
    border-color: #4285f4;
    transform: translateY(-5px);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);
}
.commitment-icon {
    font-size: 3rem;
    margin-bottom: 1.5rem;
}
.commitment-card h3 {
    font-size: 1.25rem;
    color: #4285f4;
    margin: 0 0 1rem;
}
.contact-section > .col-inner{
    background: linear-gradient(135deg, #4285f41a, #34a8531a);
    padding: 4rem;
    border-radius: 16px;
    border: 2px solid rgba(66, 133, 244, .3);
    text-align: center;
}
.contact-card > .col-inner{
    padding: 3rem;
    background: #ffffff;
    border-radius: 12px;
    transition: all .3s cubic-bezier(.4, 0, .2, 1);
}
.contact-card > .col-inner:hover {
    transform: translateY(-3px);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);
}
.contact-icon {
    font-size: 2.5rem;
    margin-bottom: 1rem;
}
.contact-card h3 {
    font-size: 1rem;
    color: #202124;
    margin: 0 0 .5rem;
}
.contact-card p {
    margin: 0;
}
.contact-card a {
    color: #4285f4;
    text-decoration: none;
    font-weight: 500;
}
.note-box h4 {
    color: #4285f4;
    font-size: 1rem;
    margin-bottom: 1rem;
}
.note-box h4::before {
    content: "⚠️";
    font-size: 1.25rem;
}
.note-box ul {
    list-style: none;
    padding: 0;
    margin: 1rem 0;
}
.note-box li {
    padding-left: 2rem;
    position: relative;
    margin-bottom: .5rem;
    line-height: 1.6;
    color: #5f6368;
}
.note-box li::before {
    content: "•";
    position: absolute;
    left: 0px;
    color: rgb(251, 188, 4);
    font-weight: 700;
}
.header-button-1 .header-button .button{
	background: linear-gradient(90deg, #3184FE 0%, #5B1D98 100%) !important;
}
.btn-home-1{
	border-radius: 31.714px;
    border: 2px solid #63B58D;
    background: #FFF;
    padding: 6px 12px;
    justify-content: center;
    align-items: center;
    width: fit-content;
}
.btn-home-2{
    border-radius: 31.714px;
    border: 1px solid #63B58D;
    background: #FFF;
    justify-content: center;
    align-items: center;
    width: fit-content;
    padding: 6px 12px;
}
.icon-box .icon-inner img {
    padding-top: 0 !important;
}
.icon-box .icon-box-text.last-reset p {
    margin-bottom: 0 !important;
}
.text-home-1{
	background: linear-gradient(90deg, #B8FD74 2.01%, #1578FF 80.08%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.text-home-2{
	background: linear-gradient(90deg, #1578FF 2.01%, #5DAA14 80.08%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;   
}
.text-home-3{
    background: linear-gradient(93deg, #1578FF 25.5%, #358E96 72.67%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.text-home-4{
    background: linear-gradient(88deg, #126D8E 18.81%, #2583CB 38.85%, #B5B550 78.95%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.box-home-1 > .col-inner{
	border-radius: 6px;
	border: 1px solid #B1D1FF;
	background: #000;
	box-shadow: 0 0 30px 0 rgba(63, 169, 255, 0.90);
}
.box-home-2 > .col-inner{
    border-radius: 36px;
    background: linear-gradient(93deg, rgba(221, 235, 254, 0.50) 25.5%, rgba(233, 246, 255, 0.50) 72.67%);
}
.box-home-3 > .col-inner{
    border-radius: 16px;
    border: 1px solid var(--icon, #2D88F6);
    background: #FFF;
    box-shadow: 0 4px 18px 0 rgba(0, 0, 0, 0.12);
}
.box-home-4 > .col-inner{
    border-radius: 12px;
    border: 1px solid #E5E5E5;
    background: #FFF;
    box-shadow: 0 4px 4px 0 rgba(252, 230, 227, 0.20) inset;
}
.align-items-center{
	align-items: center;
}
.mb-7{
    margin-bottom: 7px !important;
}
.mb-16{
    margin-bottom: 16px !important;
}
.mb-18{
    margin-bottom: 18px !important;
}
.mb-20{
    margin-bottom: 20px !important;
}
.mb-24{
    margin-bottom: 24px !important;
}
.btn-1{
    border-radius: 40px;
    background: linear-gradient(90deg, #3184FE 0%, #5B1D98 100%);
    padding: 10px 24px;
    font-weight: 500;
}
.btn-2{
    border-radius: 40px;
    border: 1px solid #347CF6;
    background: #FFF;
    color: #1578FF;
    padding: 10px 24px;
    font-weight: 500;
}
.btn-3{
    border-radius: 40px;
    border: 1px solid #E5E5E5;
    background: #FFF;
    box-shadow: 0 4px 4px 0 rgba(201, 228, 250, 0.20);
    padding: 10px 24px;
    color: #078EFB;
    font-weight: 500;
}
.banner-home-2{
    background: linear-gradient(180deg, #EEFBFF 0%, #DBEAFE 50%, #EEF2FF 100%);
}
.banner-home-3{
    background: linear-gradient(180deg, #E8F0FE 0%, #EEF2FF 65.38%, rgba(245, 233, 255, 0.30) 100%);
}
.banner-home-4{
    border-radius: 12px;
    background: linear-gradient(93deg, #DDEBFE 25.5%, #E9F6FF 72.67%);
}
/* Ẩn controls */
.v-hero .mejs-controls {
    display: none !important;
}

/* Border radius cho video */
.v-hero .mejs-container,
.v-hero .mejs-container video,
.v-hero .mejs-mediaelement,
.v-hero .mejs-inner,
.v-hero .mejs-layers {
    border-radius: 12px !important;
    overflow: hidden !important;
}

/* Ẩn overlay play button */
.v-hero .mejs-overlay-play {
    display: none !important;
}

/* Ẩn poster */
.v-hero .mejs-poster {
    display: none !important;
}
.faq-question a.plain {
    color: #231F20 !important;
    font-weight: 500;
}
.faq-question .toggle {
    color: #0C5ADB;
}
.faq-question .toggle i {
    color: #0C5ADB;
}
.faq-question .accordion-inner {
    border-radius: 6px;
    background: #F8FBFF;
}
.faq-question .accordion-title.active {
    background-color: #ffffff !important;
    border-color: transparent !important;
}
.faq-question .accordion-title {
    border-top: none !important;
}

/* Section full height */
.hero-section {
	position: relative;
    height: 100vh;
    min-height: 700px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: #0a0e27;
}

/* Scroll down indicator */
.hero-section .scroll-down {
    position: absolute;
    bottom: auto;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    cursor: pointer;
    z-index: 10;
}

.hero-section .scroll-down span {
    display: block;
    margin-bottom: 10px;
    color: #fff;
    font-size: 14px;
    opacity: 0.8;
}

/* Mouse icon */
.hero-section .mouse {
    width: 26px;
    height: 40px;
    border: 2px solid #fff;
    border-radius: 13px;
    position: relative;
    margin: 0 auto;
}

/* Wheel animation */
.hero-section .wheel {
    width: 4px;
    height: 8px;
    background: #fff;
    border-radius: 2px;
    position: absolute;
    top: 8px;
    left: 50%;
    transform: translateX(-50%);
    animation: scroll-down 2s infinite;
}

@keyframes scroll-down {
    0% {
        opacity: 0;
        top: 8px;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        top: 20px;
    }
}

.hero-section .scroll-down:hover .mouse {
    border-color: #0C5ADB;
}

.hero-section .scroll-down:hover .wheel {
    background: #0C5ADB;
}

.ux-menu-link--active .ux-menu-link__link, .ux-menu-link:hover .ux-menu-link__link {
    color: #ffffff !important;
}
.ux-menu-link__link {
    color: #ffffff !important;
}

.title-about-us{
    background: linear-gradient(93deg, #6095DC 25.5%, #2583CB 42.73%, #B5B550 57.02%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.box-about-us-1 > .col-inner{
    border-radius: 16px;
    border: 1px solid var(--ge-text-L, #126D8E);
    background: #FFF;
    box-shadow: 0 4px 18px 0 rgba(0, 0, 0, 0.12);
}
.price-box-enterprise > .col-inner{
    border-radius: 20px;
    border: 1px solid var(--icon, #2D88F6);
    background: #FFF;
    box-shadow: 0 4px 12px 0 #8EAFFF;
}
.price-box-enterprise-1 > .col-inner{
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12);
}
.box-enterprise-1 > .col-inner{
    border-radius: 16px;
    border: 1px solid var(--icon, #2D88F6);
    background: linear-gradient(180deg, #EAF7FF 0%, #EDF1FF 100%);
}
.banner-enterprise-1{
    background: linear-gradient(180deg, #FAF6FF 0%, #EAF1FF 100%);
}
.banner-enterprise-2{
    background: linear-gradient(180deg, #F9F6FF 0%, #ECF2FF 100%);
}
.banner-enterprise-3{
    background: linear-gradient(180deg, #EDF3FF 0%, #F8F6FF 100%);
}
.banner-enterprise-4{
    background: linear-gradient(180deg, #FAF6FF 0%, #EFF3FF 100%);
}
.btn-text-1{
    border-radius: 30px;
    background: #1E6BB8;
    padding: 10px 20px;
    width: fit-content;
    position: absolute;
    right: auto;
    top: -16px;
}
.btn-text-2{
    border-radius: 30px;
    background: #7C3AED;
    padding: 10px 20px;
    width: fit-content;
    position: absolute;
    right: auto;
    top: -16px;
}
.btn-text-3{
    border-radius: 30px;
    background: #F59E0B;
    padding: 10px 20px;
    width: fit-content;
    position: absolute;
    right: auto;
    top: -16px;
}
.justify-items-center{
    justify-items: center;
}
.btn-text-4{
    border-radius: 40px;
    background: linear-gradient(90deg, #3184FE 0%, #5B1D98 100%);
    width: fit-content;
    padding: 10px 24px;
}
.custom-nav-1 .nav{
    gap: 12px;
}
.custom-nav-1 .tab span {
  font-size: 16px;
  font-weight: 500;
  color: #575757;
}
.custom-nav-1 .tab.active span {
  color: #1578FF;
}
.custom-nav-1 .tab a {
  padding: 10px 24px;
  border-radius: 40px;
  border: 1px solid #6B6B6B;
  background: #F6F6F6;
  display: inline-block;
}
.custom-nav-1 .tab.active a {
  padding: 10px 24px;
  border-radius: 40px;
  border: 1px solid #347CF6;
  background: #E4F0FF;
}
.shawdow-box > .col-inner{
    border-radius: 12px;
    box-shadow: 0 4px 4px 0 rgba(252, 230, 227, 0.20) inset;
}
.banner-education-1{
    background: linear-gradient(180deg, #F6F5FF 0%, #EDF2FF 100%);
}
.box-procedure-1 > .col-inner{
    border-radius: 16px;
    border-left: 3px solid #0C5ADB;
    background: #FFF;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12);
}
.box-procedure-2 > .col-inner{
    border-radius: 16px;
    background: #FFF;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12);
}
.box-procedure-3 > .col-inner{
    border-radius: 16px;
    border-left: 3px solid #932EFA;
    background: #FFF;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12);
}
.btn-procedure-1{
    border-radius: 40px;
    border: 1px solid var(--li-back, #EEFBFF);
    background: #F7FBFE;
    box-shadow: 0 4px 4px 0 rgba(201, 228, 250, 0.20);
    width: fit-content;
    padding: 10px 24px;
}
.btn-procedure-2{
    border-radius: 40px;
    border: 1px solid #B165FF;
    background: #F8F2FF;
    box-shadow: 0 4px 4px 0 rgba(201, 228, 250, 0.20);
    width: fit-content;
    padding: 10px 24px;
}
.box-complaint-1 > .col-inner{
    border-radius: 16px;
    background: #FFF;
    box-shadow: 0 4px 16px 0 rgba(45, 136, 246, 0.10);
}
.box-complaint-2 > .col-inner{
    border-radius: 12px;
    border: 1px solid #078EFB;
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.12);
}
.box-complaint-3 > .col-inner{
    border-radius: 12px;
    background: linear-gradient(180deg, #E7F5FF 0%, #E7EFFF 100%);
}
.box-complaint-4 > .col-inner{
    border-radius: 16px 16px 0 0;
    background: var(--icon, linear-gradient(93deg, #2D88F6 25.5%, #0E77F6 72.67%));
}
.btn-complaint-1{
    border-radius: 30px;
    background: #0C5ADB;
    padding: 10px;
    width: fit-content;
    color: #FFF;
    font-weight: 500;
}
.title-complaint{
    border-bottom: 1px solid #0C5ADB;
    width: fit-content;
    padding-bottom: 16px;
}

/* css bảng so sánh */
        .pricing-comparison {
            margin: 0 auto;
            overflow: hidden;
            border-radius: 16px;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
        }

        .pricing-comparison table {
            width: 100%;
            border-collapse: collapse;
            background: white;
        }

        .pricing-comparison th {
            background: #467CFF;
            color: white;
            padding: 16px;
            font-weight: 600;
            font-size: 15px;
            border: 1px solid #EDEDED;
            text-align: center;
        }

        .pricing-comparison th:first-child {
            border-radius: 16px 0 0 0;
        }

        .pricing-comparison th:last-child {
            border-radius: 0 16px 0 0;
        }

        .pricing-comparison .category-row {
            background: #F7F7F7;
            cursor: pointer;
            user-select: none;
        }

        .pricing-comparison .category-row td {
            padding: 14px 16px;
            font-weight: 600;
            border: 1px solid #EEE;
            position: relative;
        }

        .pricing-comparison .category-row td:first-child::before {
            content: '▼';
            display: inline-block;
            margin-right: 8px;
            font-size: 10px;
            transition: transform 0.3s;
        }

        .pricing-comparison .category-row.collapsed td:first-child::before {
            transform: rotate(-90deg);
        }

        .pricing-comparison td {
            padding: 16px;
            text-align: center;
            border: 1px solid #EEE;
            background: #FFF;
        }

        .pricing-comparison td:first-child {
            text-align: left;
            font-size: 14px;
            color: #333;
        }

        .pricing-comparison .check {
            color: #467CFF;
            font-size: 20px;
        }

        .pricing-comparison .cross {
            color: #999;
            font-size: 20px;
        }

        .pricing-comparison .feature-row {
            transition: all 0.3s ease;
        }

        .pricing-comparison .feature-row.hidden {
            display: none;
        }

        .feature-comparison {
            margin: 0 auto;
            overflow: hidden;
            border-radius: 16px;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
        }

        .feature-comparison table {
            width: 100%;
            border-collapse: collapse;
            background: white;
            table-layout: fixed;
        }

        .feature-comparison th {
            background: #1a0dab;
            color: white;
            padding: 18px 16px;
            font-weight: 600;
            font-size: 15px;
            border: none;
            text-align: center;
        }

        .feature-comparison th:first-child {
            border-radius: 16px 0 0 0;
            text-align: left;
        }

        .feature-comparison th:last-child {
            border-radius: 0 16px 0 0;
            background: #4285f4;
        }

        .feature-comparison td {
            padding: 16px;
            text-align: center;
            border-bottom: 1px solid #e8eaed;
            background: #FFF;
            font-size: 14px;
        }

        .feature-comparison td:first-child {
            text-align: left;
            font-weight: 500;
            color: #202124;
        }

        .feature-comparison tr:nth-child(even) td {
            background: #f8f9fa;
        }

        .feature-comparison tr:last-child td {
            border-bottom: none;
        }

        .feature-comparison .check-icon {
            color: #1a73e8;
            font-size: 20px;
        }

        .feature-comparison .cross-icon-2 {
            color: #5f6368;
            font-size: 20px;
        }

        .feature-comparison .text-blue {
            color: #1a73e8;
            font-weight: 600;
        }

        .feature-comparison .text-gray {
            color: #5f6368;
        }
/* end bảng so sánh */
/* menu */
/* Style cho thẻ ul */
.sub-menu.nav-dropdown {
  	border-radius: 12px;
	border: 1px solid rgba(255, 255, 255, .1);
  	background: #0C152B;
  	padding: 30px;
  	display: flex;
  	flex-direction: column;
}

/* Style cho tất cả li */
.sub-menu.nav-dropdown li {
	list-style: none;
	border-radius: 6px;
	padding: 10px;
}

/* Style cho li khi active - chỉ thêm background */
.sub-menu.nav-dropdown li.active,
.sub-menu.nav-dropdown li.current-menu-item {
  	background: #363C4C;
}

/* Style cho link */
.sub-menu.nav-dropdown li a {
  	font-size: 16px;
  	font-weight: 500;
  	color: #fff;
  	text-decoration: none;
  	display: block;
	border-bottom: none !important;
	margin: 0px;
	text-align: center;
}
/* Style mặc định cho link */
.header-nav-main li a.nav-top-link {
  	font-weight: 500;
  	transition: all 0.3s ease;
}

/* Style khi hover */
.header-nav-main li a.nav-top-link:hover {
  	color: #fff;
  	background-color: #ffffff1a;
	padding: .5rem 1rem;
}
.header-nav-main li a.nav-top-link i {
  	display: none;
}
.nav-dropdown-has-arrow li.current-dropdown.has-dropdown:after, .nav-dropdown-has-arrow li.current-dropdown.has-dropdown:before {
	display: none;
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.pricing-comparison {
        border-radius: 12px;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    
    .pricing-comparison table {
        min-width: 600px;
        font-size: 13px;
    }
    
    .pricing-comparison th,
    .pricing-comparison td {
        padding: 10px 8px;
        font-size: 13px;
    }
    
    .pricing-comparison th:first-child,
    .pricing-comparison td:first-child {
        position: sticky;
        left: 0;
        z-index: 2;
        background: #fff;
        box-shadow: 2px 0 4px rgba(0,0,0,0.05);
    }
    
    .pricing-comparison th:first-child {
        background: #467CFF;
        z-index: 3;
    }
    
    .pricing-comparison .category-row td:first-child {
        background: #F7F7F7;
    }
    
    .pricing-comparison .check,
    .pricing-comparison .cross {
        font-size: 18px;
    }

    .feature-comparison {
    border-radius: 12px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    }

    .feature-comparison table {
        min-width: 600px;
    }

    .feature-comparison th,
    .feature-comparison td {
        padding: 12px 10px;
        font-size: 13px;
    }

    .feature-comparison th:first-child,
    .feature-comparison td:first-child {
        position: sticky;
        left: 0;
        z-index: 2;
        box-shadow: 2px 0 4px rgba(0, 0, 0, 0.05);
    }

    .feature-comparison th:first-child {
        background: #1a0dab;
        z-index: 3;
    }

    .feature-comparison tr:nth-child(even) td:first-child {
        background: #f8f9fa;
    }

    .feature-comparison tr:nth-child(odd) td:first-child {
        background: #fff;
    }

    .feature-comparison .check-icon,
    .feature-comparison .cross-icon-2 {
        font-size: 18px;
    }
}