/*
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.   ***************/

.header-contact i.icon-phone,
.header-contact span {
    color: #000;
}

ul#header-contact {
    padding: 0px 10px;
}

ul#header-contact:hover {
    background: #06D0F9;
    border-radius: 10px;
}

li.html.header-button-2 a.button.secondary.is-outline.lowercase,
.btn-start {
    background: linear-gradient(to right, #378AF6, #0CC8F8);
    box-shadow:
        0 10px 15px -3px rgba(0, 0, 0, 0.1),
        0 4px 6px -4px rgba(0, 0, 0, 0.1);


    transition: transform 0.2s ease, box-shadow 0.2s ease;
    border: unset;
    padding: 5px 18px;
}

li.html.header-button-2 a.button.secondary.is-outline.lowercase:hover,
.btn-start:hover {
    transform: scale(1.05);
    box-shadow:
        0 10px 15px -3px rgba(0, 0, 0, 0.1),
        0 4px 6px -4px rgba(0, 0, 0, 0.1) !important;
}


.btn-start {
    padding: 2px 25px;
}

li.html.header-button-2 a.button.secondary.is-outline.lowercase span,
.btn-start span {
    color: #fff;
}

ul.header-nav.header-nav-main {
    display: flex;
    justify-content: center;
    gap: 16px;
}


#masthead .header-nav-main.nav-pills>li>a:hover,
#masthead .header-nav-main.nav-pills>li.active>a {
    background: #E3EAF9 !important;
    line-height: 2.5;
    border-radius: 10px;
    color: #3C83F6 !important;
}


.img-partner {
    background: #fff;
    border-radius: 10px;
    padding: 12px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;

    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.img-partner:hover {
    transform: translateY(-4px) scale(1.03);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
}

.img-partner .img-inner {
    width: 80%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.img-partner img {
    max-width: 100%;
    max-height: 70px;
    object-fit: contain;
}

.absolute-footer.dark {
    display: none;
}


.img-logo-white img {
    filter: brightness(0) invert(1);
}


.menu-footer .ux-menu-link__text {
    position: relative;
    display: inline-flex;
    align-items: center;
    color: rgb(153, 157, 165);
    transition: color 0.25s ease;
    font-size: 15px;
}

.menu-footer a.ux-menu-link__link.flex {
    margin-bottom: -8px;
	border: 0
}


.menu-footer .ux-menu-link__text::after {
    content: "";
    width: 14px;
    height: 14px;
    margin-left: 8px;

    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%233B82F6' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M7 17L17 7M17 7H9M17 7V15' /%3E%3C/svg%3E");
    opacity: 0;
    transform: translateX(-4px);
    transition: opacity 0.25s ease, transform 0.25s ease;
}

.menu-footer a:hover .ux-menu-link__text {
    color: #3B82F6;
}

.menu-footer a:hover .ux-menu-link__text::after {
    opacity: 1;
    transform: translateX(0);
}

.social-icon-footer {
    display: flex;
    gap: 10px;
}

.social-icon-footer .icon.button {
    width: 40px;
    height: 40px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #fff;
    background-color: #262E3E;
    border: none;

    transition:
        background-color 0.25s ease,
        transform 0.25s ease;
}

.social-icon-footer .icon.button:hover {
    background-color: #3C83F6 !important;
    transform: scale(1.08);
}

.social-icon-footer i {
    line-height: 1 !important;
    font-size: 16px;
}


iframe {
    width: 100%;
    border-radius: 10px;
    overflow: hidden;

    filter: grayscale(100%);
    transition: filter 0.3s ease;
}

iframe:hover {
    filter: grayscale(0%);
}


.menu-vertical .ux-menu-link__text {
    color: rgb(153, 157, 165);
    transition: color 0.25s ease;
    font-size: 15px;
}

.menu-vertical a:hover .ux-menu-link__text {
    color: #fff;
}

.menu-vertical .ux-menu {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    gap: 20px;
}


.section-footer {
    position: relative;
    overflow: hidden;
}

.section-footer::before {
    content: "";
    position: absolute;
    inset: 0;

    background: radial-gradient(circle at bottom left,
            rgba(60, 131, 246, .3) 0%,
            rgba(60, 131, 246, .12) 10%,
            rgba(60, 131, 246, .04) 18%,
            transparent 25%);

    pointer-events: none;
    z-index: 0;
}

.section-footer .section-content {
    position: relative;
    z-index: 1;
}


.text-grad h3 {
    display: inline;
    background: linear-gradient(to right, #378AF6, #0CC8F8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.text-grad {
    margin-top: -10px;
}

.icon-box-under-header {
    background-color: #E3EBF9;
    border-radius: 99px;
    padding: 6px 14px;
    gap: 10px;
    width: max-content;
    margin-bottom: 30px;

}

.icon-box-under-header .icon-box-text.last-reset {
    padding-left: 0px;
}

.icon-box.featured-box p {
    margin-bottom: 0px;
    margin-left: 0px;
}

.btn-video {
    background: #F1F4F9;
    border-color: #E5E7EB !important;
    padding: 3px 30px;
}

.btn-video>* {
    color: #0F1729;
}

.btn-video:hover {
    background: #E2EBF8 !important;
}

.btn-ho-so {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    padding: 7px 30px;
    border: 2px solid #99BDF7 !important;
    border-radius: 10px;

    background: transparent;
    color: #000;

    transition: background-color 0.25s ease;
}

.btn-ho-so span {
    color: #000;
    position: relative;
    z-index: 1;
}

.btn-ho-so::before {
    content: "";
    width: 18px;
    height: 18px;

    background-color: #3C83F6;

    -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M192 112L304 112L304 200C304 239.8 336.2 272 376 272L464 272L464 512C464 520.8 456.8 528 448 528L192 528C183.2 528 176 520.8 176 512L176 128C176 119.2 183.2 112 192 112zM352 131.9L444.1 224L376 224C362.7 224 352 213.3 352 200L352 131.9zM192 64C156.7 64 128 92.7 128 128L128 512C128 547.3 156.7 576 192 576L448 576C483.3 576 512 547.3 512 512L512 250.5C512 233.5 505.3 217.2 493.3 205.2L370.7 82.7C358.7 70.7 342.5 64 325.5 64L192 64zM248 320C234.7 320 224 330.7 224 344C224 357.3 234.7 368 248 368L392 368C405.3 368 416 357.3 416 344C416 330.7 405.3 320 392 320L248 320zM248 416C234.7 416 224 426.7 224 440C224 453.3 234.7 464 248 464L392 464C405.3 464 416 453.3 416 440C416 426.7 405.3 416 392 416L248 416z'/></svg>");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;

    mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M192 112L304 112L304 200C304 239.8 336.2 272 376 272L464 272L464 512C464 520.8 456.8 528 448 528L192 528C183.2 528 176 520.8 176 512L176 128C176 119.2 183.2 112 192 112zM352 131.9L444.1 224L376 224C362.7 224 352 213.3 352 200L352 131.9zM192 64C156.7 64 128 92.7 128 128L128 512C128 547.3 156.7 576 192 576L448 576C483.3 576 512 547.3 512 512L512 250.5C512 233.5 505.3 217.2 493.3 205.2L370.7 82.7C358.7 70.7 342.5 64 325.5 64L192 64zM248 320C234.7 320 224 330.7 224 344C224 357.3 234.7 368 248 368L392 368C405.3 368 416 357.3 416 344C416 330.7 405.3 320 392 320L248 320zM248 416C234.7 416 224 426.7 224 440C224 453.3 234.7 464 248 464L392 464C405.3 464 416 453.3 416 440C416 426.7 405.3 416 392 416L248 416z'/></svg>");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;

    transition: transform 0.25s ease;
}


.btn-ho-so:hover {
    background-color: #E2EBF8 !important;
}

.btn-ho-so:hover::after {
    transform: scale(1.15);
}



.section-first-home,
.section-first-service {
    position: relative;
    overflow: hidden;
}

.section-first-home .section-content,
.section-first-service .section-content {
    position: relative;
    z-index: 2;
}

.section-first-home .section-bg,
.section-first-service .section-bg {
    position: absolute;
    inset: 0;
    z-index: 0;
}

.section-first-home::before,
.section-first-service::before {
    content: "";
    position: absolute;

    width: 620px;
    height: 620px;

    left: -320px;
    bottom: 82px;

    background: radial-gradient(circle, #D5E2F8 0%, rgba(213, 226, 248, 0.55) 35%, rgba(213, 226, 248, 0) 70%);

    filter: blur(60px);
    transform-origin: 70% 100%;
    animation: blobLeftRotate 26s linear infinite;
    z-index: 1;
}



@keyframes blobLeftRotate {
    0% {
        transform: rotate(0deg) translateY(0);
    }

    50% {
        transform: rotate(12deg) translateY(-220px);
    }

    100% {
        transform: rotate(0deg) translateY(0);
    }
}


.section-first-home::after,
.section-first-service::after {
    content: "";
    position: absolute;
    width: 520px;
    height: 520px;
    right: -70px;
    top: 10%;
    background: radial-gradient(circle, #C4EEF8 0%, rgba(197, 238, 249, 0.55) 35%, rgba(197, 238, 249, 0) 70%);
    /* filter: blur(55px); */
    transform-origin: 30% 50%;
    animation: blobRightRotate 30s linear infinite;
    z-index: 1;
}

@keyframes blobRightRotate {
    0% {
        transform: rotate(0deg);
    }

    50% {
        transform: rotate(-10deg);
    }

    100% {
        transform: rotate(0deg);
    }
}


.section-first-home .section-bg::after {
    content: "";
    position: absolute;
    width: 92px;
    height: 92px;
    right: 22%;
    top: 18%;
    border-radius: 18px;
    border: 2px solid #BEDDF9;
    background: rgba(60, 131, 246, 0.08);
    transform-origin: center center;
    animation: squareOrbit 16s linear infinite;
    position: absolute;
    z-index: -1;
}

@keyframes squareOrbit {
    0% {
        transform: rotate(0deg) translateX(0);
    }

    50% {
        transform: rotate(180deg) translateX(24px);
    }

    100% {
        transform: rotate(360deg) translateX(0);
    }
}


.section-first-home .section-bg::before,
.section-first-service .section-bg::before {
    content: "";
    position: absolute;

    width: 520px;
    height: 520px;

    left: 50%;
    top: 80%;
    transform: translate(-50%, -50%);

    background: radial-gradient(circle,
            #D5E2F8 0%,
            rgba(213, 226, 248, 0.45) 35%,
            rgba(213, 226, 248, 0) 70%);

    filter: blur(70px);
    opacity: 0.8;

    z-index: 0;
    pointer-events: none;
}

.col-count-up .count-up,
.col-count-up h3 strong {
    background: linear-gradient(to right, #378AF6, #0CC8F8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

.col-count-up .col-inner {
    background-color: #F9FBFE;
    border-radius: 22px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 30px 15px !important;
}

.col-count-up .icon-box {
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
}


.col-count-up .icon-inner svg {
    width: 25px !important;
    height: 25px !important;
    fill: #3C83F6 !important;
    margin: 0 !important;
}

.col-count-up:hover .col-inner {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
}

.col-count-up .icon-box-img .icon-inner {
    width: 40px !important;
    height: 40px;
    background: #D1E9FC;
    border-radius: 8px;
}

.col-count-up .icon-box-img .icon,
.col-count-up .icon-box-img .icon-inner {
    display: flex;
    align-items: center;
    justify-content: center;
}


.col-count-up:hover .icon-inner svg {
    fill: #ffffff !important;
}

.col-count-up h3 {
    margin-bottom: 0px;
}


.col-section-first {
    position: relative;
    min-height: 150px;
}

.col-section-first::before {
    content: "";
    position: absolute;
    bottom: 10px;
    left: 50%;
    width: 24px;
    height: 40px;
    border: 2px solid #3C83F6;
    border-radius: 20px;
    opacity: 0.5;
    animation: bounce-border-bottom 2s infinite ease-in-out;
}

.col-section-first::after {
    content: "";
    position: absolute;
    bottom: 26px;
    left: 50%;
    width: 4px;
    height: 8px;
    background-color: #3C83F6;
    border-radius: 4px;
    animation: bounce-dot-bottom 1.5s infinite ease-in-out;
}

@keyframes bounce-border-bottom {

    0%,
    100% {
        transform: translateX(-50%) translateY(0);
    }

    50% {
        transform: translateX(-50%) translateY(-8px);
    }
}

/* Animation dấu chấm: Luôn giữ translateX(-50%) */
@keyframes bounce-dot-bottom {

    0%,
    100% {
        transform: translateX(-50%) translateY(-6px);
    }

    50% {
        transform: translateX(-50%) translateY(6px);
    }
}


span.text-grad-nor {
    display: inline;
    background: linear-gradient(to right, #378AF6, #0CC8F8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


.col-beside-partner .col-inner {
    border-radius: 22px;
    background-color: #ffffff !important;
    box-shadow: 0 10px 30px rgba(190, 213, 251, 0.3) !important;
    transition: all 0.7s cubic-bezier(0.25, 1, 0.5, 1);
    border: none !important;
}

.col-beside-partner .icon-box {
    display: flex !important;
    align-items: flex-start !important;
    padding: 10px 0;
}

.col-beside-partner .icon-inner {
    background: linear-gradient(135deg, #3A8EF6, #0CB9F8);
    width: 55px !important;
    height: 55px !important;
    border-radius: 15px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-right: 20px !important;
    transition: all 0.7s ease;

    box-shadow: 0 15px 25px rgba(190, 213, 251, 0.9), 0 0px 34px 12px #BED5FB, 0 0 80px 25px rgba(190, 213, 251, 0.6) !important;
}

.col-beside-partner .icon-inner svg {
    width: 32px !important;
    height: 32px !important;
    fill: #ffffff !important;
}

.col-beside-partner:hover .col-inner {
    transform: translateX(10px);
    box-shadow: 0 15px 45px 0 #BED5FB !important;
    cursor: pointer;
}

.col-beside-partner:hover h3 {
    color: #3A8EF6 !important;
}

.col-beside-partner:hover .icon-inner {
    transform: scale(1.1);
    box-shadow: 0 15px 25px rgba(190, 213, 251, 0.9), 0 0px 34px 12px #BED5FB, 0 0 80px 25px rgba(190, 213, 251, 0.6) !important;
}

.col-beside-partner h3 {
    margin-top: 5px;
    margin-bottom: 8px;
    transition: color 0.4s ease;
}

.col-beside-partner p {
    margin: 0;
    line-height: 1.5;
}


.col-doi-ngu .col-inner {
    transition: transform 0.4s ease, box-shadow 0.4s ease;
    cursor: pointer;
}

.col-doi-ngu:hover .col-inner {
    transform: scale(1.05);
    z-index: 10;
}

.img-box-doi-ngu .box-image {
    border-radius: 22px;
}

.img-box-doi-ngu .box-image {
    box-shadow: 0 10px 30px rgba(190, 213, 251, 0.5);
    border-radius: 22px;
    overflow: hidden;
    transition: all 0.5s ease;
}

.img-box-doi-ngu:hover .box-text {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.3) 50%, transparent 100%) !important;
    border-radius: 0px 0px 22px 22px;
    padding: 20px 20px 12px;
}


.col-img-grad {
    position: relative;
    z-index: 1;
    overflow: visible;
    min-height: 300px;
}

.col-img-grad::before {
    content: "";
    position: absolute;
    top: 103%;
    left: 65%;
    transform: translate(-50%, -50%);
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, #C6D7DD 0%, rgba(198, 215, 221, 0.4) 50%, transparent 70%);
    filter: blur(40px);
    z-index: -1;
    opacity: 1;
    pointer-events: none;
}

.row-6-img-box .col {
    position: relative;
    z-index: 99;
}

.section-doi-ngu {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.section-doi-ngu::before {
    content: "";
    position: absolute;
    top: -40px;
    left: 43%;
    transform: translateX(-50%);
    width: 400px;
    height: 600px;
    background: radial-gradient(circle, #E3EAF7 0%, #E5ECF8 50%, #E5ECF8 80%);
    filter: blur(80px);
    z-index: -1;
    pointer-events: none;
    opacity: 0.8;
}

.section-doi-ngu .section-bg {
    z-index: -2 !important;
}

.row-4-partner .icon-box-text.last-reset {
    padding-left: 5px;
}

.icon-box-text.last-reset {
    padding-left: 0px;
}

.row-4-partner .icon-box.featured-box.icon-box-left.text-left {
    display: flex;
    align-items: center;
}

.row-4-partner p {
    margin-bottom: 0px;
}


.col-grad-vang .col-inner {
    background: linear-gradient(to right, #F2E2C9, #F2DECA, #F2DBCB) !important;
    transition: all 0.4s ease;
}

.col-grad-vang .col-inner p {
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.col-grad-vang .emoji {
    width: 1.2em !important;
    height: 1.2em !important;
    margin: 0 !important;
}

.icon-box.featured-box.icon-box-shopee {
    background: #FBEFE6;
    border-radius: 99px;
    padding: 5px 10px 5px 15px;
    width: max-content;
}

.icon-box.featured-box.icon-box-facebook {
    background: #E8F0FD;
    border-radius: 99px;
    padding: 5px 10px 5px 15px;
    width: max-content;
}

.icon-box.featured-box.icon-box-tiktok {
    background: #FAEAF4;
    border-radius: 99px;
    padding: 5px 10px 5px 15px;
    width: max-content;
}

.icon-box.featured-box.icon-box-video {
    background: #F3ECFD;
    border-radius: 99px;
    padding: 5px 10px 5px 15px;
    width: max-content;
}



.text-shopee {
    background: linear-gradient(90deg, #F76D1B, #F25335);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

.text-facebook {
    background: linear-gradient(90deg, #3C7FF6, #4D4BE6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

.text-tiktok {
    background: linear-gradient(90deg, #E346A1, #9E35DF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

.text-video {
    background: linear-gradient(90deg, #AD54F1, #EB499B);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}


.col-ok .icon-box-img {
    width: 48px;
    height: 46px;

    border-radius: 12px;

    background: linear-gradient(135deg, #F76D1B, #F25335);

    display: flex;
    align-items: center;
    justify-content: center;

    transition: all 0.3s ease;
}

.col-video .icon-box-img {
    background: linear-gradient(90deg, #AD54F1, #EB499B) !important;

}

.col-face-ok .icon-box-img {
    background: linear-gradient(90deg, #3C7FF6, #4D4BE6) !important;

}

.col-tiktok .icon-box-img {
    background: linear-gradient(90deg, #E346A1, #9E35DF) !important;

}

.col-ok .icon-box-img svg {
    width: 28px;
    height: 28px;
    fill: #ffffff;
}

.col-ok .col-inner {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}


.col-ok:hover .col-inner {
    transform: scale(1.04);
    box-shadow:
        0 0 30px rgba(55, 138, 246, 0.35),
        0 0 60px rgba(55, 138, 246, 0.25);
}

.col-ok:hover .col-inner svg {
    transform: scale(1.04);
}

.col-ok h4 {
    transition: color 0.3s ease;
}

.col-ok:hover h4 {
    color: #378AF6 !important;
}


.flickity-page-dots {
    bottom: -16px;
}

.flickity-page-dots .dot {
    border: unset;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: 10px;
    margin: 0 5px;
    opacity: .4;
    transition: opacity .3s;
    width: 10px;
    background: #CBCED4;
}

.flickity-page-dots .dot.is-selected {
    background-color: #3C83F6;
    opacity: 1 !important;
    width: 40px;
    border-radius: 75px;
}


.icon-box.featured-box.icon-box-doi-tac-tin-tuong.icon-box-left.text-left {
    width: max-content;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    align-items: center;
}

.row-5-img-news>.col {
    flex: 0 0 20%;
    max-width: 20%;
}


.row-5-img-news .col-inner {
    position: relative;

    background: #fff;
    border: 1px solid rgb(229, 231, 235);
    border-radius: 16px;

    padding: 16px 80px;
    display: flex;
    align-items: center;
    justify-content: center;

    transition: all 0.3s ease;
}

.row-5-img-news img {
    opacity: 1;
    filter: grayscale(100%);
    transition: all 0.3s ease;
}

.row-5-img-news .col-inner:hover {
    background: transparent;
    border-color: #BED3F7;
    cursor: pointer;
}

.row-5-img-news .col-inner:hover img {
    opacity: 1;
    filter: grayscale(0);
}

.row-5-img-news .col-inner {
    transition:
        transform 0.8s ease,
        background 0.8s ease,
        border-color 0.8s ease,
        box-shadow 0.8s ease;
}

.row-5-img-news .col-inner:hover {
    transform: scale(1.1);
}

.row-5-img-news .col-inner::after {
    content: "";
    position: absolute;
    top: 12px;
    right: 12px;

    width: 16px;
    height: 16px;

    background: #2D98F6;

    -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M384 64C366.3 64 352 78.3 352 96C352 113.7 366.3 128 384 128L466.7 128L265.3 329.4C252.8 341.9 252.8 362.2 265.3 374.7C277.8 387.2 298.1 387.2 310.6 374.7L512 173.3L512 256C512 273.7 526.3 288 544 288C561.7 288 576 273.7 576 256L576 96C576 78.3 561.7 64 544 64L384 64zM144 160C99.8 160 64 195.8 64 240L64 496C64 540.2 99.8 576 144 576L400 576C444.2 576 480 540.2 480 496L480 416C480 398.3 465.7 384 448 384C430.3 384 416 398.3 416 416L416 496C416 504.8 408.8 512 400 512L144 512C135.2 512 128 504.8 128 496L128 240C128 231.2 135.2 224 144 224L224 224C241.7 224 256 209.7 256 192C256 174.3 241.7 160 224 160L144 160z'/></svg>") no-repeat center;
    -webkit-mask-size: contain;
    mask-size: contain;

    opacity: 0;
    transition: opacity 0.3s ease;
}

.row-5-img-news .col-inner:hover::after {
    opacity: 1;
}


.col-cam-ket .icon-inner {
    background-color: #264967;
    border-radius: 8px;

    width: 45px;
    height: 45px;

    display: flex;
    align-items: center;
    justify-content: center;

    transition: transform 0.25s ease, background-color 0.25s ease;
}

.col-cam-ket .icon-inner svg {
    width: 30px;
    height: 30px;
    fill: #3C83F6;
}

.col-cam-ket:hover>.col-inner {
    background-color: #353E4E !important;
    cursor: pointer;
}

.col-cam-ket:hover .icon-inner {
    transform: scale(1.15);
}

.col-cam-ket h3 {
    transition: color 0.3s ease;
}

.col-cam-ket:hover h3 {
    color: #3C83F6 !important;
}

.col-cam-ket:hover .is-border {
    border-color: #3C83F6 !important;
}


.section-cam-ket {
    position: relative;
    overflow: hidden;
}

.section-cam-ket::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;

    background:
        radial-gradient(circle at center,
            rgba(26, 40, 64, 0.9) 0%,
            rgba(26, 40, 64, 0.6) 25%,
            rgba(26, 40, 64, 0.3) 45%,
            rgba(26, 40, 64, 0.0) 65%);

    filter: blur(60px);
    z-index: 0;
}

.section-cam-ket .section-content {
    position: relative;
    z-index: 1;
}


.text-review p {
    margin-bottom: 0px;
    color: #3C83F6;
    background: #E9F0FD;
    width: max-content;
    border-radius: 99px;
    padding: 4px 16px;
}


.icon-box-review .icon-inner img {
    border-radius: 99px !important;
    border: 1px solid #3C83F6 !important;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    padding: 2px;
}

.icon-box-review .icon-inner {
    border-radius: 99px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.slider .flickity-prev-next-button {
    opacity: 1;
}

.flickity-prev-next-button.previous {
    left: 38%;
    transform: unset;
    bottom: -34px;
    position: relative;
    z-index: 999;
}

.flickity-prev-next-button.next {
    right: -56%;
    transform: unset;
    top: 35px;
    position: relative;
    z-index: 999;
}


.section-pre-footer {
    position: relative;
    overflow: hidden;
    padding: 60px 0;

    background: linear-gradient(135deg,
            #3C83F6 0%,
            #1CB0F7 100%);
}


.section-pre-footer::before {
    content: "";
    position: absolute;
    top: 40px;
    left: 40px;
    width: 120px;
    height: 120px;
    border-radius: 18px;

    background: rgba(255, 255, 255, 0.12);
    border: 2px solid #639CF8;

    transform: rotate(-8deg);
    animation: floatSquare 8s ease-in-out infinite;
}

@keyframes floatSquare {
    0% {
        transform: translateY(0) rotate(-8deg);
    }

    50% {
        transform: translateY(-18px) rotate(-8deg);
    }

    100% {
        transform: translateY(0) rotate(-8deg);
    }
}


.section-pre-footer::after {
    content: "";
    position: absolute;
    right: 60px;
    bottom: 40px;

    width: 100px;
    height: 100px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.12);
    border: 2px solid rgb(58, 195, 249);

    animation: floatCircle 10s ease-in-out infinite;
}

@keyframes floatCircle {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(22px);
    }

    100% {
        transform: translateY(0);
    }
}

.section-pre-footer .section-content {
    position: relative;
    z-index: 2;
}


.section-pre-footer .btn-contact {
    background: #fff !important;
    border: unset;
    box-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);
    border: 2px solid #fff !important;

}

.section-pre-footer .btn-contact span {
    color: #3C83F6;
    padding: 10px;
}

.section-pre-footer .btn-contact:hover {
    background-color: #ffffffe6 !important;
    box-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);

}


.section-pre-footer .btn-phone {
    border: 2px solid #fff !important;
}

.section-pre-footer .btn-phone span,
.section-pre-footer .btn-phone i {
    color: #fff;
}

.section-pre-footer .btn-phone span {
    padding: 10px;
}

.section-pre-footer .btn-phone:hover span,
.section-pre-footer .btn-phone:hover i {
    color: #000 !important;
}

.section-pre-footer .btn-phone:hover {
    background-color: transparent !important;
}

.section-pre-footer .icon-box.featured-box.icon-box-left.text-left {
    width: max-content;
}


.text-dot {
    position: relative;
    padding-left: 44px;
}

.text-dot::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.7em;

    width: 6px;
    height: 6px;
    border-radius: 50%;

    background-color: #C0E1FD;
}

.text-dot p {
    margin-bottom: 10px;
}



.cf7-form-wrap {
    background: #fff;
    border-radius: 14px;
}

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

.cf7-field.full {
    grid-column: 1 / -1;
}

.cf7-field label {
    display: block;
    font-weight: 600;
    margin-bottom: 6px;
    color: #0f1729;
    font-size: 0.95rem;
}

.cf7-field .req {
    color: #ef4444;
}

.cf7-field input,
.cf7-field select,
.cf7-field textarea {
    width: 100%;
    padding: 12px 14px;
    border-radius: 10px;
    border: 1px solid #e5e7eb;
    background: #f8fafc;
    font-size: 0.95rem;
    outline: none;
    transition: all 0.2s ease;
}

.cf7-field textarea {
    min-height: 120px;
    resize: none;
}

.cf7-field input:focus,
.cf7-field select:focus,
.cf7-field textarea:focus {
    border-color: #3c83f6;
    background: #fff;
    box-shadow: 0 0 0 2px rgba(60, 131, 246, 0.15);
}

.cf7-field select {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%236b7280' d='M137.4 374.6L8.4 245.6c-11.2-11.2-11.2-29.4 0-40.6l22.6-22.6c11.2-11.2 29.4-11.2 40.6 0L160 270.7l88.4-88.4c11.2-11.2 29.4-11.2 40.6 0l22.6 22.6c11.2 11.2 11.2 29.4 0 40.6l-129 129c-11.2 11.2-29.4 11.2-40.6 0z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
    background-size: 12px;
    padding: 4px 10px;
}

.cf7-submit {
    grid-column: 1 / -1;
}

.btn-submit {
    width: 100%;
    background: #3c83f6;
    color: #fff;
    border: none;
    border-radius: 12px;
    padding: 6px 14px;
    font-size: 1rem;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    cursor: pointer;
    transition: all 0.25s ease;
    text-transform: none;
}

.btn-submit svg {
    width: 18px;
    height: 18px;
    fill: #fff;
}

.btn-submit:hover {
    background: #2563eb;
    transform: translateY(-1px);
    box-shadow: 0 10px 30px rgba(60, 131, 246, 0.35);
}

.col-icon-box-contact .col-inner {
    border: 1px solid rgb(229, 231, 235);
}


.col-icon-box-contact .icon-inner {
    background: #EBF2FE;
    border-radius: 8px;
    padding: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.col-icon-box-contact svg {
    width: 25px;
    height: 25px;
}

.col-icon-box-contact .col-inner {
    transition: all 0.3s ease;
    border: 1px solid transparent;
}

.col-icon-box-contact:hover .col-inner {
    transform: scale(1.03);
    border-color: #3C83F6;
    cursor: pointer;
}

.social-icon a.icon.button {
    background-color: #F3F4F6 !important;
    color: #0F1729 !important;
    border-radius: 12px !important;
    border: none !important;
    width: 42px !important;
    height: 42px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    margin-right: 10px;
}

.social-icon a.icon.button i {
    font-size: 18px;
}

.social-icon a.icon.button:hover {
    background-color: #3B82F6 !important;
    color: #ffffff !important;
    transform: translateY(-3px);
    box-shadow: 0 10px 15px -3px rgba(59, 130, 246, 0.4);
}

.social-icon a {
    text-decoration: none !important;
}

.col-ho-tro-grad .col-inner {
    background: linear-gradient(135deg,
            #378BF6 0%,
            #0FC3F8 100%);
}

.col-ho-tro-grad .btn-ho-tro {
    background: #fff !important;
    border-color: #fff;
}

.col-ho-tro-grad .btn-ho-tro span,
.col-ho-tro-grad .btn-ho-tro i {
    color: #3C83F6;
}

.col-ho-tro-grad .btn-ho-tro:hover {
    background: #e7e2e2 !important;
}


.partner-zoom {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer;
}

.partner-zoom:hover {
    transform: scale(1.05);
}

.btn-marketing {
    background: transparent;
    border-color: #BED4F8;
}

.btn-marketing span {
    color: #0F1729;
}

.btn-marketing:hover {
    background-color: #E3EBF9 !important;
    box-shadow: unset;
}


.btn-nhan-tu-van-ngay {
    background: linear-gradient(90deg, #21C25D, #17A54B);
    color: #fff;
    border: none;
    transition: all 0.3s ease;
}

.btn-nhan-tu-van-ngay:hover {
    background: linear-gradient(90deg, #16A14A, #15823E) !important;
    box-shadow: unset;
}

.text-shopee-marketing p {
    background: linear-gradient(90deg, #F76C1C, #F04A3F);
    color: #fff;
    padding: 8px 16px;
    border-radius: 99px;
    display: inline-block;
    font-weight: 700;
}


.col-shopee-marketing .col-inner {
    transition: all 0.35s ease;
    position: relative;
}

.col-shopee-marketing .icon-box-marketing .icon-inner {
    background: linear-gradient(135deg, #3192F6, #0EC5F8);
    color: #fff;
    width: 50px;
    height: 50px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.35s ease;
}

.col-shopee-marketing .icon-box-marketing .icon-inner svg {
    fill: #fff;
    width: 30px;
    height: 30px;
}

.col-shopee-marketing h3 {
    transition: color 0.35s ease;
}

.col-shopee-marketing:hover .col-inner {
    transform: translateY(-8px);
    background: linear-gradient(180deg, #F0F7FF, #FFFFFF);
    cursor: pointer;
}

.col-shopee-marketing:hover .is-border {
    border-color: #3B82F6 !important;
}

.col-shopee-marketing:hover h3 {
    color: #2563EB !important;
}

.col-shopee-marketing:hover .icon-box-marketing .icon-inner {
    transform: scale(1.12);
}


.text-facebook-marketing p {
    background: linear-gradient(90deg, #2C6AED, #5B9FF9);
    color: #fff;
    padding: 8px 18px;
    border-radius: 999px;
    display: inline-block;
    font-weight: 600;
}


.text-tiktok-marketing p {
    background: linear-gradient(90deg,
            #E04BAB,
            #B553E5,
            #697BEA,
            #11AFD7);
    color: #fff;
    padding: 8px 18px;
    border-radius: 999px;
    display: inline-block;
    font-weight: 600;
}

.text-video-marketing p {
    background: linear-gradient(90deg,
            #B054EC,
            #CE4DC2,
            #E44AA4);
    color: #fff;
    padding: 8px 18px;
    border-radius: 999px;
    display: inline-block;
    font-weight: 600;
}

.col-chuyen-gia .icon-box.featured-box.icon-box-left.text-left,
.col-chuyen-gia .icon-box.featured-box.icon-box-left.text-left .text {
    width: max-content;

}


.col-shopee-pro>.col-inner {
    position: relative;
    border-radius: 18px;
    box-shadow: 0 16px 40px rgba(201, 218, 248, 0.75);
    overflow: hidden;
    transition: all 0.35s ease;
}

.col-shopee-pro>.col-inner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 10px;
    width: 100%;
    background: linear-gradient(90deg, #ff7a18, #ff3d00);
}

.col-shopee-pro:hover>.col-inner {
    transform: translateY(-6px);
    box-shadow: 0 16px 40px rgba(201, 218, 248, 0.75);
}

.col-shopee-pro>.col-inner::after {
    content: "Phổ biến nhất";
    position: absolute;
    top: 19px;
    right: 11px;
    z-index: 2;
    font-size: 0.75rem;
    font-weight: 600;
    color: #fff;
    background: #3C83F6;
    padding: 2px 15px;
    border-radius: 999px;
}

.price-del p {
    position: relative;
    display: inline-block;
    font-size: 0.95rem;
}

.price-del p::after {
    content: "";
    position: absolute;
    left: -5%;
    top: 50%;
    width: 110%;
    height: 2px;
    background-color: #9ca3af;
    transform: translateY(-50%);
}

.btn-shopee-orange {
    background: linear-gradient(90deg, #ff7a18, #ff3d00);
    color: #fff !important;
    border: none;
    font-weight: 600;
    padding: 3px 20px;
    transition: all 0.3s ease;
}

.btn-shopee-orange:hover {
    background: linear-gradient(90deg, #ff3d00, #ff7a18);
    transform: translateY(-2px);
}


.col-face-ads>.col-inner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 10px;
    width: 100%;
    background: linear-gradient(90deg, #3070EE, #589CF8);
}

.col-face-ads>.col-inner {
    position: relative;
    border-radius: 18px;
    overflow: hidden;
    transition: all 0.35s ease;
}


.btn-face-ads {
    background: linear-gradient(90deg, #3070EE, #589CF8);
    color: #fff !important;
    border: none;
    font-weight: 600;
    padding: 3px 20px;
    transition: all 0.3s ease;
}

.btn-face-ads:hover {
    background: linear-gradient(90deg, #3070EE, #589CF8);
    transform: translateY(-2px);
}

.col-face-ads:hover>.col-inner {
    transform: translateY(-6px);
}


.col-tiktok-content>.col-inner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 10px;
    width: 100%;
    background: linear-gradient(90deg,
            #D94CB4,
            #BF51D8,
            #8B67F1,
            #2AA1DC);
}

.col-tiktok-content>.col-inner {
    position: relative;
    border-radius: 18px;
    overflow: hidden;
    transition: all 0.35s ease;
}


.btn-tiktok-content {
    background: linear-gradient(90deg,
            #D94CB4,
            #BF51D8,
            #8B67F1,
            #2AA1DC);
    color: #fff !important;
    border: none;
    font-weight: 600;
    padding: 3px 20px;
    transition: all 0.3s ease;
}

.btn-tiktok-content:hover {
    background: linear-gradient(90deg,
            #D94CB4,
            #BF51D8,
            #8B67F1,
            #2AA1DC);
    transform: translateY(-2px);
}

.col-tiktok-content:hover>.col-inner {
    transform: translateY(-6px);
}

.col-why-choose>.col-inner {
    min-height: 188px;
}


.text-number {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: linear-gradient(180deg, #38bdf8, #0ea5e9);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.text-number p {
    margin: 0;
    color: #ffffff;
    font-size: 22px;
    font-weight: 600;
    line-height: 1;
}

.row-lo-trinh {
    position: relative;
}

.row-lo-trinh::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 278px;
    transform: translateX(-50%);
    width: 3px;
    background: linear-gradient(180deg,
            #2D98F6 0%,
            #15BCF8 25%,
            #18D2F9 50%,
            #79D8F8 75%,
            #BFDDF8 100%);
    border-radius: 2px;
    height: 582px;
}



/* ====== Layout ====== */
.cf7-consult-form {
    max-width: 900px;
}

.cf7-row {
    display: flex;
    gap: 20px;
    margin-bottom: 10px;
}

.cf7-row.full {
    flex-direction: column;
}

.cf7-col {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.cf7-consult-form label {
    font-size: 0.9rem;
    font-weight: 600;
    margin-bottom: 6px;
    color: #0f172a;
}

.cf7-consult-form input,
.cf7-consult-form select {
    width: 100%;
    height: 48px;
    border-radius: 12px;
    border: 1px solid #e5e7eb;
    background: #f9fafb;
    padding: 0 14px;
    font-size: 0.95rem;
    transition: all 0.25s ease;
}

.cf7-consult-form input:focus,
.cf7-consult-form select:focus {
    outline: none;
    background: #fff;
    border-color: #60a5fa;
    box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.25);
}

.cf7-consult-form select {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%239ca3af'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
    background-size: 18px;
    cursor: pointer;
}

.cf7-row.submit {
    margin-top: 10px;
    width: 100%;
    display: block;
}

.cf7-consult-form input[type="submit"] {
    width: 100%;
    height: 50px;
    border-radius: 10px;

    border: none;
    font-size: 1rem;
    font-weight: 600;
    color: #fff;
    cursor: pointer;

    background: linear-gradient(90deg, #3b82f6, #06b6d4);
    transition: all 0.3s ease;
    margin-bottom: -26px;
}

.cf7-consult-form input[type="submit"]:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(59, 130, 246, 0.35);
}


.img-radius img {
    border-radius: 18px;
}


.text-vuong-shopee {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 88px;
    height: 88px;

    border-radius: 10px;
    background: linear-gradient(180deg, #ff8a34 0%, #ff5a2a 50%, #ff3d2e 100%);


    text-align: center;
}

.text-vuong-shopee p,
.text-vuong-facebook p,
.text-vuong-tiktok p {
    margin: 0;
    font-size: 1.6rem;
    font-weight: 800;
    letter-spacing: 1px;
    color: #ffffff;
}

.img-filter-xanh img {
    filter: brightness(0) saturate(100%) invert(90%) sepia(8%) saturate(1200%) hue-rotate(185deg) brightness(95%) contrast(95%);
}


.tab-case-study .nav-pills {
    gap: 14px;
    padding: 10px;
    margin-bottom: 35px;
}

.tab-case-study .nav-pills>li {
    margin: 0;
}

.tab-case-study .nav-pills>li>a {
    padding: 5px 20px;
    border-radius: 10px;
    background: #ffffff;
    color: #6b7280;
    font-size: 0.95rem;
    font-weight: 500;

    border: 1px solid #eef2f7;
    box-shadow: 0 3px 10px rgba(15, 23, 42, 0.05);

    transition: all 0.3s ease;
}

.tab-case-study .nav-pills>li>a:hover {
    border: 1px solid #2563eb !important;
    border-color: #dbeafe;
    box-shadow: 0 3px 10px rgba(15, 23, 42, 0.05);
    transform: translateY(-1px);
}



.tab-case-study .nav-pills>li.active>a {
    color: #ffffff !important;
    border: none;
    background: linear-gradient(90deg, #3b82f6, #06b6d4);
    box-shadow: 0 3px 10px rgba(15, 23, 42, 0.05);
    border-radius: 10px;
    padding: 5px 20px;
    font-weight: 700;
}

.tab-case-study .nav>li>a::before {
    display: none;
}

.text-vuong-facebook {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 88px;
    height: 88px;

    border-radius: 10px;
    background: linear-gradient(90deg, #2C6AED, #5B9FF9);


    text-align: center;
}

.text-vuong-tiktok {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 88px;
    height: 88px;

    border-radius: 10px;
    background: linear-gradient(90deg, #E04BAB, #B553E5, #697BEA, #11AFD7);

    text-align: center;
}



.text-grad-tiktok h3 {
    display: inline;
    background: linear-gradient(90deg, #E04BAB, #B553E5, #697BEA, #11AFD7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.text-grad-tiktok {
    margin-bottom: 10px;
}


.col-what-say .text-abc {
    width: 50px !important;
    height: 50px !important;
    border-radius: 50%;
    background: linear-gradient(180deg, #2C9BF7, #1AB5F8);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}


.col-what-say {
    transition: all 0.3s ease;
}

.col-what-say .is-border {
    transition: all 0.3s ease;
}

.col-what-say:hover {
    transform: translateY(-4px);
}

.col-what-say:hover .is-border {
    border-color: #3C83F6 !important;
}

h1.entry-title {
    color: #0F1729;
}

.cf7-subscribe-wrap {
    padding: 0;
}

.cf7-subscribe-form {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    justify-content: center;

}

input.wpcf7-form-control.wpcf7-email.wpcf7-validates-as-required.wpcf7-text.wpcf7-validates-as-email.cf7-subscribe-input {
    background: #55A4F7;
    box-shadow: unset !important;
    border-color: #BED8FC !important;
    border-radius: 8px;
}

/* ===== INPUT ===== */
.cf7-subscribe-input {
    flex: 1;
    height: 40px;

    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;

    padding: 0 16px;

    font-size: 0.9rem;
    color: #0f172a;

    transition: all 0.2s ease;
}

/* Placeholder */
.cf7-subscribe-input::placeholder {
    color: #BED8FC;
    font-size: 12px;
}

/* Focus */
.cf7-subscribe-input:focus {
    outline: none;
    border-color: #3C83F6;
    box-shadow: 0 0 0 3px rgba(60, 131, 246, 0.15);
}

/* ===== BUTTON ===== */
.cf7-subscribe-btn {
    height: 48px;
    padding: 0 26px;

    background: #3C83F6;
    color: #ffffff;

    font-size: 0.9rem;

    border: none;
    border-radius: 12px;

    white-space: nowrap;
    cursor: pointer;
    text-transform: none;

    transition: all 0.2s ease;
}

.cf7-subscribe-form input.wpcf7-form-control.wpcf7-submit.has-spinner.cf7-subscribe-btn {
    background: #fff !important;
    color: #3C83F6;
    border-radius: 8px;
    height: 39px;
    margin-left: 12px;
    text-transform: none;

}

.cf7-subscribe-form input.wpcf7-form-control.wpcf7-submit.has-spinner.cf7-subscribe-btn:hover {
    background: #dddddd !important;
    transform: translateY(-1px);
    box-shadow: unset;
}


/* ===== CF7 FIX ===== */
.cf7-subscribe-form p {
    margin: 0;
    display: flex;
    align-items: center;
}

.wpcf7-spinner {
    display: none;
}



.post-date {
    display: inline-flex;
    align-items: center;
    gap: 6px;

    font-size: 0.8rem;
    color: #6B7280;
}

.post-date-icon svg {
    width: 14px;
    height: 14px;
    fill: currentColor;
}

.post-date-text {
    line-height: 1;
    margin-top: -4px;
}


.cat-label.tag-label {
    padding: 4px 10px;
    border-radius: 4px;
    font-weight: 600;
    color: #fff;
    display: inline-block;
    opacity: 1;
}

.cat-label.cat-shopee {
    background: linear-gradient(90deg, #F76C1C, #F25335);
}

.cat-label.cat-facebook {
    background: linear-gradient(90deg, #2968EC, #5DA2F9);
}

.cat-label.cat-tiktok {
    background: linear-gradient(90deg, #E346A1, #9E35DF);
}

h5.post-title.is-large a {
    color: #0F1729;
    font-size: 15px;
    margin-top: 8px;
}

p.from_the_blog_excerpt {
    color: #6B7280;
    font-size: 12px;
    margin: 8px 0px;
}

.col.post-item .box-text.text-left {
    background: #fff;
    padding: 20px;
    border-radius: 0px 0px 18px 18px;
    border: 1px solid transparent;
}

.col.post-item .box-image {
    border-radius: 18px 18px 0px 0px;
}

.col.post-item {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.col.post-item:hover {
    transform: translateY(-4px);
}

.col.post-item:hover h5.post-title.is-large a {
    color: #3C83F6;
}

.col.post-item:hover .box-text.text-left {
    color: #3C83F6;
}

.col.post-item:hover .box-text {
    border-color: #3C83F6;
    border-top: unset;
}


.col.post-item h5.post-title.is-large a,
.col.post-item .box-text.text-left {
    transition: color 0.3s ease;
}


.tab-kien-thuc ul.nav.nav-pills.nav-normal.nav-size-normal.nav-center {
    margin-bottom: 22px;
    display: flex;
    gap: 20px;
}

main#main {
    background: #F6F6F9;
}


.section-first-shopee {
    position: relative;
    overflow: hidden;
}

.section-first-shopee::before {
    content: "";
    position: absolute;
    top: -20%;
    left: -5%;
    width: 520px;
    height: 520px;

    background: radial-gradient(ellipse at center,
            #FAEBDF 0%,
            rgba(250, 235, 223, 0.65) 35%,
            rgba(250, 235, 223, 0.35) 55%,
            rgba(250, 235, 223, 0) 75%);

    border-radius: 50%;
    filter: blur(6px);
    z-index: 0;
}

.section-first-shopee::after {
    content: "";
    position: absolute;
    top: 0%;
    right: 0%;
    width: 520px;
    height: 520px;

    background: radial-gradient(ellipse at center,
            rgba(246, 213, 214, 0.9) 0%,
            rgba(246, 213, 214, 0.6) 35%,
            rgba(246, 213, 214, 0.35) 55%,
            rgba(246, 213, 214, 0) 75%);

    border-radius: 50%;
    filter: blur(6px);
    z-index: 0;
}

.section-first-shopee .section-content {
    position: relative;
    z-index: 1;
}

.btn-bao-gia-shopee {
    background: linear-gradient(90deg, #F76D1B, #F25335);
}

.btn-phone-shopee span,
.btn-phone-shopeee i {
    color: #0F1729;
}

.btn-phone-shopee {
    border: 1px solid #FDBA74 !important;
    padding: 3px 25px;
}

.section-first-shopee .btn-phone-shopee:hover {
    background-color: #FFF7ED !important;
}

.col-goi-ho-tro p {
    margin-bottom: 7px !important;
}



.col-goi-ho-tro .icon-box-text {
    padding-left: 5px !important;

}

.col-goi-ho-tro .icon-time .icon-box-text p {
    width: max-content;
    padding-left: 5px !important;

}

.col-goi-ho-tro .icon-time {
    display: flex;
    justify-content: center;
    width: max-content;
    margin: 0 auto;
}

.icon-box.featured-box.icon-box-check {
    display: flex;
    align-items: center;
    margin-bottom: -3px;
}

.icon-box.featured-box.icon-box-check p {
    font-size: 10px;
}


.text-del p {
    font-size: 11px !important;
    margin-bottom: 12px !important;
}

.text-del p::after {
    content: "";
    position: absolute;
    left: 0%;
    top: 50%;
    width: 99%;
    height: 1px;
    background-color: #9ca3af;
    transform: translateY(-50%);
}

.text-tinh-nang p {
    font-size: 10px;
}

.btn-choose-package {
    background: #F3F4F6 !important;
    border: 1px solid transparent !important;
}

.btn-choose-package span,
.btn-khoi-nghiep span {
    color: #fff !important;
}

.btn-khoi-nghiep {
    border: 1px solid transparent !important;
}

.col-goi-khoi-nghiep .btn-khoi-nghiep:hover {
    background-color: #F04A3D !important;
}


.icon-box-goi-ho-tro .icon-box {
    display: flex !important;
    align-items: flex-start !important;
    padding: 10px 0;
}

.icon-box-goi-ho-tro .icon-inner {
    background: linear-gradient(135deg, #5E6D84, #4E5C71);
    width: 55px !important;
    height: 55px !important;
    border-radius: 15px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-right: 20px !important;
    transition: all 0.7s ease;

}

.icon-box-goi-ho-tro .icon-inner svg {
    width: 32px !important;
    height: 32px !important;
    fill: #ffffff !important;
    color: #fff !important;
}

.col-goi-ho-tro:hover .is-border {
    border-color: #F76C1C !important;
    transition: border-color 0.25s ease;
    cursor: pointer;
}


.icon-box-goi-co-ban .icon-inner {
    background: linear-gradient(135deg, #357AF3, #2B6BEE);
    width: 55px !important;
    height: 55px !important;
    border-radius: 15px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-right: 20px !important;
    transition: all 0.7s ease;

}

.icon-box-goi-co-ban .icon-inner svg {
    width: 32px !important;
    height: 32px !important;
    fill: #ffffff !important;
    color: #fff !important;
}

.icon-box-khoi-nghiep .icon-inner {
    background: linear-gradient(135deg, #F86B1F, #F14C3D);
    width: 55px !important;
    height: 55px !important;
    border-radius: 15px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-right: 20px !important;
    transition: all 0.7s ease;

}

.icon-box-khoi-nghiep .icon-inner svg {
    width: 32px !important;
    height: 32px !important;
    fill: #ffffff !important;
    color: #fff !important;
}

.icon-box-goi-phat-trien .icon-inner {
    background: linear-gradient(135deg, #A737D6, #D442AE);
    width: 55px !important;
    height: 55px !important;
    border-radius: 15px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-right: 20px !important;
    transition: all 0.7s ease;

}

.icon-box-goi-phat-trien .icon-inner svg {
    width: 32px !important;
    height: 32px !important;
    fill: #ffffff !important;
    color: #fff !important;
}

.col-goi-khoi-nghiep .col-inner {
    position: relative;
    box-shadow:
        0 12px 30px rgba(248, 107, 31, 0.18),
        0 4px 10px rgba(241, 76, 61, 0.12);
    transition: all 0.3s ease;
}

.col-goi-khoi-nghiep .col-inner::before {
    content: "Phổ biến nhất";
    position: absolute;
    top: -11px;
    left: 50%;
    transform: translateX(-50%);
    padding: 2px 16px;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.03em;

    color: #fff;
    background: linear-gradient(135deg, #F86B1F, #F14C3D);

    border-radius: 999px;
    z-index: 3;

    box-shadow: 0 4px 10px rgba(248, 107, 31, 0.35);
}


.tab-shopee-setup .nav {
    gap: 14px;
    margin-bottom: 30px;
}

.tab-shopee-setup .nav li {
    border-radius: 14px;
    border: 1px solid #E5E7EB;
    background: #fff;
    transition: all 0.25s ease;
}

.tab-shopee-setup .nav li a {
    display: flex;
    align-items: center;
    gap: 10px;

    padding: 6px 22px;
    font-weight: 500;
    color: #0F1729;
    border-radius: 8px;
}


.tab-shopee-setup .nav li:hover {
    border-color: #F56127;
}


.tab-shopee-setup .nav li.active {
    background: linear-gradient(135deg, #FF7A18, #F56127);
    border-color: transparent;

}

.tab-shopee-setup .nav li.active a {
    color: #fff;
}

.tab-shopee-setup .nav li.active {
    background: linear-gradient(135deg, #FF7A18, #F56127);
    border-color: transparent;
    border-radius: 8px !important;
}

.tab-shopee-setup .nav li.active a {
    color: #fff;
    background: linear-gradient(135deg, #FF7A18, #F56127);
    border-radius: 8px !important;
}

.tab-shopee-setup .nav li a {
    display: flex;
    align-items: center;
    gap: 10px;
}

.tab-shopee-setup .nav li {
    border-radius: 8px;
}

.tab-shopee-setup .nav li a::before {
    content: "";
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    display: inline-block;

    background-color: #0F1729;

    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;

    transition: background-color 0.25s ease;
}

.tab-shopee-setup .nav li:nth-child(1) a::before {
    -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M256 144C256 108.7 284.7 80 320 80C355.3 80 384 108.7 384 144L384 192L256 192L256 144zM208 192L144 192C117.5 192 96 213.5 96 240L96 448C96 501 139 544 192 544L448 544C501 544 544 501 544 448L544 240C544 213.5 522.5 192 496 192L432 192L432 144C432 82.1 381.9 32 320 32C258.1 32 208 82.1 208 144L208 192z'/></svg>") !important;
    mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M256 144C256 108.7 284.7 80 320 80C355.3 80 384 108.7 384 144L384 192L256 192L256 144zM208 192L144 192C117.5 192 96 213.5 96 240L96 448C96 501 139 544 192 544L448 544C501 544 544 501 544 448L544 240C544 213.5 522.5 192 496 192L432 192L432 144C432 82.1 381.9 32 320 32C258.1 32 208 82.1 208 144L208 192z'/></svg>") !important;
}

.tab-shopee-setup .nav li:nth-child(2) a::before {
    -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M345 151.2C354.2 143.9 360 132.6 360 120C360 97.9 342.1 80 320 80C297.9 80 280 97.9 280 120C280 132.6 285.9 143.9 295 151.2L226.6 258.8C216.6 274.5 195.3 278.4 180.4 267.2L120.9 222.7C125.4 216.3 128 208.4 128 200C128 177.9 110.1 160 88 160C65.9 160 48 177.9 48 200C48 221.8 65.5 239.6 87.2 240L119.8 457.5C124.5 488.8 151.4 512 183.1 512L456.9 512C488.6 512 515.5 488.8 520.2 457.5L552.8 240C574.5 239.6 592 221.8 592 200C592 177.9 574.1 160 552 160C529.9 160 512 177.9 512 200C512 208.4 514.6 216.3 519.1 222.7L459.7 267.3C444.8 278.5 423.5 274.6 413.5 258.9L345 151.2z'/></svg>") !important;
    mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M345 151.2C354.2 143.9 360 132.6 360 120C360 97.9 342.1 80 320 80C297.9 80 280 97.9 280 120C280 132.6 285.9 143.9 295 151.2L226.6 258.8C216.6 274.5 195.3 278.4 180.4 267.2L120.9 222.7C125.4 216.3 128 208.4 128 200C128 177.9 110.1 160 88 160C65.9 160 48 177.9 48 200C48 221.8 65.5 239.6 87.2 240L119.8 457.5C124.5 488.8 151.4 512 183.1 512L456.9 512C488.6 512 515.5 488.8 520.2 457.5L552.8 240C574.5 239.6 592 221.8 592 200C592 177.9 574.1 160 552 160C529.9 160 512 177.9 512 200C512 208.4 514.6 216.3 519.1 222.7L459.7 267.3C444.8 278.5 423.5 274.6 413.5 258.9L345 151.2z'/></svg>") !important;
}

.tab-shopee-setup .nav li:nth-child(3) a::before {
    -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M259.1 73.5C262.1 58.7 275.2 48 290.4 48L350.2 48C365.4 48 378.5 58.7 381.5 73.5L396 143.5C410.1 149.5 423.3 157.2 435.3 166.3L503.1 143.8C517.5 139 533.3 145 540.9 158.2L570.8 210C578.4 223.2 575.7 239.8 564.3 249.9L511 297.3C511.9 304.7 512.3 312.3 512.3 320C512.3 327.7 511.8 335.3 511 342.7L564.4 390.2C575.8 400.3 578.4 417 570.9 430.1L541 481.9C533.4 495 517.6 501.1 503.2 496.3L435.4 473.8C423.3 482.9 410.1 490.5 396.1 496.6L381.7 566.5C378.6 581.4 365.5 592 350.4 592L290.6 592C275.4 592 262.3 581.3 259.3 566.5L244.9 496.6C230.8 490.6 217.7 482.9 205.6 473.8L137.5 496.3C123.1 501.1 107.3 495.1 99.7 481.9L69.8 430.1C62.2 416.9 64.9 400.3 76.3 390.2L129.7 342.7C128.8 335.3 128.4 327.7 128.4 320C128.4 312.3 128.9 304.7 129.7 297.3L76.3 249.8C64.9 239.7 62.3 223 69.8 209.9L99.7 158.1C107.3 144.9 123.1 138.9 137.5 143.7L205.3 166.2C217.4 157.1 230.6 149.5 244.6 143.4L259.1 73.5z'/></svg>") !important;
    mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M259.1 73.5C262.1 58.7 275.2 48 290.4 48L350.2 48C365.4 48 378.5 58.7 381.5 73.5L396 143.5C410.1 149.5 423.3 157.2 435.3 166.3L503.1 143.8C517.5 139 533.3 145 540.9 158.2L570.8 210C578.4 223.2 575.7 239.8 564.3 249.9L511 297.3C511.9 304.7 512.3 312.3 512.3 320C512.3 327.7 511.8 335.3 511 342.7L564.4 390.2C575.8 400.3 578.4 417 570.9 430.1L541 481.9C533.4 495 517.6 501.1 503.2 496.3L435.4 473.8C423.3 482.9 410.1 490.5 396.1 496.6L381.7 566.5C378.6 581.4 365.5 592 350.4 592L290.6 592C275.4 592 262.3 581.3 259.3 566.5L244.9 496.6C230.8 490.6 217.7 482.9 205.6 473.8L137.5 496.3C123.1 501.1 107.3 495.1 99.7 481.9L69.8 430.1C62.2 416.9 64.9 400.3 76.3 390.2L129.7 342.7C128.8 335.3 128.4 327.7 128.4 320C128.4 312.3 128.9 304.7 129.7 297.3L76.3 249.8C64.9 239.7 62.3 223 69.8 209.9L99.7 158.1C107.3 144.9 123.1 138.9 137.5 143.7L205.3 166.2C217.4 157.1 230.6 149.5 244.6 143.4L259.1 73.5z'/></svg>") !important;
}

.tab-shopee-setup .nav li.active a::before {
    background-color: #ffffff !important;
}


.tab-shopee-setup .nav li a::before {
    opacity: 1 !important;
    visibility: visible !important;
}

.col-dk .col-inner {
    min-height: 61px;
}


.col-dk .icon-box.featured-box {
    display: flex;
    align-items: center;
}


.text-rose h5 {
    background: #DCFCE7;
    border-radius: 99px;
    width: max-content;
    display: flex;
    justify-content: center;
    margin: 0 auto 20px;
    padding: 5px 20px;
}


.section-orange {
    position: relative;
    overflow: hidden;
    padding: 60px 0;
    background: linear-gradient(70deg, #F76C1C 0%, #F04A3F 100%);
}

.section-orange::before,
.section-orange::after {
    display: none;
}

.section-orange .btn-contact span {
    color: #EA580C;
}


.text-doi-tac-chinh-thuc {
    display: inline-flex;
    align-items: center;

    padding: 8px 12px;
    border-radius: 999px;

    background: linear-gradient(70deg, #F76C1C 0%, #F04A3F 100%);
    color: #fff;
    margin-bottom: 15px;
}

.text-doi-tac-chinh-thuc p {
    margin: 0;
    padding-left: 22px;
    /* chừa chỗ cho icon */
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    position: relative;
}

.text-doi-tac-chinh-thuc p::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);

    width: 14px;
    height: 14px;

    background-color: #fff;

    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M480 272C480 317.9 465.1 360.3 440 394.7L566.6 521.4C579.1 533.9 579.1 554.2 566.6 566.7C554.1 579.2 533.8 579.2 521.3 566.7L394.7 440C360.3 465.1 317.9 480 272 480C157.1 480 64 386.9 64 272C64 157.1 157.1 64 272 64C386.9 64 480 157.1 480 272zM272 416C351.5 416 416 351.5 416 272C416 192.5 351.5 128 272 128C192.5 128 128 192.5 128 272C128 351.5 192.5 416 272 416z'/%3E%3C/svg%3E") no-repeat center / contain;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M480 272C480 317.9 465.1 360.3 440 394.7L566.6 521.4C579.1 533.9 579.1 554.2 566.6 566.7C554.1 579.2 533.8 579.2 521.3 566.7L394.7 440C360.3 465.1 317.9 480 272 480C157.1 480 64 386.9 64 272C64 157.1 157.1 64 272 64C386.9 64 480 157.1 480 272zM272 416C351.5 416 416 351.5 416 272C416 192.5 351.5 128 272 128C192.5 128 128 192.5 128 272C128 351.5 192.5 416 272 416z'/%3E%3C/svg%3E") no-repeat center / contain;
}


.icon-box-shopee-ads .icon-inner {
    background: linear-gradient(135deg, #F86B1F, #F14C3D);
    width: 40px !important;
    height: 40px !important;
    border-radius: 10px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-right: 20px !important;
    transition: all 0.7s ease;

}

.icon-box-shopee-ads .icon-inner svg {
    width: 26px !important;
    height: 26px !important;
    fill: #ffffff !important;
    color: #fff !important;
}

.acc-faq.accordion .toggle {
    border-radius: 999px;
    height: 1.5em;
    left: auto;
    margin-right: 5px;
    position: absolute;
    top: .3em;
    transform-origin: 50% 47%;
    width: 2.3em;
    right: 0px !important;
}

.acc-faq .accordion-title {
    padding-left: 10px;
    border-top: unset;
    background: #fff;
    border-radius: 12px 12px 0px 0px;
    color: #0F1729;
    font-size: 14px;
    padding: 12px 20px;
}

.acc-faq .accordion-title:hover {
    text-decoration: underline;
}

.acc-faq .accordion-item {
    margin-bottom: 16px;
}

.acc-faq .accordion-inner {
    background: #fff;
    border-radius: 0px 0px 12px 12px;
    padding: 6px 20px;
    font-size: 14px;
}

.col-setup .icon-box-check p {
    font-size: 14px !important;
}


.col-setup .icon-box.featured-box.icon-box-check {
    margin-bottom: 6px;
}


.btn-choose-package:hover {
    background: linear-gradient(to right, #06D0F9, #06D0F9) !important;
}

.col-problem .icon-inner {
    background: #FEE2E2;
}

.section-problem .col-problem .col-inner {
    transition: box-shadow .25s ease;
}

.section-problem .col-problem:hover .col-inner,
.col-livestream:hover .col-inner {
    transform: unset;
    border-color: rgb(251, 251, 252) !important;
    cursor: pointer;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
}

.section-problem .col-problem:hover .is-border {
    border-color: rgb(251, 251, 252) !important;
}


.col-livestream .icon-box-shopee-ads .icon-inner {
    width: 60px !important;
    height: 60px !important;
}

.col-livestream .icon-box-shopee-ads .icon-inner svg {
    width: 40px !important;
    height: 40px !important;
    fill: #ffffff !important;
    color: #fff !important;
}

.col-livestream .col-inner {
    min-height: 188px;
    transition: all 0.3s ease;
}

.col-livestream:hover .col-inner {
    transform: translateY(-5px);
}


/* Wrapper */
.cf7-shopee-form {
    background: #fff;
    padding: 28px;
    border-radius: 18px;
}

.cf7-shopee-form input,
.cf7-shopee-form select {
    width: 100%;
    height: 45px;
    border-radius: 10px;
    border: 1px solid #e5e7eb;
    padding: 0 16px;
    font-size: 15px;
    outline: none;
    background: #fbfbfc;
    margin-bottom: 16px;
    transition: .25s;
}

.cf7-shopee-form input::placeholder {
    color: #6b7280;
}

.cf7-shopee-form input:focus,
.cf7-shopee-form select:focus {
    border-color: #ff6a00;
    box-shadow: 0 0 0 3px rgba(255, 106, 0, .15);
    background: #fff;
}

.cf7-shopee-form select {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' stroke='%236b7280' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 16px center;
    background-size: 18px;
    padding-right: 44px;
    cursor: pointer;
}

.cf7-shopee-form input[type="submit"] {
    height: 45px;
    border: none;
    border-radius: 10px;
    font-size: 17px;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    background: linear-gradient(135deg, #ff8a00, #ff4d4f);
    box-shadow: 0 10px 25px rgba(255, 90, 0, .35);
    margin-top: 6px;
    text-transform: none;
    margin-bottom: -18px;
}

.cf7-shopee-form input[type="submit"]:hover {
    box-shadow: 0 14px 30px rgba(255, 90, 0, .45);
    transform: translateY(-1px);
}

.cf7-shopee-form .wpcf7-response-output {
    border: none;
    margin-top: 16px;
    padding: 0;
    font-size: 14px;
}



.section-first-facebook {
    position: relative;
    overflow: hidden;
}

/* Glow bên trái – xanh D4E3FB */
.section-first-facebook::before {
    content: "";
    position: absolute;
    top: -22%;
    left: -8%;
    width: 520px;
    height: 520px;

    background: radial-gradient(ellipse at center,
            #D4E3FB 0%,
            rgba(212, 227, 251, 0.75) 35%,
            rgba(212, 227, 251, 0.4) 55%,
            rgba(212, 227, 251, 0) 75%);

    border-radius: 50%;
    filter: blur(8px);
    z-index: 0;
}

/* Glow bên phải – tím E5E7FA */
.section-first-facebook::after {
    content: "";
    position: absolute;
    top: -5%;
    right: -6%;
    width: 520px;
    height: 520px;

    background: radial-gradient(ellipse at center,
            #E5E7FA 0%,
            rgba(229, 231, 250, 0.75) 35%,
            rgba(229, 231, 250, 0.4) 55%,
            rgba(229, 231, 250, 0) 75%);

    border-radius: 50%;
    filter: blur(8px);
    z-index: 0;
}

/* Nội dung luôn nổi trên nền */
.section-first-facebook .section-content {
    position: relative;
    z-index: 1;
}


.text-meta-business-partner {
    display: inline-flex;
    align-items: center;

    padding: 8px 12px;
    border-radius: 999px;

    background: linear-gradient(70deg, #2867EC 0%, #5A9EF8 100%);
    color: #fff;
    margin-bottom: 15px;
}

.text-meta-business-partner p {
    margin: 0;
    padding-left: 22px;
    /* chừa chỗ cho icon */
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    position: relative;
}

.text-meta-business-partner p::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);

    width: 14px;
    height: 14px;

    background-color: #fff;

    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M240 363.3L240 576L356 576L356 363.3L442.5 363.3L460.5 265.5L356 265.5L356 230.9C356 179.2 376.3 159.4 428.7 159.4C445 159.4 458.1 159.8 465.7 160.6L465.7 71.9C451.4 68 416.4 64 396.2 64C289.3 64 240 114.5 240 223.4L240 265.5L174 265.5L174 363.3L240 363.3z'/%3E%3C/svg%3E") no-repeat center / contain;

    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M240 363.3L240 576L356 576L356 363.3L442.5 363.3L460.5 265.5L356 265.5L356 230.9C356 179.2 376.3 159.4 428.7 159.4C445 159.4 458.1 159.8 465.7 160.6L465.7 71.9C451.4 68 416.4 64 396.2 64C289.3 64 240 114.5 240 223.4L240 265.5L174 265.5L174 363.3L240 363.3z'/%3E%3C/svg%3E") no-repeat center / contain;
}



.btn-nhan-tu-van-facebook {
    background: linear-gradient(70deg, #2867EC 0%, #5A9EF8 100%);
    border: unset;
}

.btn-phone-facebook {
    border: 1px solid #E5E7EB !important;
}

.btn-phone-faceboo span,
.btn-phon-facebook i {
    color: #0F1729 !important;
}


.white.is-outline.btn-phone-facebook:hover {
    background: #06D0F9 !important;
}

.white.is-outline.btn-phone-facebook:hover span,
.white.is-outline.btn-phone-facebook:hover i {
    color: #0F1729 !important;
}



.icon-box-facebook-ads .icon-inner {
    background: linear-gradient(135deg, #3777EF, #5093F6);
    width: 40px !important;
    height: 40px !important;
    border-radius: 10px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-right: 20px !important;
    transition: all 0.7s ease;

}

.icon-box-facebook-ads .icon-inner svg {
    width: 26px !important;
    height: 26px !important;
    fill: #ffffff !important;
    color: #fff !important;
}

.icon-box-fb-ads .icon-inner {
    background: linear-gradient(135deg, #3777EF, #5093F6);
    width: 55px !important;
    height: 55px !important;
    border-radius: 15px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-right: 20px !important;
    transition: all 0.7s ease;
}


.col-fb-ads .col-inner::before {
    content: "Phổ biến nhất";
    position: absolute;
    top: -11px;
    left: 50%;
    transform: translateX(-50%);
    padding: 4px 16px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.03em;
    color: #fff;
    background: linear-gradient(135deg, #3777EF, #5093F6);
    border-radius: 999px;
    z-index: 3;
    box-shadow: unset;
}

.col-fb-ads .col-inner {
    position: relative;
    box-shadow: unset;
    transition: all 0.3s ease;
}

.col-fb-ads:hover .is-border {
    border-color: #2563EB !important;
    transition: border-color 0.25s ease;
    cursor: pointer;
}

.col-fb-ads .btn-khoi-nghiep {
    background: linear-gradient(135deg, #3777EF, #5093F6) !important;
}

.col-fb-ads .btn-khoi-nghiep:hover {
    background-color: #3777EF !important;
}

.section-quy-trinh-content {
    position: relative;
    overflow: hidden;
    padding: 60px 0;
    background: linear-gradient(to bottom, #3E7FF1 0%, #5194F6 100%);
}

.text-messenger {
    background: linear-gradient(90deg, #385AEA, #833AEB);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}




.text-meta-business-partner-message {
    display: inline-flex;
    align-items: center;

    padding: 8px 12px;
    border-radius: 999px;

    background: linear-gradient(90deg, #385AEA, #833AEB);
    color: #fff;
    margin-bottom: 15px;
}

.text-meta-business-partner-message p {
    margin: 0;
    padding-left: 22px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    position: relative;
}

.text-meta-business-partner-message p::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);

    width: 14px;
    height: 14px;

    background-color: #fff;

    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M267.7 576.9L229.9 603.6C222.6 608.8 213 609.4 205 605.3C197 601.2 192 593 192 584L192 512L160 512C107 512 64 469 64 416L64 192C64 139 107 96 160 96L480 96C533 96 576 139 576 192L576 416C576 469 533 512 480 512L359.6 512L267.7 576.9zM332 472.8C340.1 467.1 349.8 464 359.7 464L480 464C506.5 464 528 442.5 528 416L528 192C528 165.5 506.5 144 480 144L160 144C133.5 144 112 165.5 112 192L112 416C112 442.5 133.5 464 160 464L216 464C226.4 464 235.3 470.6 238.6 479.9C239.5 482.4 240 485.1 240 488L240 537.7C272.7 514.6 303.3 493 331.9 472.8z'/%3E%3C/svg%3E") no-repeat center / contain;

    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M267.7 576.9L229.9 603.6C222.6 608.8 213 609.4 205 605.3C197 601.2 192 593 192 584L192 512L160 512C107 512 64 469 64 416L64 192C64 139 107 96 160 96L480 96C533 96 576 139 576 192L576 416C576 469 533 512 480 512L359.6 512L267.7 576.9zM332 472.8C340.1 467.1 349.8 464 359.7 464L480 464C506.5 464 528 442.5 528 416L528 192C528 165.5 506.5 144 480 144L160 144C133.5 144 112 165.5 112 192L112 416C112 442.5 133.5 464 160 464L216 464C226.4 464 235.3 470.6 238.6 479.9C239.5 482.4 240 485.1 240 488L240 537.7C272.7 514.6 303.3 493 331.9 472.8z'/%3E%3C/svg%3E") no-repeat center / contain;
}



.btn-nhan-tu-van-messenger {
    background: linear-gradient(90deg, #385AEA, #833AEB);
    border: unset;
}

.btn-nhan-tu-van-messenger span {
    color: #fff;
}

.col-messenger .col-inner::before {
    content: "Phổ biến nhất";
    position: absolute;
    top: -11px;
    left: 50%;
    transform: translateX(-50%);
    padding: 4px 16px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.03em;
    color: #fff;
    background: linear-gradient(90deg, #385AEA, #833AEB);
    border-radius: 999px;
    z-index: 3;
    box-shadow: unset;
}



.icon-box-messenger-ads .icon-inner {
    background: linear-gradient(90deg, #385AEA, #833AEB);
    width: 40px !important;
    height: 40px !important;
    border-radius: 10px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-right: 20px !important;
    transition: all 0.7s ease;

}

.icon-box-messenger-ads .icon-inner svg {
    width: 26px !important;
    height: 26px !important;
    fill: #ffffff !important;
    color: #fff !important;
}


.section-first-tiktok {
    position: relative;
    overflow: hidden;
}

.section-first-tiktok::before {
    content: "";
    position: absolute;
    top: -22%;
    left: -8%;
    width: 520px;
    height: 520px;

    background: radial-gradient(ellipse at center,
            #F6D8E9 0%,
            rgba(246, 216, 233, 0.75) 35%,
            rgba(246, 216, 233, 0.4) 55%,
            rgba(246, 216, 233, 0) 75%);

    border-radius: 50%;
    filter: blur(8px);
    z-index: 0;
}

.section-first-tiktok::after {
    content: "";
    position: absolute;
    top: -5%;
    right: -6%;
    width: 520px;
    height: 520px;

    background: radial-gradient(ellipse at center,
            #ECE0F9 0%,
            rgba(236, 224, 249, 0.9) 30%,
            rgba(236, 224, 249, 0.55) 50%,
            rgba(236, 224, 249, 0.15) 65%,
            rgba(236, 224, 249, 0) 80%);

    border-radius: 50%;
    filter: blur(8px);
    z-index: 0;
}

.section-first-tiktok .section-content {
    position: relative;
    z-index: 1;
}



.text-tiktok-shop-partner {
    display: inline-flex;
    align-items: center;

    padding: 8px 12px;
    border-radius: 999px;

    background: linear-gradient(70deg,
            #E64AA2 0%,
            #B752E0 33%,
            #7076EA 66%,
            #2B9FDC 100%);

    color: #fff;
    margin-bottom: 15px;
}

.text-tiktok-shop-partner p {
    margin: 0;
    padding-left: 22px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    position: relative;
}

.text-tiktok-shop-partner p::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);

    width: 14px;
    height: 14px;

    background-color: #fff;

    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M544.5 273.9C500.5 274 457.5 260.3 421.7 234.7L421.7 413.4C421.7 446.5 411.6 478.8 392.7 506C373.8 533.2 347.1 554 316.1 565.6C285.1 577.2 251.3 579.1 219.2 570.9C187.1 562.7 158.3 545 136.5 520.1C114.7 495.2 101.2 464.1 97.5 431.2C93.8 398.3 100.4 365.1 116.1 336C131.8 306.9 156.1 283.3 185.7 268.3C215.3 253.3 248.6 247.8 281.4 252.3L281.4 342.2C266.4 337.5 250.3 337.6 235.4 342.6C220.5 347.6 207.5 357.2 198.4 369.9C189.3 382.6 184.4 398 184.5 413.8C184.6 429.6 189.7 444.8 199 457.5C208.3 470.2 221.4 479.6 236.4 484.4C251.4 489.2 267.5 489.2 282.4 484.3C297.3 479.4 310.4 469.9 319.6 457.2C328.8 444.5 333.8 429.1 333.8 413.4L333.8 64L421.8 64C421.7 71.4 422.4 78.9 423.7 86.2C426.8 102.5 433.1 118.1 442.4 131.9C451.7 145.7 463.7 157.5 477.6 166.5C497.5 179.6 520.8 186.6 544.6 186.6L544.6 274z'/%3E%3C/svg%3E") no-repeat center / contain;

    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M544.5 273.9C500.5 274 457.5 260.3 421.7 234.7L421.7 413.4C421.7 446.5 411.6 478.8 392.7 506C373.8 533.2 347.1 554 316.1 565.6C285.1 577.2 251.3 579.1 219.2 570.9C187.1 562.7 158.3 545 136.5 520.1C114.7 495.2 101.2 464.1 97.5 431.2C93.8 398.3 100.4 365.1 116.1 336C131.8 306.9 156.1 283.3 185.7 268.3C215.3 253.3 248.6 247.8 281.4 252.3L281.4 342.2C266.4 337.5 250.3 337.6 235.4 342.6C220.5 347.6 207.5 357.2 198.4 369.9C189.3 382.6 184.4 398 184.5 413.8C184.6 429.6 189.7 444.8 199 457.5C208.3 470.2 221.4 479.6 236.4 484.4C251.4 489.2 267.5 489.2 282.4 484.3C297.3 479.4 310.4 469.9 319.6 457.2C328.8 444.5 333.8 429.1 333.8 413.4L333.8 64L421.8 64C421.7 71.4 422.4 78.9 423.7 86.2C426.8 102.5 433.1 118.1 442.4 131.9C451.7 145.7 463.7 157.5 477.6 166.5C497.5 179.6 520.8 186.6 544.6 186.6L544.6 274z'/%3E%3C/svg%3E") no-repeat center / contain;
}

.text-tiktok-bonus {
    background: linear-gradient(70deg,
            #E64AA2 0%,
            #B752E0 33%,
            #7076EA 66%,
            #2B9FDC 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}


.btn-nhan-tu-van-tiktok {
    background: linear-gradient(70deg,
            #E64AA2 0%,
            #B752E0 33%,
            #7076EA 66%,
            #2B9FDC 100%);
    color: #fff;
    border: none;
    transition: all 0.3s ease;
}




.icon-box-tiktok-ads .icon-inner {
    background: linear-gradient(135deg, #DD4BAD, #B653E4);

    width: 40px !important;
    height: 40px !important;
    border-radius: 10px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-right: 20px !important;
    transition: all 0.7s ease;

}

.icon-box-tiktok-ads .icon-inner svg {
    width: 26px !important;
    height: 26px !important;
    fill: #ffffff !important;
    color: #fff !important;
}


.col-gradient-tiktok>.col-inner {
    background: linear-gradient(70deg,
            #E64AA2 0%,
            #B752E0 33%,
            #7076EA 66%,
            #2B9FDC 100%);

    border-radius: 18px 18px 0 0;
}

.col-under-grad-tiktok>.col-inner {
    border-radius: 0 0 18px 18px;
}

.col-gian-hang {
    position: relative;
}

.col-gian-hang::before {
    content: "⭐ Phổ biến nhất";
    position: absolute;
    top: 2px;
    right: 17px;
    padding: 4px 10px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    background: #fff;
    color: #E64AA2;
    border-radius: 0px 15px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
    z-index: 2;
    white-space: nowrap;
}


.col-tiktok-shop-box-shadow {
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.col-tiktok-shop-box-shadow:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.12);
}

.tab-bang-gia-tiktok ul.nav.nav-pills {
    margin-bottom: 25px;
    display: flex;
    gap: 30px;
}



.tab-bang-gia-tiktok .nav-pills>li:not(.active):hover>a {

    color: #0F1729;
}

.tab-bang-gia-tiktok .nav-pills>li.active>a {
    background: linear-gradient(70deg,
            #E64AA2 0%,
            #B752E0 33%,
            #7076EA 66%,
            #2B9FDC 100%);
    color: #fff;

    box-shadow: 0 18px 28px rgba(0, 0, 0, 0.13);
    padding: 2px 30px;
}

.tab-bang-gia-tiktok .nav-pills>li.active:hover>a {
    background: linear-gradient(70deg,
            #E64AA2 0%,
            #B752E0 33%,
            #7076EA 66%,
            #2B9FDC 100%);
    color: #fff;
}

.col-growth .col-inner::before {
    content: "⭐ Phổ biến nhất";
    position: absolute;
    top: -11px;
    left: 50%;
    transform: translateX(-50%);
    padding: 4px 16px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.03em;
    color: #fff;
    background: linear-gradient(70deg,
            #E64AA2 0%,
            #B752E0 33%,
            #7076EA 66%,
            #2B9FDC 100%);
    border-radius: 999px;
    z-index: 3;
    box-shadow: unset;
}


.icon-box-growth .icon-inner {
    background: linear-gradient(70deg,
            #E64AA2 0%,
            #B752E0 33%,
            #7076EA 66%,
            #2B9FDC 100%);
    width: 55px !important;
    height: 55px !important;
    border-radius: 15px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-right: 20px !important;
    transition: all 0.7s ease;
}

.btn-nhan-tu-van-tiktok span {
    color: #fff;
    border: unset !important;
}


.section-first-video {
    position: relative;
    overflow: hidden;
}

.section-first-video::before {
    content: "";
    position: absolute;
    top: -20%;
    left: -5%;
    width: 520px;
    height: 520px;

    background: radial-gradient(ellipse at center,
            #D7E4F8 0%,
            rgba(215, 228, 248, 0.65) 35%,
            rgba(215, 228, 248, 0.35) 55%,
            rgba(215, 228, 248, 0) 75%);

    border-radius: 50%;
    filter: blur(6px);
    z-index: 0;
}

.section-first-video::after {
    content: "";
    position: absolute;
    top: -30%;
    right: 0%;
    width: 520px;
    height: 520px;

    background: radial-gradient(ellipse at center,
            #C7F0F9 0%,
            rgba(199, 240, 249, 0.6) 35%,
            rgba(199, 240, 249, 0.35) 55%,
            rgba(199, 240, 249, 0) 75%);

    border-radius: 50%;
    filter: blur(6px);
    z-index: 0;
}

.section-first-video .section-content {
    position: relative;
    z-index: 1;
}



.text-dich-vu-sx-video {
    display: inline-flex;
    align-items: center;
    padding: 12px 14px;
    border-radius: 999px;

    background: #3C83F6;
    color: #fff;
    margin-bottom: 15px;
}

.text-dich-vu-sx-video p {
    margin: 0;
    padding-left: 22px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    position: relative;
}

.text-dich-vu-sx-video p::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);

    width: 14px;
    height: 14px;

    background-color: #fff;

    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M128 128C92.7 128 64 156.7 64 192L64 448C64 483.3 92.7 512 128 512L384 512C419.3 512 448 483.3 448 448L448 192C448 156.7 419.3 128 384 128L128 128zM496 400L569.5 458.8C573.7 462.2 578.9 464 584.3 464C597.4 464 608 453.4 608 440.3L608 199.7C608 186.6 597.4 176 584.3 176C578.9 176 573.7 177.8 569.5 181.2L496 240L496 400z'/%3E%3C/svg%3E") no-repeat center / contain;

    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M128 128C92.7 128 64 156.7 64 192L64 448C64 483.3 92.7 512 128 512L384 512C419.3 512 448 483.3 448 448L448 192C448 156.7 419.3 128 384 128L128 128zM496 400L569.5 458.8C573.7 462.2 578.9 464 584.3 464C597.4 464 608 453.4 608 440.3L608 199.7C608 186.6 597.4 176 584.3 176C578.9 176 573.7 177.8 569.5 181.2L496 240L496 400z'/%3E%3C/svg%3E") no-repeat center / contain;
}

.text-top2 {
    display: inline-block;
    padding: 12px 14px;
    border-radius: 999px;

    background: linear-gradient(90deg, #C6F0F9, #C4EFF9);
}

.text-top2 p {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    color: #000;
}

.col-under-video p {
    margin-bottom: 0px;
}

.col-goi-video>.col-inner {
    border-radius: 18px 18px 0px 0px;
}


.icon-box-goi .icon-inner {
    width: 60px;
    height: 60px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: rgb(75 75 75 / 20%);
    border-radius: 50%;

    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

.icon-box-goi .icon-inner svg {
    width: 40px;
    height: 40px;
}

.col-price-video>.col-inner {
    border: 2px solid #F2F3F5;
    border-radius: 18px;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease;
    box-shadow: 0 14px 32px rgba(15, 23, 41, 0.12);

}


.col-price-video:hover>.col-inner,
.col-price-video:has(a.button:hover)>.col-inner {
    transform: scale(1.025);
    border-color: #9EC1FA;
    box-shadow: 0 14px 32px rgba(15, 23, 41, 0.12);
}


.col-price-video a.button {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.col-price-video a.button:hover {
    box-shadow: 0 6px 14px rgba(15, 23, 41, 0.15);
    transform: scale(1.025);
}

.col-goi-v2>.col-inner {
    border: 2px solid #3C83F6;
    border-radius: 18px;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease;
    box-shadow: 0 14px 32px rgba(15, 23, 41, 0.12);

}

.col-goi-v2 a.button:hover {
    box-shadow: 0 6px 14px rgba(15, 23, 41, 0.15);
    transform: scale(1.025);
}

.col-goi-v2 a.button {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.col-goi-v2:hover>.col-inner,
.col-goi-v2:has(a.button:hover)>.col-inner {
    transform: scale(1.025);
    box-shadow: 0 14px 32px rgba(15, 23, 41, 0.12);
}

.img-check img {
    filter: invert(42%) sepia(88%) saturate(1734%) hue-rotate(202deg) brightness(96%) contrast(92%);
}

.icon-box-phat-sinh .icon-box-img {
    width: 30px !important;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 18px;
    margin-right: 15px;
}

.icon-box-phat-sinh .icon-box-text.last-reset {
    padding-left: 0px;
}

#footer a, #footer a:hover {color : rgb(153, 157, 165)}
#footer .ux-menu-link__link {border: 0}



.eras-tab, .eras-tab button {
    display: flex;
    align-items: center;
    justify-content: center;
}

.eras-tab button svg {margin-right: 10px;}
.eras-tab button { text-transform: none; color: #000}
.eras-shopee.eras-active, .eras-shopee:hover {background: linear-gradient(180deg,rgba(247, 108, 28, 1) 0%, rgba(239, 71, 65, 1) 100%); border-radius: 10px; padding: 10px 20px}
.eras-facebook:hover, .eras-facebook.eras-active {background: linear-gradient(180deg,rgba(61, 124, 244, 1) 0%, rgba(78, 71, 229, 1) 100%); border-radius: 10px; padding: 10px 20px}
.eras-tiktok:hover, .eras-tiktok.eras-active {background: linear-gradient(180deg,rgba(175, 84, 238, 1) 0%, rgba(225, 69, 164, 1) 100%); border-radius: 10px; padding: 10px 20px}
.eras-video:hover ,.eras-video.eras-active {background: linear-gradient(180deg,rgba(225, 69, 164, 1) 0%, rgba(175, 84, 238, 1) 100%); border-radius: 10px; padding: 10px 20px}
button.eras-active, button:hover {color: #fff;}

@media only screen and (max-width: 48em) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/


}