/*
Theme Name: Wpvexa.com
Theme URI: https://wpvexa.com
Author: wpvexa.com
Author URI: https://wpvexa.com
Description: Theme Wordpress bán theme, plugin
Template: flatsome
Version: 1.0.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
/* muli-regular - latin-ext_vietnamese_latin */

/* Product Image Tools */

/* Scroll Down Button */


#preloader {
    display: none !important
}

.scroll-down {
    border-radius: 50%;
    text-align: center;
    transform: translateX(-50%);
    cursor: pointer;
    z-index: 9;
    text-decoration: none
}

.product-gallery-slider img,
.product-thumbnails img {
    border-radius: 25px
}

.scroll-down i {
    animation: bounce 2s infinite;
    font-size: 28px;
    color: #7dbd33;
    display: block
}

#top-link {
    bottom: 50px
}

@-webkit-keyframes bounce {

    0%,
    10%,
    20%,
    50%,
    80%,
    100% {
        transform: translateY(0)
    }

    40%,
    60% {
        transform: translateY(-15px)
    }
}

@keyframes bounce {

    0%,
    10%,
    20%,
    50%,
    80%,
    100% {
        transform: translateY(0)
    }

    40%,
    60% {
        transform: translateY(-15px)
    }
}

@-webkit-keyframes shine {
    100% {
        left: 125%
    }
}

@keyframes shine {
    100% {
        left: 125%
    }
}

.product-small .box-image::before,
.post-item .box-image::before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.3) 100%);
    transform: skewX(-25deg)
}

.product-small .box-image:hover::before,
.post-item .box-image:hover::before {
    -webkit-animation: shine .75s;
    animation: shine .75s
}

.widget .tagcloud a:hover {
    color: #fff !important
}

.tagcloud a {
    color: #d6d6d6
}

.tagcloud1 a {
    border: 1px solid;
    display: inline-block;
    font-size: .8em !important;
    margin: 0 3px 5px 0;
    opacity: .8;
    padding: 2px 5px;
    color: #2a83e9 !important;
    border-radius: 15px;
    border-color: #2a83e9
}

.host_khuyendung_div {
    border: 1px solid #eaeaea;
    margin-top: 6px
}

.host_khuyendung_div .icon-box-text p {
    font-size: 80%
}

.host_khuyendung_1 {
    border-right: 1px solid #eaeaea
}

.host_khuyendung_div .icon-box-img {
    width: 100% !important;
    height: 42px;
    border-bottom: 1px solid #eaeaea
}

.host_khuyendung_div .icon-box-img img {
    width: 60px
}

.ma-uu-dai-inner {
    padding: 10px 10px 5px;
    background: #fff;
    filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.15));
    border-radius: 5px;
    position: relative
}

.ma-uu-dai-inner:before {
    content: "";
    position: absolute;
    top: 0;
    left: -5px;
    height: 100%;
    width: 10px;
    background: repeating-linear-gradient(#e5e5e5, #e5e5e5 5px, transparent 0, transparent 9px, #e5e5e5 0, #e5e5e5 10px) 0 / 1px 100% no-repeat, radial-gradient(circle at 0 7px, transparent, transparent 2px, #e5e5e5ee 0, #e5e5e5 3px, rgb(255, 255, 255) 0) 1px 0 / 100% 10px repeat-y;
    background-clip: padding-box;
    color: var(--coupon-code-background)
}

.ma-uu-dai-inner .title {
    font-size: 14px;
    font-weight: 700;
    text-align: left
}

.ma-uu-dai-inner p.excerpt {
    font-size: 9px;
    margin-bottom: 10px;
}

.ma-uu-dai-inner p.action {
    margin-bottom: 0
}

.header-bottom {
    background-image: linear-gradient(to right, #000, #000)
}

.header-bottom-nav>li>a {
    line-height: 16px;
    font-size: 16px
}

.header-nav-main .account-item.has-icon a.account-link,
.header-nav-main .cart-item.has-icon .header-cart-link {
    border-color: var(--primary-color);
    color: var(--primary-color)
}

.header-nav-main .account-item.has-icon:hover a.account-link,
.header-nav-main .cart-item.has-icon:hover .header-cart-link {
    color: #fff
}

.header-main .header-button>.button:not(.is-outline) {
    background-color: transparent !important
}

.header-button .is-outline {
    color: #020202;
    text-transform: none;
    font-weight: 400;
    font-size: 14px;
    padding-top: 2px
}

.header-button .is-outline:hover {
    color: #fff
}

.nav-dropdown-default {
    border: none;
    padding: 0
}

.nav-dropdown-default li a {
    font-size: 15px;
    color: #000
}

.nav-dropdown-default li a:hover {
    color: #e11088
}

.header-search-form-wrapper input[type='search'] {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    height: 43px;
    box-shadow: none;
    border: 2px solid #fff
}

.header-search-form-wrapper .searchform .button.icon {
    height: 43px;
    width: 70px;
    background-image: linear-gradient(to right, #939393, #939393);
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

.entry-header-text {
    padding: 0
}

.entry-content {
    padding: 1em 0 .5em
}

.entry-content h2 {
    color: #424552;
    height: 100%;
    background: linear-gradient(273deg, rgb(255, 255, 255) 0%, #eff8ff 100%);
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: 0;
    margin-top: 25px !important;
    margin-bottom: 16px !important;
    border-radius: 10px;
    padding-left: 15px
}

.entry-content h3 {
    font-weight: 600
}

.entry-header-text h1 {
    color: #424552;
    font-size: 36px;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 25px
}

.term-description h2 {
    color: #0a0a0a;
    height: 100%;
    background: linear-gradient(270deg, rgba(215, 237, 255, 0.00) 0%, #e8f5ff 100%);
    padding-left: 10px;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: 0;
    margin-top: 25px !important;
    margin-bottom: 16px !important;
    border-radius: 15px
}

blockquote {
    font-size: 14px;
    margin-bottom: 20px !important
}

.shop-page-title .page-title-inner {
    padding-top: 10px;
    padding-bottom: 0
}

.page-title-inner {
    padding-top: 20px;
    padding-bottom: 20px
}

.shop-page-title {
    background: #f9f9fb
}

.page-title-inner .flex-grow {
    text-align: center
}

h1.entry-title.mb {
    margin-bottom: 15px;
    text-transform: none;
    letter-spacing: 0
}

.page-wrapper {
    padding-top: 22px;
    padding-bottom: 10px
}

.tab-sp-noi-bat ul {
    margin-top: 10px
}

.tab-sp-noi-bat li a {
    font-size: 13px;
    margin: 0 0 5px 7px;
    float: left;
    display: block;
    line-height: 26px;
    background: #eee;
    color: #333 !important;
    padding: 0 9px;
    border-radius: 3px;
    font-weight: 600
}

.tab-sp-noi-bat li a:hover,
.tab-sp-noi-bat li.active a {
    color: #fff !important;
    background: linear-gradient(135deg, #012245 0%, #e41886 100%)
}

.carousel-nav .flickity-viewport .flickity-slider {
    padding: 6px !important
}

.carousel-nav .flickity-viewport .flickity-slider .col.is-selected {
    border-top: 1px solid var(--primary-color)
}

.carousel-nav.TextCaptions {
    padding: 0 !important
}

.TextCaptions .item.is-selected {
    color: #ea0e86
}

.TextCaptions .item {
    font-size: 12px;
    border-right: 1px solid #e9e9e9 !important;
    width: 20%
}

.TextCaptions .item:last-child {
    border-right: none !important
}

.TextCaptions {
    border: 1px solid #e9e9e9;
    padding: 5px !important
}

.badge-container {
    margin: 20px;
    left: auto;
    right: 0
}

.badge.absolute.top.post-date.badge-outline {
    display: none !important
}

.sort_giuseart a {
    font-size: 13px;
    padding: 3px 5px 2px;
    border-radius: 5px;
    background: #eef7ff;
    margin-left: 16px
}

.badge-inner {
    border-radius: 99%;
    font-weight: 400
}

.checkout-breadcrumbs a.current,
.checkout-breadcrumbs a:hover {
    color: var(--primary-color)
}

#breadcrumbs {
    margin-bottom: 10px;
    font-size: 15px
}

.vi-header {
    border-bottom: 1px solid #012245
}

.pull-right {
    float: right;
    margin-right: 0 !important
}

.vi-right-link a {
    color: #fff;
    font-size: 13px;
    background-color: #012245;
    padding: 2px 5px 4px;
    border-radius: 5px;
    margin-left: 15px
}

.vi-right-link a:first-child {
    margin-left: 0
}

.vi-right-link a.vi-more,
.vi-right-link a:hover {
    color: #fff
}

.vi-right-link a.vi-more:after {
    content: "";
    font-family: FontAwesome;
    margin-left: 4px
}

.vi-left-title-2 {
    width: auto;
    font-size: 20px;
    position: relative;
    margin: 0
}

.vi-left-title-2 a {
    color: #fff
}

.container-ef1 {
    display: flex;
    justify-content: center;
    max-width: 1000px;
    margin: 0 auto;
    align-items: center
}

.text1 {
    position: relative;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .3em;
    font-weight: 700;
    padding: 5px
}

.text1 span {
    color: #fff;
    mix-blend-mode: difference
}

.text1:before {
    content: "";
    position: absolute;
    top: 0;
    width: 60px;
    height: 100%;
    background: #0000006e;
    animation: thangcover 4s linear infinite
}

@keyframes thangcover {
    0% {
        left: 0
    }

    50% {
        left: calc(100% - 60px)
    }

    100% {
        left: 0
    }
}

.absolute-footer {
    border-top: 1px solid #022245;
    font-size: 14px
}

.copyright-footer p,
.copyright-footer h4 {
    margin-bottom: 0
}

.footer-secondary {
    padding: 0
}

.footer-section .col {
    padding-bottom: 0
}

.khuyen-mai-combo ul li {
    position: relative;
    list-style-type: none
}

.khuyen-mai-combo ul li::before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    margin-right: 5px;
    background: url(/wp-content/uploads/2024/09/checked-light-_1_.png) no-repeat;
    background-size: cover
}

.pricing-table .items {
    padding: 5px 3%
}

.nut-gan-link button {
    font-size: 17px;
    border: none;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
    background: #1e90ff;
    color: #fff;
    border-radius: 4px
}

.nut-gan-link button:hover {
    background: linear-gradient(90deg, rgba(30, 144, 255, 1) 0%, rgba(0, 212, 255, 1) 100%)
}

.nut-gan-link button:active {
    transform: translate(0, 0.2em)
}

.button.icon.circle,
.button.icon.round {
    background-color: #02376c
}

a.sao_chep {
    border: none;
    padding: .1px 10px;
    border-radius: 999px;
    margin-bottom: 3px;
    background: #cd3344 !important;
    font-weight: 400;
    font-size: 12px;
    color: #fff;
    cursor: pointer;
    display: inline-block
}

.button-dieu-kien {
    font-size: 12px;
    color: #2e72d2;
    cursor: pointer;
    margin-bottom: 3px;
    background: transparent !important;
    border: none;
    box-shadow: none
}

.button-ma-giam-gia {
    padding: 0 1em;
    border: none;
    font-weight: 700;
    cursor: pointer;
    text-shadow: 2px 2px 3px rgba(136, 0, 136, 0.5);
    background: linear-gradient(15deg, #808, #aa2068, #cc3f47, #de6f3d, #f09f33, #de6f3d, #cc3f47, #aa2068, #808) no-repeat;
    background-size: 300%;
    background-position: left center;
    transition: background .3s ease;
    color: #fff;
    width: 100%
}

.button-ma-giam-gia:hover {
    background-size: 320%;
    background-position: right center
}

.button-ma-giam-gia:hover svg {
    fill: #fff
}

.button-ma-giam-gia svg {
    width: 23px;
    fill: #f09f33;
    transition: fill .3s ease;
    padding-right: 5px
}

.buy_now_button {
    margin-bottom: 0;
    margin-right: 0;
    width: 48%;
    display: inline-block;
    float: right;
    text-transform: none;
    letter-spacing: 0;
    font-size: 13px;
    padding: 10px 15px;
    border-radius: 25px;
    background-color: #2f80ed;
    color: #fff;
    border-color: #2f80ed
}

.single_add_to_cart_button {
    margin-bottom: 0;
    width: 49%;
    float: left;
    text-transform: none;
    letter-spacing: 0;
    font-size: 13px;
    border-radius: 25px;
    padding: 10px 15px;
    background-color: #f9f9fb !important;
    color: #2a83e9;
    border-color: #2a83e9
}

.single_add_to_cart_button:hover {
    background-color: #2a83e9 !important;
    color: #fff !important;
    border-color: #2a83e9 !important;
    cursor: pointer
}

a.devvn_buy_now_style {
    margin-bottom: 0;
    font-size: 13px;
    text-transform: none;
    background-image: linear-gradient(to right, #538ac6, #e41886);
    padding: 10px 15px;
    border-radius: 25px
}

a.devvn_buy_now_style:hover,
a.devvn_buy_now_style:focus {
    background: linear-gradient(to right, #e41886, #538ac6)
}

.devvn_buy_now.devvn_buy_now_style {
    max-width: 100%;
    width: 100%
}

.devvn-popup-title,
.devvn-order-btn {
    background: var(--primary-color) !important;
    text-transform: none
}

.success-color {
    color: #fff;
    background: #8BC34A;
    border-radius: 4px;
    padding: 7px 20px;
    font-size: 15px
}

.product-small .box-text-products {
    padding-top: 10px !important;
    margin-left: 10px !important;
    margin-right: 10px !important
}

.shop-container .products .product-small.col {
    padding: 0 5px 10px !important
}

.button-continue-shopping,
.button.primary.mt-0.pull-left,
.cart_totals .button,
#payment button {
    border-radius: 5px;
    text-transform: none
}

a.back-to-top {
    background: #e41984 !important;
    border: none !important;
    color: #fff
}

.nen-lien-he {
    background-image: url(/wp-content/uploads/2019/11/yellow-pattern-1.png)
}

.article-inner.has-shadow .entry-header-text-top {
    padding-top: 1em
}

.article-inner.has-shadow .author-box,
.article-inner.has-shadow .entry-content,
.article-inner.has-shadow .entry-header-text,
.article-inner.has-shadow footer.entry-meta {
    padding-left: .8em;
    padding-right: .8em
}

blockquote,
dl,
figure,
form,
ol,
p,
pre,
ul {
    margin-bottom: .5em
}

#main {
    background-color: #f9f9fb
}

.term-description {
    background: #fff;
    padding: 10px;
    border-radius: 12px
}

.row-small>.col,
.row-small>.flickity-viewport>.flickity-slider>.col {
    padding: 0 5.6px 15px
}

@media (min-width: 1024px) {

    .row-small>.col,
    .row-small>.flickity-viewport>.flickity-slider>.col {
        padding: 0 5px 10px
    }
}

.row .container {
    padding-bottom: 15px
}

.row-info .left {
    width: 72%;
    float: left;
    display: inline-block
}

.row-info .right {
    padding-left: 15px;
    width: 28%;
    float: left;
    display: inline-block
}

.posted-on {
    margin-right: 10px
}

.entry-meta i {
    margin-right: 0
}

.row.category-page-row .col {
    padding: 0 25px 0 0 !important
}

.category-page-row .sidebar-inner {
    background: #fff;
    padding: 10px
}

.widget_price_filter .price_slider_amount .button {
    background-color: #012245;
    border-radius: 10px;
    font-size: 10px
}

.sort_giuseart {
    margin-top: 0;
    margin-bottom: 10px;
    background: #fdfdfd;
    padding: 10px 0 5px
}

.range-check input {
    margin-bottom: 0 !important
}

.sort_giuseart form {
    margin-bottom: 0 !important;
    font-size: 14px
}

.category-page-row {
    padding: 10px
}

.row2 .row-info {
    display: inline-block;
    width: 100%;
    clear: both
}

.row2 .row-info .cot1 {
    text-align: center;
    padding-right: 15px;
    float: left;
    display: inline-block
}

.row2 .row-info .cot2 {
    float: left;
    display: inline-block;
    width: 34%
}

.row2 .row-info .cot3 {
    float: left;
    display: inline-block;
    padding-left: 15px
}

.col,
.columns,
.gallery-item {
    padding: 0 15px 10px
}

.product-section {
    margin: 0;
    border-top: 0
}

.single-product .related h3 {
    margin-bottom: 15px;
    text-transform: none;
    letter-spacing: 0
}

.product-footer .woocommerce-tabs {
    padding: 0;
    border-top: 0
}

.single-product .woocommerce-tabs .tab-panels {
    font-size: 14.9px;
    padding: 10px;
    border: 1px solid #0000001f;
    font-size: 14.9px;
    padding: 10px;
    border: 1px solid #f9f9fb;
    border-radius: 25px
}

.product-thumbnails a {
    background-color: #f9f9fb;
    border: none
}

.nav-tabs>li>a {
    border-color: #2a83e9;
    background: #f9f9fb;
    font-size: 15px;
    text-transform: none;
    font-weight: 600;
    border-radius: 25px;
    margin-bottom: 20px;
    padding: 8px 20px;
    transition: all .3s ease;
    border: 1px solid #e5e5e5;
    color: #3a3a3a
}

.single-product .product-info {
    padding-right: 15px
}

.single-product .product-info .breadcrumbs {
    text-transform: none;
    font-size: 14px
}

.single-product .product-info .product-title {
    margin-bottom: 15px;
    font-size: 25px;
    font-weight: 700;
    color: #555
}

.single-product .product-info .price,
.single-product .product-info .price del span {
    font-size: 14px;
    color: gray
}

.single-product .product-info .price span.amount,
.single-product .product-info .price ins span {
    font-size: 23px !important;
    color: #f92e33 !important;
    font-weight: 700
}

.star-rating span:before {
    color: #FFC107
}

.single-product form.cart {
    display: inline-block;
    width: 100%;
    margin-bottom: 0
}

.single-product #product-sidebar {
    padding-bottom: 0;
    padding-left: 20px
}

.product-main {
    padding: 30px 0 10px
}

.product-footer {
    margin-top: 20px
}

.san-pham-section .col.large-12,
.tin-tuc-section .col.large-12,
.banner-section .col {
    padding-bottom: 0
}

.product-small .image-none img {
    border-radius: 5px 5px 0 0
}

.product-small .box-text {
    width: auto
}

.product-small.box {
    background: #fff;
    border-radius: 5px
}

.product-small.box .product-title {
    height: 40px;
    overflow: hidden;
    margin-bottom: 9px
}

.product-small.box .product-title a {
    color: #000
}

.product-small.box .product-title a:hover {
    color: #1e73be
}

.product-small.box .category {
    color: #000;
    padding: 3px;
    border: 1px solid #adadad;
    border-radius: 5px;
    background: #f1f1f1;
    margin: 0 15px 7px
}

.product-small.box .price,
.product-small.box .price del span {
    color: gray;
    font-size: 15px
}

.product-small.box .price span.amount,
.product-small.box .price ins span {
    font-size: 16px !important;
    font-weight: 400;
    color: #f92e33 !important
}

.related .product-small.box .box-text {
    padding: 15px 10px
}

.related .product-small.box .product-title a {
    margin-bottom: 6px
}

.related .product-small.box .price ins span,
.related .product-small.box .price span.amount {
    font-size: 16px;
    font-weight: 400
}

.sort_giuseart {
    display: flex;
    margin-top: 5px;
    justify-content: flex-start
}

.sort_giuseart form {
    padding: 0 0 0 10px
}

.sort_giuseart .pt-checkbox {
    margin-right: 5px
}

.widget_price_filter span {
    color: #3d3d3d
}

#custom_html-10 {
    margin-bottom: 10px
}

#devvn_woocommerce_price_filter-2 {
    margin-bottom: 13px
}

.woocommerce-ordering select {
    font-size: 14px
}

.label-new.menu-item>a:after {
    background-color: #e41818
}

.nav-pagination>li>a,
.nav-pagination>li>span {
    border: 1px solid;
    border-radius: 15px !important;
    display: block;
    font-size: 1em !important;
    font-weight: bolder;
    height: 2.25em;
    line-height: 2em;
    min-width: 2.25em;
    padding: 0 7px;
    text-align: center;
    transition: all .3s;
    vertical-align: top;
    width: auto
}

.ux-menu-link__icon+.ux-menu-link__text {
    padding-left: .1em;
    font-size: 14px
}

.aiosrs-rating-wrap {
    background: #fff;
    padding-left: 10%
}

.panel.entry-content.active {
    padding-left: 10px
}

.box-shadow-1,
.box-shadow-1-hover:hover,
.row-box-shadow-1 .col-inner,
.row-box-shadow-1-hover .col-inner:hover {
    box-shadow: none !important
}

.flex-row.form-flat .flex-col,
.form-flat .flex-row .flex-col {
    margin-bottom: 0
}

.woocommerce-input-wrapper input {
    font-size: 14px;
    border-radius: 5px;
    box-shadow: none
}

p.form-row-first,
p.form-row-last {
    width: 100%
}

.banner-tren {
    background: #002853;
    text-align: center
}

.banner-tren img {
    max-width: 100%;
    transition: transform .3s;
    width: 1190px
}

.banner-tren:hover img {
    transform: scale(1.05)
}

.header-main .header-button>.button:not(.is-outline) {
    background-color: #02376c !important
}

.blog-archive .post-item .post-title {
    overflow: hidden;
    font-size: 16px;
    margin-bottom: 10px
}

.blog-archive .post-item .from_the_blog_excerpt {
    height: 40px;
    overflow: hidden
}

.blog-archive .post-item .box-text {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 10px;
    background: #fff
}

.blog-archive .post-item .post-title:hover {
    color: #E91E63;
    text-decoration: underline
}

.blog-archive .post-item .box-image {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.blog-archive {
    background: #f7f7f7
}

.blog-archive .archive-page-header .large-12 {
    text-align: left;
    padding-bottom: 0
}

.blog-archive h1.page-title {
    text-transform: none;
    letter-spacing: 0;
    font-size: 23px
}

.blog-single .entry-header .entry-meta {
    font-size: 13px !important;
    letter-spacing: 0;
    text-transform: none;
    color: gray !important;
    background: none;
    border-top: none !important;
    padding: 0 !important
}

.blog-single .entry-meta {
    text-transform: none;
    font-size: 14px;
    letter-spacing: 0;
    color: gray;
    border-top: 1px solid #e2e2e2;
    padding: 10px;
    background: #f9f9f9
}

.blog-single .article-inner .badge.post-date {
    top: 4%;
    left: 2%
}

.blog-single .blog-share {
    text-align: left
}

.blog-single .large-3 {
    padding-left: 0
}

.entry-header .is-divider {
    background-color: var(--primary-color) !important
}

.comment-respond {
    margin: 0 auto;
    padding: 20px;
    background: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 8px
}

.comment-reply-title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #333
}

.comment-reply-title small a {
    color: red;
    font-size: 14px;
    text-decoration: underline;
    margin-left: 10px
}

.comment-notes {
    font-size: 14px;
    color: #555;
    margin-bottom: 15px
}

.comment-form label {
    font-weight: 700;
    font-size: 15px;
    color: #333
}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea {
    width: 100%;
    padding: 10px;
    margin: 5px 0 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
    color: #333
}

.comment-form textarea {
    resize: vertical;
    min-height: 150px
}

.comment-form input[type="checkbox"] {
    margin-right: 8px
}

.form-submit .submit {
    background-color: #4caf50;
    color: #fff;
    font-size: 16px;
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color .3s
}

.form-submit .submit:hover {
    background-color: #45a049
}

.comment-form a {
    color: #0073aa;
    text-decoration: none
}

.comment-form a:hover {
    text-decoration: underline
}

.comment-form-comment,
.comment-form-author,
.comment-form-email,
.comment-form-url,
.comment-form-cookies-consent {
    margin-bottom: 15px
}

.devvn_prod_cmt {
    max-width: 100%
}

.xem-them {
    background-color: #f9f9f9;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    margin: 20px auto
}

.xem-them .tieu-de-xem-them {
    font-weight: 700;
    display: block;
    margin-bottom: 10px;
    font-size: 19px;
    color: #000
}

.xem-them ul {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.xem-them ul li {
    margin-bottom: 3px
}

.xem-them ul li a {
    font-weight: 600;
    font-size: 14.9px;
    color: #3f58ce;
    text-decoration: none;
    transition: color 0.3s, padding-left .3s;
    display: inline-block;
    padding-left: 5px;
    border-left: 3px solid transparent
}

.xem-them ul li a:hover {
    color: #005a87;
    padding-left: 10px;
    border-left: 3px solid #0073aa
}

.mejs-overlay {
    background: rgba(0, 0, 0, 0.6)
}

.section-title-normal {
    border-bottom: 2px solid #f4693f29
}

.section-title-normal span {
    margin-right: 15px;
    padding-bottom: 6px;
    border-bottom: 0;
    margin-bottom: 0;
    text-transform: none;
    font-size: 18px
}

.section-title-container {
    margin-bottom: 0
}

.widget_price_filter .ui-slider-horizontal .ui-slider-range {
    height: 4px
}

.widget_price_filter .ui-slider .ui-slider-handle {
    background-color: #012245;
    height: 12px;
    top: -3px;
    width: 12px
}

span.widget-title {
    font-size: 20px;
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0;
    display: block;
    margin-bottom: 10px;
    color: #272727;
    padding-bottom: 6px
}

.widget .is-divider {
    display: none
}

.tieu-chi-section .icon-box {
    background: #fff;
    border: 1px solid #eaecf0;
    padding: 6px;
    border-radius: 25px
}

.tieu-chi-section .icon-box .icon-box-text {
    font-size: 15px;
    padding-top: 12px
}

.tieu-chi-section .icon-box h3 {
    margin-bottom: 0;
    font-size: 16px;
    color: #eb0e86
}

.tieu-chi-section .col {
    padding-bottom: 0
}

.tieu-chi-section .row2 {
    background: #fff
}

.list-post-ngang {
    border: 1px solid #e9e9e9;
    margin: 0 !important;
    background: #fff;
    padding: 8px
}

.list-post-ngang .post-item {
    border-bottom: 1px dashed #f4f4f4;
    padding: 7px 10px !important
}

.list-post-ngang .post-item:last-child {
    border-bottom: none
}

.list-post-ngang .post-item .box-text {
    padding: 0;
    padding-left: 10px
}

.list-post-ngang .post-item .post-title {
    margin: 0;
    font-size: 14px;
    font-weight: 400
}

.list-post-ngang .post-item .post-title:hover {
    color: #e31587
}

.list-post .post-item .box-text {
    padding: 0;
    padding-top: 10px;
    text-align: left
}

.list-post .post-item .post-title {
    font-size: 16px;
    height: 60px;
    overflow: hidden;
    margin-bottom: 6px
}

.list-post .post-item .post-title:hover {
    color: #e21586
}

.list-post .post-item .from_the_blog_excerpt {
    margin: 0;
    font-size: 14px;
    height: 41px;
    overflow: hidden
}

.list-post .post-item .from_the_blog_comments {
    display: none
}

.list-post .post-item .box-image {
    border-radius: 5px
}

.tin-tuc-section .list-post-ngang .post-item {
    padding: 8px 10px !important
}

.tin-tuc-section .list-post-ngang .post-item .post-title {
    font-size: 15px;
    font-weight: 500
}

.box-blog-post .is-divider {
    display: none
}

.slider-section .section-title-normal {
    margin-bottom: 0
}

.slider-section .col {
    padding-bottom: 0
}

.thong-bao {
    background: #DCEDC8;
    padding: 10px;
    margin: 8px 0 10px;
    border-radius: 4px;
    font-size: 14px;
    color: #2E7D32
}

.thong-bao ul {
    margin-bottom: 0
}

.khoi-box .box-title {
    background: #f57c00;
    font-size: 14px;
    text-align: center;
    color: #fff
}

.khoi-box .box-title label {
    margin-bottom: 0;
    text-transform: none;
    color: #fff;
    font-size: 17px
}

.khoi-box ul li {
    margin-bottom: 0;
    font-size: 14px;
    list-style: none
}

.khoi-box ul.list-star {
    text-align: left;
    padding: 10px;
    margin-bottom: 0
}

.cot1 .khoi-box {
    border-radius: 6px;
    border: 1px solid #ffa000
}

.cot1 .nut-dang-ky {
    background: #F57C00
}

.cot2 .khoi-box {
    text-align: center;
    border: 1px solid #ff1414
}

.cot2 .khoi-box .box-title {
    background: #eb0000
}

.cot2 .nut-dang-ky {
    background: #8BC34A
}

.cot3 .khoi-box {
    text-align: center;
    border: 1px solid #f4d036;
    border-radius: 6px
}

.cot3 .khoi-box .box-title {
    background: url(/wp-content/uploads/2019/11/yellow-pattern-1.png)
}

.cot3 .khoi-box .box-info {
    padding: 10px 0 3px;
    font-size: 14px
}

.cot3 .khoi-box .box-info h4 {
    color: #e31585
}

.nut-dang-ky {
    background: #FFA000;
    padding: 8px 15px;
    text-align: center;
    color: #fff;
    border-radius: 22px;
    font-size: 15px;
    font-weight: 500
}

.nut-dang-ky:hover {
    color: #fff;
    box-shadow: 2px 5px 7px #0000002e
}

.rank-math-breadcrumb a {
    color: #757885;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400
}

#block_widget-2 .icon-box {
    background: #fff;
    margin-bottom: 10px
}

.product-short-description p {
    margin-bottom: 25px !important
}

.product-short-description {
    margin-bottom: 10px !important;
    font-size: 14px
}

#block_widget-2 .icon-box:hover {
    background: #fff
}

#block_widget-2 .icon-box .icon-box-text {
    padding-left: 0;
    font-size: 13px
}

#block_widget-2 .icon-box h4 {
    font-size: 14px;
    margin-bottom: -2px;
    padding-top: 3px
}

.thong-tin-ky-thuat {
    padding: 5px;
    background: #fff;
    margin: 10px auto;
    border-radius: 10px
}

.thong-tin-ky-thuat .row-info {
    display: inline-block;
    clear: both;
    width: 100%;
    padding: 5px 0;
    border-bottom: 1px dashed #eaeaea;
    font-size: 14px
}

.thong-tin-ky-thuat .row-info .left {
    width: 70%;
    display: inline-block;
    float: left
}

.thong-tin-ky-thuat .row-info .right {
    text-align: center;
    width: 30%;
    display: inline-block;
    background: #f3f3f3de;
    border-radius: 15px
}

.thong-tin-ky-thuat .row-info .right:hover {
    background: #8bc34a;
    color: #fff
}

.thong-tin-ky-thuat .row-info .right:hover a {
    color: #fff !important
}

.thong-tin-ky-thuat a {
    padding: 4px 10px;
    border-radius: 4px;
    color: #3c3c3c;
    width: 100%;
    display: contents
}

.product-summary .quantity {
    display: none
}

#nut-buy {
    border: 1px solid #f9f9fb;
    padding: 15px;
    text-align: center;
    background-color: #fff;
    border-radius: 25px
}

#nut-buy img {
    margin-bottom: 10px;
    border-radius: 20px
}

#nut-buy h3 {
    font-size: 16px
}

#nut-buy .price {
    margin-bottom: 10px
}

#nut-buy .price .ins {
    color: #E91E63;
    font-size: 18px;
    margin-left: 10px
}

#nut-buy p,
#nut-buy ul {
    font-size: 13px;
    color: gray;
    text-align: justify
}

#nut-buy p.des {
    text-align: center;
    color: #FF9800
}

#nut-buy ul li {
    margin-bottom: 0
}

.nav-tabs>li.active>a {
    border: 1px solid #bbddfd;
    background-color: #f1f8fe;
    color: #2a83e9
}

#nut-buy a.demo_btn,
.box-live-demo .right a {
    font-size: 13px;
    width: 100%;
    display: block;
    background: #71ab2e !important;
    color: #fff;
    padding: 5px 15px;
    border-radius: 25px
}

#nut-buy a.demo_btn {
    margin-bottom: 6px
}

.box-live-demo {
    margin-top: 15px;
    width: 100%;
    display: inline-block;
    clear: both
}

.box-live-demo .left {
    width: 49%;
    float: left;
    display: inline-block;
    text-align: center
}

.box-live-demo .left a {
    font-size: 15px;
    background: #888;
    width: 100%;
    border-radius: 4px;
    display: block;
    padding: 6px 10px;
    color: #fff
}

.box-live-demo .left a:hover {
    background: #757575
}

.box-live-demo .right {
    width: 49%;
    display: inline-block;
    text-align: center
}

.box-live-demo .right a:hover {
    background: #5d9220
}

.fa,
.far {
    padding-right: 12px
}

.fa.fa-credit-card {
    margin-right: 0 !important
}

.product_list_widget li a,
.recent-blog-posts a {
    font-size: 15px
}

.product_list_widget span.amount {
    color: #e80000
}

ul.product_list_widget li img {
    border-radius: 99%
}

.product_list_widget,
.flatsome_recent_posts ul {
    padding: 10px;
    background: #fff;
    border-radius: 12px
}

.usage-section-digitalmarketing24h {
    --dm24h-bg: radial-gradient(1200px 600px at 10% 10%, rgba(0, 255, 194, .08), transparent 60%), radial-gradient(900px 500px at 90% 20%, rgba(0, 157, 255, .07), transparent 60%), linear-gradient(180deg, #0b1420 0%, #08111a 100%);
    --dm24h-card: rgba(255, 255, 255, .06);
    --dm24h-card-hover: rgba(255, 255, 255, .12);
    --dm24h-border: rgba(255, 255, 255, .14);
    --dm24h-text: #e8f1ff;
    --dm24h-sub: #b7c6d9;
    --dm24h-accent2: #38b6ff;
    color: var(--dm24h-text);
    background: var(--dm24h-bg);
    padding: clamp(40px, 5vw, 72px) 18px;
    position: relative;
    overflow: hidden
}

.container-digitalmarketing24h {
    width: min(1200px, 100% - 36px);
    margin-left: auto !important;
    margin-right: auto !important;
    display: block
}

.heading-wrap-digitalmarketing24h {
    text-align: center;
    margin-bottom: clamp(28px, 4vw, 48px)
}

.heading-badge-digitalmarketing24h {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .4rem .8rem;
    border: 1px solid var(--dm24h-border);
    border-radius: 999px;
    font-size: .9rem;
    letter-spacing: .3px;
    background: linear-gradient(90deg, rgba(0, 255, 208, .12), rgba(56, 182, 255, .12));
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .06) inset
}

.heading-title-digitalmarketing24h {
    font-size: clamp(26px, 3.5vw, 40px);
    line-height: 1.15;
    margin: 30px 0 20px;
    font-weight: 800;
    letter-spacing: .2px;
    background: linear-gradient(90deg, #bfefff, #7be9d6, #a6d1ff);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent
}

.heading-sub-digitalmarketing24h {
    max-width: 100%;
    margin: 0 auto;
    color: var(--dm24h-sub);
    font-size: clamp(14px, 1.7vw, 16px)
}

.video-shell-digitalmarketing24h {
    position: relative;
    margin: 26px auto 40px;
    max-width: 900px;
    border-radius: 18px;
    overflow: hidden;
    background: linear-gradient(180deg, rgba(255, 255, 255, .04), rgba(255, 255, 255, .02));
    border: 1px solid var(--dm24h-border);
    box-shadow: 0 20px 70px rgba(0, 0, 0, .35), 0 0 0 1px rgba(255, 255, 255, .04) inset
}

.video-frame-digitalmarketing24h {
    aspect-ratio: 16/9;
    width: 100%;
    position: relative;
    isolation: isolate
}

.video-frame-digitalmarketing24h iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
    border-radius: 16px
}

.video-glow-digitalmarketing24h {
    position: absolute;
    inset: auto 0 -40px 0;
    height: 90px;
    filter: blur(30px);
    background: radial-gradient(70% 140% at 50% 0%, rgba(0, 255, 208, .35), rgba(56, 182, 255, .25), transparent 70%);
    pointer-events: none
}

.services-grid-digitalmarketing24h {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    margin-top: 50px
}

.service-card-digitalmarketing24h {
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    padding: 14px;
    border-radius: 14px;
    color: var(--dm24h-text);
    background: linear-gradient(180deg, var(--dm24h-card), rgba(255, 255, 255, .02));
    border: 1px solid var(--dm24h-border);
    position: relative;
    transition: transform .2s ease, border-color .2s ease, background .2s ease, box-shadow .2s ease;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .04) inset
}

.service-card-digitalmarketing24h:hover {
    transform: translateY(-3px);
    border-color: rgba(56, 182, 255, .45);
    background: linear-gradient(180deg, var(--dm24h-card-hover), rgba(255, 255, 255, .04));
    box-shadow: 0 10px 30px rgba(0, 157, 255, .18);
    color: var(--dm24h-text)
}

.service-ico-digitalmarketing24h {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    flex: 0 0 38px;
    border-radius: 10px;
    background: linear-gradient(135deg, rgba(0, 255, 208, .18), rgba(56, 182, 255, .18));
    border: 1px solid rgba(255, 255, 255, .18)
}

.service-ico-digitalmarketing24h img {
    width: 74%;
    height: 74%;
    object-fit: contain;
    display: block
}

.service-txt-digitalmarketing24h {
    font-weight: 600;
    letter-spacing: .2px;
    line-height: 1.1
}

.usage-section-digitalmarketing24h p:empty {
    display: none
}

.usage-section-digitalmarketing24h br {
    display: none !important
}

.hero-digitalmarketing24h br {
    display: none !important
}

.hero-digitalmarketing24h p:empty {
    display: none
}

@media (max-width:640px) {
    .service-card-digitalmarketing24h {
        padding: 12px
    }

    .service-ico-digitalmarketing24h {
        width: 34px;
        height: 34px
    }
}

.hero-digitalmarketing24h br {
    display: none !important
}

.hero-digitalmarketing24h p:empty {
    display: none
}

.hero-digitalmarketing24h {
    --bg: #0b0c0e;
    --txt: #e8ecf1;
    --muted: #a7b0bd;
    --primary: #00eaff;
    --secondary: #ff4fd8;
    --card: rgba(255, 255, 255, .05);
    --stroke: rgba(255, 255, 255, .12);
    --shadow: 0 10px 30px rgba(0, 0, 0, .35);
    --radius: 18px;
    font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
    background: radial-gradient(1200px 400px at 70% 85%, rgba(0, 255, 120, .14), transparent), radial-gradient(1000px 500px at 10% -10%, rgba(0, 234, 255, .12), transparent), var(--bg);
    color: var(--txt);
    padding: 64px 0 100px
}

.wrap-digitalmarketing24h {
    max-width: 1380px;
    margin: auto;
    display: grid;
    grid-template-columns: 1.1fr .9fr;
    gap: 48px;
    align-items: center;
    padding: 0 20px
}

.badge-top-digitalmarketing24h {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 8px 14px;
    border: 1px solid var(--stroke);
    background: var(--card);
    backdrop-filter: blur(6px);
    border-radius: 999px;
    font-size: 14px;
    color: var(--muted);
    box-shadow: var(--shadow)
}

.dot-digitalmarketing24h {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #2bfca3;
    display: inline-block;
    box-shadow: 0 0 12px #2bfca3
}

.green-digitalmarketing24h {
    background: #2bfca3
}

.title-digitalmarketing24h {
    margin: 18px 0 10px;
    line-height: 1.05;
    font-weight: 800;
    text-transform: uppercase;
    font-size: clamp(30px, 6vw, 64px);
    letter-spacing: .02em
}

.neon-cyan-digitalmarketing24h {
    display: block;
    color: transparent;
    background: linear-gradient(90deg, #2efcff, #00d1ff);
    -webkit-background-clip: text;
    background-clip: text;
    text-shadow: 0 0 16px rgba(46, 252, 255, .8), 0 0 36px rgba(0, 209, 255, .4)
}

.neon-pink-digitalmarketing24h {
    display: block;
    color: transparent;
    background: linear-gradient(90deg, #ff4fd8, #9b5bff);
    -webkit-background-clip: text;
    background-clip: text;
    text-shadow: 0 0 16px rgba(255, 79, 216, .7), 0 0 36px rgba(155, 91, 255, .35)
}

.desc-digitalmarketing24h {
    color: var(--muted);
    font-size: 16px;
    line-height: 1.6;
    margin: 20px 0 36px
}

.ctas-digitalmarketing24h {
    display: flex;
    gap: 16px;
    flex-wrap: wrap
}

.btn-digitalmarketing24h {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 18px;
    border-radius: 14px;
    font-weight: 700;
    text-decoration: none;
    box-shadow: var(--shadow);
    transition: .2s
}

.btn-primary-digitalmarketing24h {
    background: linear-gradient(90deg, #00d1ff, #2efcff);
    color: #001218
}

.btn-primary-digitalmarketing24h:hover {
    transform: translateY(-2px);
    filter: brightness(1.05)
}

.btn-outline-digitalmarketing24h {
    border: 1px solid #ff4fd855;
    color: #ffd8f5;
    background: linear-gradient(180deg, rgba(255, 79, 216, .12), rgba(255, 79, 216, .05))
}

.btn-outline-digitalmarketing24h:hover {
    transform: translateY(-2px);
    border-color: #ff4fd8;
    color: #ffd8f5 !important
}

.ico-digitalmarketing24h {
    display: inline-block
}

.stats-digitalmarketing24h {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-top: 36px
}

.stat-digitalmarketing24h {
    background: var(--card);
    border: 1px solid var(--stroke);
    border-radius: var(--radius);
    padding: 12px 13px;
    text-align: center;
    box-shadow: var(--shadow)
}

.val-digitalmarketing24h {
    font-size: 26px;
    font-weight: 800;
    letter-spacing: .02em
}

.label-digitalmarketing24h {
    color: var(--muted);
    font-size: 13px
}

.visual-digitalmarketing24h {
    position: relative
}

.logo-digitalmarketing24h {
    width: 160px;
    margin: 0 0 12px 6px;
    opacity: .95
}

.screen-wrap-digitalmarketing24h {
    position: relative;
    border-radius: 22px;
    padding: 10px;
    background: linear-gradient(180deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .02));
    border: 1px solid var(--stroke);
    box-shadow: 0 30px 80px rgba(0, 0, 0, .55), 0 0 120px rgba(0, 255, 140, .18)
}

.screen-digitalmarketing24h {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 14px
}

.screen-wrap-digitalmarketing24h::after {
    content: "";
    position: absolute;
    inset: auto 15% -40px 15%;
    height: 60px;
    background: radial-gradient(50% 120% at 50% 0, rgba(0, 255, 140, .45), transparent);
    filter: blur(18px)
}

.float-badge-digitalmarketing24h {
    position: absolute;
    display: flex;
    align-items: center;
    gap: 10px;
    background: var(--card);
    border: 1px solid var(--stroke);
    backdrop-filter: blur(8px);
    padding: 12px 14px;
    border-radius: 16px;
    box-shadow: var(--shadow);
    color: #e8fdf2
}

.float-badge-digitalmarketing24h small {
    display: block;
    color: #cfe4d8;
    margin-top: 2px;
    font-size: 12px
}

.fb1-digitalmarketing24h {
    left: -10px;
    top: 26%;
    transform: translateX(-30%)
}

.fb2-digitalmarketing24h {
    right: -8px;
    top: 8%;
    transform: translateX(30%)
}

.fb3-digitalmarketing24h {
    right: -12%;
    bottom: -6%
}

.bolt-digitalmarketing24h {
    font-size: 18px;
    filter: drop-shadow(0 0 10px rgba(46, 252, 255, .8))
}

.scroll-hint-digitalmarketing24h {
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: center;
    color: var(--muted);
    font-size: 14px;
    margin-top: 14px
}

.mouse-digitalmarketing24h {
    width: 16px;
    height: 26px;
    border: 2px solid var(--muted);
    border-radius: 10px;
    display: inline-block;
    position: relative
}

.mouse-digitalmarketing24h::after {
    content: "";
    position: absolute;
    top: 5px;
    left: 50%;
    width: 2px;
    height: 6px;
    background: var(--muted);
    transform: translateX(-50%);
    border-radius: 2px;
    animation: wheel-digitalmarketing24h 1.6s infinite
}

@keyframes wheel-digitalmarketing24h {
    0% {
        opacity: .2;
        transform: translate(-50%, 0)
    }

    70% {
        opacity: 1;
        transform: translate(-50%, 6px)
    }

    100% {
        opacity: .2;
        transform: translate(-50%, 0)
    }
}

@media (max-width: 991px) {
    .wrap-digitalmarketing24h {
        grid-template-columns: 1fr;
        gap: 32px
    }

    .visual-digitalmarketing24h {
        order: 2
    }

    .info-digitalmarketing24h {
        order: 1
    }
}

@media (max-width: 600px) {
    .btn-digitalmarketing24h {
        width: 47%;
        justify-content: center
    }

    .fb1-digitalmarketing24h,
    .fb2-digitalmarketing24h {
        display: none
    }

    .hero-digitalmarketing24h {
        padding: 30px 0
    }

    .img-digitalmarketing24h {
        max-width: 330px !important;
        padding-bottom: 10px !important;
        padding-top: 10px !important
    }

    .card-digitalmarketing24h {
        padding: 12px
    }

    .services-grid-digitalmarketing24h {
        gap: 12px;
        grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
        margin-top: 20px
    }

    .usage-section-digitalmarketing24h {
        padding: 30px 5px
    }

    .fb3-digitalmarketing24h {
        display: none
    }

    .ctas-digitalmarketing24h {
        font-size: 13px
    }
}

.hero-digitalmarketing24h br {
    display: none !important
}

.hero-digitalmarketing24h p:empty {
    display: none
}

.hero-digitalmarketing24h * {
    box-sizing: border-box
}

.section-digitalmarketing24h {
    --bg: #0e111a;
    --card: #141927;
    --muted: #aeb6c2;
    --accent: #00ffae;
    --accent-2: #47a3ff;
    font-family: "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif;
    color: #e9edf3;
    background: linear-gradient(180deg, #0b0e17, #0e111a 35%, #0e111a);
    padding: 42px 24px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, .35)
}

.container-digitalmarketing24h {
    max-width: 1080px;
    margin: 0 auto
}

.section-digitalmarketing24h h2 {
    margin: 28px 0 14px;
    color: var(--accent);
    font-size: 26px;
    line-height: 1.25
}

.section-digitalmarketing24h h3 {
    margin: 22px 0 10px;
    color: var(--accent-2);
    font-size: 20px
}

.section-digitalmarketing24h p {
    color: #cfd6df;
    margin: 0 0 14px
}

.section-digitalmarketing24h a {
    text-decoration: none;
    border: 1px solid #ff4fd855;
    color: #ffd8f5;
    background: linear-gradient(180deg, rgba(255, 79, 216, .12), rgba(255, 79, 216, .05))
}

.card-digitalmarketing24h {
    background: var(--card);
    border: 1px solid rgba(255, 255, 255, .06);
    border-radius: 14px;
    padding: 22px;
    margin: 16px 0;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .25)
}

.img-digitalmarketing24h {
    max-width: 900px;
    height: auto;
    border-radius: 10px;
    margin: auto;
    display: block;
    padding-bottom: 20px;
    padding-top: 20px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .35)
}

.table-wrap-digitalmarketing24h {
    overflow: auto;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, .06);
    margin-top: 12px
}

.table-digitalmarketing24h {
    width: 100%;
    border-collapse: collapse;
    min-width: 760px;
    background: rgba(255, 255, 255, .02);
    margin-top: 20px
}

.table-digitalmarketing24h th,
.table-digitalmarketing24h td {
    padding: 12px 14px;
    border-bottom: 1px solid rgba(255, 255, 255, .06);
    text-align: left;
    color: #f0ffff
}

.table-digitalmarketing24h thead th {
    background: linear-gradient(90deg, var(--accent), #a7f3d0);
    color: #052e2b;
    font-weight: 700;
    position: sticky;
    top: 0
}

.table-digitalmarketing24h tbody tr:nth-child(even) {
    background: rgba(255, 255, 255, .03)
}

.badge-digitalmarketing24h {
    display: inline-block;
    padding: 15px;
    border-radius: 9px;
    background: rgba(71, 163, 255, .18);
    color: #bfe0ff;
    font-size: .88em
}

.section-digitalmarketing24h ul,
.section-digitalmarketing24h ol {
    margin: 8px 0 14px 22px
}

.section-digitalmarketing24h li {
    margin: 6px 0
}

.cta-digitalmarketing24h {
    display: inline-flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 10px;
    margin-bottom: 20px
}

.btn-digitalmarketing24h:hover {
    filter: brightness(1.05)
}

@media (max-width:640px) {
    .section-digitalmarketing24h {
        padding: 10px 5px
    }

    .section-digitalmarketing24h h2 {
        font-size: 22px
    }

    .section-digitalmarketing24h h3 {
        font-size: 18px
    }
}

div#reviews.woocommerce-Reviews {
    border-bottom: 1px solid #ddd;
    width: auto;
    max-width: 100%
}

.san-pham-lien-quan {
    display: block
}

.san-pham-lien-quan h2 {
    font-size: 20px
}

.san-pham-lien-quan h5.product-title {
    font-size: 18px;
    margin: 0 0 7px
}

.san-pham-lien-quan .cot3 {
    width: 18%;
    float: left;
    display: inline-block
}

.san-pham-lien-quan .ngay-dang {
    font-size: 14px;
    color: #afafaf
}

.san-pham-lien-quan .price {
    margin: 15px;
    display: block;
    text-align: center;
    font-size: 21px;
    font-weight: 500;
    color: #fa3031
}

.san-pham-lien-quan .nut-xem-chi-tiet {
    display: block;
    width: 100%;
    background-image: linear-gradient(to right, #e31587, #8112b9);
    text-align: center;
    border-radius: 4px;
    padding: 6px;
    color: #fff;
    font-size: 15px;
    margin: 15px 0
}

.san-pham-lien-quan .nut-xem-chi-tiet:hover {
    background: #ff5722
}

.san-pham-lien-quan .tom-tat {
    margin: 0;
    font-size: 14px
}

.san-pham-lien-quan .tom-tat p {
    height: 65px;
    overflow: hidden
}

.san-pham-lien-quan ul {
    margin-bottom: 0
}

.san-pham-lien-quan ul li {
    display: inline-block;
    list-style: none;
    background: #fff;
    margin-left: 0;
    border: 1px solid #ececec;
    border-radius: 5px;
    padding: 15px;
    margin-bottom: 12px;
    box-shadow: 2px 2px 10px #0000001a
}

.san-pham-lien-quan ul li:hover {
    background: #fff7fa;
    border: 1px dashed #e41984
}

.san-pham-lien-quan ul li .box-text {
    padding: 0 15px 0 0;
    width: 65%;
    float: left;
    display: inline-block
}

.san-pham-lien-quan .anh-dai-dien {
    display: inline-block;
    width: 17%;
    float: left;
    padding-right: 15px
}

.bai-viet-lien-quan {
    margin: 15px
}

.bai-viet-lien-quan h3 {
    font-size: 19px;
    color: #000
}

.bai-viet-lien-quan ul {
    margin-bottom: 0;
    display: inline-block;
    width: 100%
}

.bai-viet-lien-quan ul li {
    list-style: none;
    width: 25%;
    color: graytext;
    float: left;
    padding: 0 5px 0 4px
}

.bai-viet-lien-quan ul li .box-image img {
    height: 120px;
    border-radius: 4px;
    object-fit: cover;
    object-position: center
}

.bai-viet-lien-quan h4 {
    font-size: 14px;
    color: #000;
    line-height: 19px;
    padding-top: 7px;
    height: 64px;
    overflow: hidden
}

.bai-viet-lien-quan h4:hover {
    color: #E91E63;
    text-decoration: underline
}

.danh-muc {
    margin-bottom: 15px
}

.danh-muc span.title,
.the-tim-kiem span.title {
    background: #3a3a3a;
    padding: 4px 10px;
    color: #fff;
    margin-right: 5px
}

.danh-muc a,
.the-tim-kiem a {
    margin-bottom: 10px;
    padding: 4px 10px;
    background: #dedede;
    color: #464646
}

.danh-muc a:hover,
.the-tim-kiem a:hover {
    background: #FF9800;
    color: #fff
}

.tdk-product-loop-custom-product-meta {
    margin: 0
}

.tdk-product-loop-custom-product-meta .last-updated-date {
    background: #7e7a7ac2;
    color: #fff;
    padding: 2px 4px;
    border-radius: 2px;
    font-size: 11px;
    margin-right: 8px
}

.tdk-product-loop-custom-product-meta .version {
    background: #e41886ad;
    color: #fff;
    padding: 2px 4px;
    border-radius: 2px;
    font-size: 11px
}

.tdk-product-loop-custom-product-meta i {
    padding-right: 5px
}

.woocommerce-cart .woocommerce {
    box-shadow: 2px 2px 20px #0000001a;
    padding: 20px;
    border-radius: 5px
}

.widget_shopping_cart_content .woocommerce-mini-cart {
    border: none;
    box-shadow: none;
    padding: 0
}

.widget_shopping_cart_content {
    padding: 15px
}

.widget_shopping_cart_content a.button {
    text-transform: none;
    border-radius: 5px;
    color: #fff
}

.right.q2w3-fixed-widget-container .buy_now_button {
    display: block;
    width: 100%
}

.page-inner .has-border {
    border: 1px dashed #e91e63;
    padding: 15px;
    border-radius: 5px;
    background: #fff9f9
}

.page-right-sidebar .large-9 {
    border-right: none
}

.page-right-sidebar .large-3 {
    padding-left: 0
}

.float-contact {
    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index: 99999
}

.chat-zalo,
.float-contact .chat-face,
.float-contact .hotline {
    border-radius: 20px;
    padding: 0 18px;
    color: #fff;
    display: block;
    margin-bottom: 6px
}

.chat-zalo {
    background: #8eb22b
}

.chat-zalo svg {
    width: 20px;
    border-radius: 50%
}

.float-contact .chat-face {
    background: #125c9e
}

.float-contact .hotline {
    background: #d11a59 !important
}

.chat-zalo a,
.float-contact .chat-face a,
.float-contact .hotline a {
    font-size: 15px;
    color: #fff;
    font-weight: 400;
    text-transform: none;
    line-height: 0
}

@media (max-width: 849px) {
    .medium-text-center {
        text-align: left !important
    }

    .is-xlarge {
        font-size: 17px
    }

    .category-filter-row {
        padding: 0
    }
}

@media (max-width: 768px) {
    .category-page-row {
        padding-top: 0
    }

    h2,
    .heading-font,
    h3 {
        font-size: 16px
    }
}

@media (max-width: 549px) {
    .float-contact {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%
    }

    .float-contact .chat-face,
    .float-contact .hotline {
        border-radius: 0;
        display: inline !important;
        width: 50% !important;
        float: left !important;
        margin: 0 !important
    }

    .float-contact .chat-face a,
    .float-contact .hotline a,
    .float-contact .chat-zalo a {
        font-size: 80%;
        height: 60px
    }

    .button.single_add_to_cart_button,
    .button.buy_now_button {
        font-size: 80%
    }

    .single-product .related .product-small,
    .text-box.banner_home_2_text {
        width: 100% !important;
        max-width: 100% !important;
        -ms-flex-preferred-size: 100% !important;
        flex-basis: 100% !important
    }

    .single-post h2,
    .single-post .heading-font,
    .single-product h2,
    .single-product .heading-font,
    .product-category h2,
    .product-category .heading-font,
    .archive h2,
    .archive .heading-font {
        font-size: 17px
    }

    .product-small.box .price span.amount,
    .product-small.box .price ins span {
        font-size: 13px !important
    }

    h1 {
        font-size: 20px;
        line-height: 1.5
    }
}

@media only screen and (max-width: 48em) {
    .page-right-sidebar .large-3 {
        padding-left: 15px
    }

    .off-canvas:not(.off-canvas-center) .nav-vertical li>a {
        padding: 12px 20px;
        text-transform: none;
        font-size: 16px;
        color: #000
    }

    .off-canvas:not(.off-canvas-center) .nav-vertical li ul {
        padding-bottom: 0
    }

    .off-canvas:not(.off-canvas-center) .nav-vertical li ul li a {
        padding: 7px;
        font-size: 15px
    }

    .TextCaptions .item {
        width: 33.33%
    }

    .slider-section .col,
    .tieu-chi-section .col {
        padding-bottom: 10px
    }

    .list-post-ngang .post-item {
        flex-basis: 50%;
        max-width: 50%
    }

    .list-post-ngang .post-item .box-text {
        padding: 8px 0 0
    }

    .tieu-chi-section .col {
        padding: 7px
    }

    .tdk-product-loop-custom-product-meta .version,
    .tdk-product-loop-custom-product-meta .last-updated-date {
        padding: 4px !important;
        font-size: 12px
    }

    .product-small.box .product-title {
        height: 37px !important
    }

    .tin-tuc-section .list-post .post-item {
        flex-basis: 50%;
        max-width: 50%
    }

    .list-post .post-item .post-title {
        font-size: 15px;
        height: 56px
    }

    #footer .tieu-chi-section .col.medium-2 {
        flex-basis: 50%;
        max-width: 50%
    }

    .header-main {
        box-shadow: 2px 2px 10px #00000024
    }

    .san-pham-lien-quan ul li .box-text {
        width: 54%
    }

    .san-pham-lien-quan .cot3 {
        width: 29%
    }

    .san-pham-lien-quan h5.product-title {
        font-size: 15px;
        margin: 0
    }

    .san-pham-lien-quan .ngay-dang {
        display: none
    }

    .san-pham-lien-quan ul li {
        margin-bottom: 7px
    }

    .san-pham-lien-quan .tom-tat p {
        display: none
    }

    .san-pham-lien-quan .price {
        margin: 0
    }

    .san-pham-lien-quan .nut-xem-chi-tiet {
        font-size: 13px;
        margin: 10px 0 0
    }

    .san-pham-lien-quan .nut-xem-chi-tiet .fa {
        display: none
    }

    .bai-viet-lien-quan ul li {
        width: 50%
    }

    .bai-viet-lien-quan ul li .box-image img {
        height: 100px
    }

    .blog-single .large-3 {
        padding-left: 15px
    }

    .blog-archive .post-item {
        flex-basis: 50%;
        max-width: 50%;
        padding: 5px
    }

    .blog-archive .post-item .post-title {
        font-size: 15px;
        height: 57px
    }

    .single-product .product-info {
        padding: 10px 15px
    }

    .fa-cart-plus {
        padding-right: 0
    }

    .row2 .row-info .cot1,
    .row2 .row-info .cot2,
    .row2 .row-info .cot3 {
        width: 100%;
        padding: 10px 0
    }

    .row-info .left,
    .row-info .right {
        width: 100%;
        padding: 10px 0
    }

    .related .product-small.box .box-text {
        padding: 10px 5px
    }

    .related .product-small.col {
        padding: 5px
    }

    .archive .product-small.col {
        padding: 6px
    }

    .archive .product-small.box .box-text {
        padding: 10px 5px
    }

    .page-title-inner {
        padding-bottom: 0
    }

    .row.category-page-row .col {
        padding: 0 !important
    }

    .page-title-inner {
        padding-top: 10px
    }
}

.woocommerce-form-register__submit {
    border-radius: 25px;
}

.woocommerce-form-login__submit {
    border-radius: 25px;
}

.woocommerce-Input.woocommerce-Input--text {
    border-radius: 25px;
}

.googlesitekit-sign-in-with-google__frontend-output-button.woocommerce-form-row {
    margin-bottom: 20px;
}

.nsm7Bb-HzV7m-LgbsSe.hJDwNd-SxQuSe {
    width: 100%;
}

.ma-giam-gia-home .section-title-normal span {
    font-size: 24px !important;
    margin-bottom: 8px;
}