/*
Theme Name: DigiBit
Author: DigiBit
Author URI: https://digibit.vn
Theme URI: https://digibit.vn
Description: DigiBit
Version: 1.0.0
Template: ultra
Text Domain: digibit
*/

/* =Theme customization starts here
-------------------------------------------------------------- */
body, button, input, select, textarea {
	font-size: 18px !important;
	color: #1f2329;
}

h1, h2, h3, h4, h5, h6 {
	color: #1f2329 !important;
}

h1 {
	font-size: 32px;
	line-height: 1.3;
}

h2 {
	font-size: 26px;
}

h3 {
	font-size: 22px;
}

h4 {
	font-size: 18px;
}

h5 {
	font-size: 16px;
}

a {
	color: #1356f0;
}

a:visited {
    color: #1356f0;
}

a:hover, a:focus, a:active {
    color: #3370ff;
}

p {
    margin: 0 0 1em;
}

.entry-content p:last-child {
	margin-bottom: 1em;
}

.hidden {
	display: none !important;
}

.caption {
    font-size: 0.8em;
}

#secondary .widget a:not(.button) {
	color: #1F2329;
}

#secondary .widget a:not(.button):hover {
	color: #3370ff;
}

#secondary .widget h3.widget-title {
	font-size: 18px;
}

#secondary .widget h3.widget-title ~ * {
	font-size: 16px;
	line-height: 1.5em;
}

.gift {
	position: relative;
	color: #FF5301 !important;
}
.gift:before {
	content: "\f06b";
	font-family: "FontAwesome";
	font-size: 1.424em;
    position:absolute;
	left: 50px;
}

span.label {
	font-size: 12px;
	color: #000000;
	background-color: #F5F5F5;
	border-radius: 0.25em;
	padding: 3px 6px;
}

span.label-black {
	font-size: 12px;
	color: #ffffff;
	background-color: #171717;
	border-radius: 0.25em;
	padding: 3px 6px;
}

.label-yellow {
	font-size: 12px;
	color: #ad7a03;
	background-color: #FFF6DC;
	border-radius: 2px;
	padding: 3px 6px;
}

.label-blue {
	font-size: 12px;
	color: #4752e6;
	background-color: #DEE0FD;
	border-radius: 2px;
	padding: 3px 6px;
}

.label-green {
	font-size: 12px;
	color: #1a7526;
	background-color: #D7F2DB;
	border-radius: 2px;
	padding: 3px 6px;
}

.label-light-purple {
	font-size: 12px;
	color: #E9B0FF;
	background-color: #E9B0FF;
	border-radius: 2px;
	padding: 3px 6px;
}

.label-purple {
	font-size: 12px;
	color: #7a35f0;
	background-color: #E8DDFB;
	border-radius: 2px;
	padding: 3px 6px;
}

#row-ledger-product .label {
	font-size: 14px;
    white-space: nowrap;
}

#row-ledger-product .label-black {
	font-size: 14px;
    white-space: nowrap;
}

#row-ledger-product .product_tags {
	padding-left: 5px;
	padding-right: 5px;
}

#row-ledger-product .product-title,
#row-ledger-product .product-caption {
    min-height: 54px;
}

.site-footer .label-yellow {
	font-size: 80%;
    color: #E6BE8A;
	border: 1px solid #E6BE8A;
    background-color: rgba(230, 190, 138, 0.1);
	text-transform: uppercase;
	line-height: 1.6;
	padding: 2px 5px;
	vertical-align: 1px;
}

.site-footer .label-blue {
	font-size: 80%;
	color: #82CAFF;
	border: 1px solid #82CAFF;
    background-color: rgba(130, 202, 255, 0.1);
	text-transform: uppercase;
	line-height: 1.6;
	padding: 2px 5px;
	vertical-align: 1px;
}

.site-footer .label-green {
	font-size: 80%;
	border: 1px solid #1a7526;
	text-transform: uppercase;
	line-height: 1.6;
	padding: 2px 5px;
	vertical-align: 1px;
}

.site-footer .label-light-purple {
	font-size: 80%;
	color: #E9B0FF;
	border: 1px solid #E9B0FF;
    background-color: rgba(233, 176, 255, 0.1);
	text-transform: uppercase;
	line-height: 1.6;
	padding: 2px 5px;
	vertical-align: 1px;
}

.site-footer .label-purple {
	font-size: 80%;
	color: #7757CA;
	border: 1px solid #7757CA;
    background-color: rgba(119, 87, 202, 0.1);
	text-transform: uppercase;
	line-height: 1.6;
	padding: 2px 5px;
	vertical-align: 1px;
}

.site-footer span {
	margin-left: 5px;
}

.home-chooseus .sow-icon-container .sow-icon-image {
	width: 50px !important;
}







.woocommerce-product-details__short-description .box-more-promotion {
	margin-bottom: 1em;
}

.woocommerce div.product p.stock {
	font-size: 0.8em !important;
	color: #ad7a03 !important;
	background-color: #FFF6DC;
	border-radius: 4px;
	padding: 3px 6px;
	display: inline-block;
}

.woocommerce div.product p.stock:before {
	font-family: 'FontAwesome';
	content: "\f005";
	padding-right: 5px;
}

.box-more-promotion {
/*	background-color: rgba(51, 112, 255, 20%);*/
	color: #333;
	font-size: 15px;
    padding: 10px 15px;
    border-radius: 4px;
	border: 1px solid #609afa;
	background: linear-gradient(249.83deg, #f0f4ff 4.2%, rgba(240, 244, 255, 0.25) 65.75%);
}

.box-more-promotion_header {
	font-size: 20px;
	font-weight: 600;
}

.box-more-promotion ul,
.box-more-promotion ol {
	margin-bottom: 0.78571em;
}

.box-more-promotion a {
	color: #333;
	text-decoration: underline !important;
}

.woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th {
	padding: 0;
}

.coupon-form .woocommerce-info {
	font-size: 95%;
	font-weight: normal;
	border-top: initial !important;
	background: initial;
	padding: initial;
	margin: initial;
}

.coupon-form .woocommerce-info::before {
	display: none;
}

.coupon-form .showcoupon {
    color: #515151;
}

.woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li {
	padding-bottom: 15px !important;
}

.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
	padding: 1em 2em 1em 3.5em;
	margin: 0 0 2em;
	position: relative;
	background-color: #f6f5f8;
	color: #515151;
	border-top: 3px solid #720eec;
	list-style: none outside;
	width: auto;
	word-wrap: break-word;
}

.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received::before {
	font-family: WooCommerce;
	content: "\e015";
	color: #4752E6;
	display: inline-block;
	position: absolute;
	top: 1em;
	left: 1.5em;
}

.woocommerce ul#shipping_method li input {
	margin: 0 20px 2px 0 !important;
    vertical-align: middle !important;
}

.order-again a.button {
	line-height: 1.3 !important;
}

#secondary .widget .product_list_widget span.amount {
	font-size: 14px;
}

#secondary .widget .product_list_widget .star-rating {
	display: none;
}

#secondary .widget_recent_entries li {
	padding-bottom: 15px;
}

.site-content {
	padding: 3.57143em 0 0;
}

.entry-content {
	line-height: 1.5;
}

.entry-thumbnail img {
	border-radius: 12px;
}

.site-content .entry-meta {
	margin-bottom: initial;
}

.entry-header .entry-title, .entry-header .page-title, .page-header .entry-title, .page-header .page-title {
	line-height: 1.5;
}

.text-gradient {
	-webkit-text-fill-color: transparent;
	background: linear-gradient(45deg,#d956a7,#565dfa 60.42%,#3983fb);
	-webkit-background-clip: text;
	background-clip: text;
	font-weight: 600;
}

.product_list_widget ins {
	background: #DEE0FD !important;
	color: #4752e6;
	padding: 2px 5px;
	border-radius: 4px;
}

.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

#top-bar {
	font-size: 90%;
	background: #1f2329;
}

#top-bar .top-bar-text {
	width: 100%;
	font-size: 90%;
	text-align: center;
	padding: 5px 0;
	color: #e94b35;
}

#top-bar .top-bar-text span {
	font-size: initial;
/*	color: #fff;*/
	margin: initial;
}

#top-bar .top-bar-text span a {
/*	color: #fff;*/
	text-decoration: underline !important;
}

#top-bar.announcement {
	display: none;
}

#top-bar .announcement-close {
	cursor: pointer;
	position: absolute;
	right: 10px;
    top: 10px;
}

.main-navigation { 
	max-width: 85%;
}

.main-navigation ul ul {
	border-top: 3px solid #1356f0;
}

.main-navigation ul ul li:hover > a {
    background: initial;
    color: initial;
    border-radius: initial;
    display: inline-block;
}

.main-navigation ul ul li:hover {
    background: #F0F4FF !important;
    color: #1356f0 !important;
    border-radius: 4px;
}

.responsive-menu .main-navigation.toggled ul li a:hover, .responsive-menu .main-navigation.toggled ul li a:hover:before {
    border-bottom: initial !important;
    background: #eaeaea;
}

.responsive-menu .main-navigation.toggled ul li.current-menu-parent > a {
    -webkit-text-fill-color: #000;
}

.responsive-menu .main-navigation div > ul > li.current-menu-parent > a {
    border-bottom: none !important;
}

.responsive-menu .main-navigation.toggled ul > li[class*=children] ul li a {
    width: 100%;
}

.sub-menu {
	padding: 20px !important;
	border-radius: 4px;
}

.main-navigation ul .menu-item-has-children a:after, 
.main-navigation ul .page_item_has_children a:after {
	top: 0;
}

.current-menu-item>a:first-child,
.current-menu-item>a:first-child:after, 
.current-menu-parent>a.has-dropdown,
.current-menu-parent>a.has-dropdown:after,
.main-navigation ul ul li.current-menu-item:hover > a,
.main-navigation.toggled ul li.current-menu-item > a,
.main-navigation.toggled ul li.current-menu-parent > a,
.main-navigation.toggled ul ul li.current-menu-item:hover > a {
	-webkit-text-fill-color: transparent;
	background: linear-gradient(45deg,#d956a7,#565dfa 60.42%,#3983fb);
	-webkit-background-clip: text;
	background-clip: text;
	font-weight: 600;
}

.site-header {
	height: 100px !important;
	background: #ffffff;
}

.site-header .site-branding {
	max-width: 200px;
/*    margin-top: 28px;*/
}

.wrapper-sticky,
.site-header .container,
.site-header .site-branding-container,
.main-navigation div > ul > li > a {
	line-height: 100px !important;
}

.main-navigation div > ul > li > a {
	color: #1F2329 !important;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: .1px;
}

.main-navigation div > ul > li > a:hover,
.main-navigation div > ul > li.current-menu-item > a,
.main-navigation div > ul > li.current-menu-parent > a {
	color: #1F2329 !important;
	border-bottom: 3px solid #3370ff !important;
}

.main-navigation .current-menu-item > a, .main-navigation .current a {
	color: #1356f0 !important;
}

.main-navigation ul ul {
	top: initial !important;
}

.page-template-full-width-no-title .site-content {
	background-image: url(https://framerusercontent.com/images/iEnY5PI5iI9kYzQ2RrffNSlL6WM.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.single .entry-header h1.entry-title, .page .site-content > .entry-header h1.entry-title, .blog .page-header h1.page-title, .search-results .page-header h1.page-title, .search-no-results .page-header h1.page-title, .error404 .page-header h1.page-title {
	width: 100% !important;
}

.archive #primary {
	padding-bottom: 3.5%;
}

.archive .container .title-wrapper {
	width: 100% !important;
}

.archive .container .taxonomy-description {
	padding-top: 20px;
}

.type-topics {
	margin: 1em 0 !important;
}

.type-topics .item {
	background: #eaeaea;
	border-radius: 3px;
	color: #5a5d60;
	display: inline-block;
	font-weight: 400;
	line-height: normal;
	outline-style: none;
	padding: 10px 15px;
	margin-bottom: 5px;
	transition: .3s;
	font-size: 16px;
}

.type-topics .item:hover,
.type-topics .item.current {
	background: #0896fe;
	color: #fff;
}

/*article {
	margin-bottom: 2.67857em !important;
}*/

/*.page-template-full-width-no-title article,
.page-template-default-no-title article {
	margin-bottom: 0 !important;
}*/

/*.page-template-full-width #primary,
.page-template-full-width-no-title #primary {
	padding-bottom: 3.5%;
}*/

.site-footer,
.site-footer .bottom-bar .site-info {
	font-size: 14px !important;
}

.site-footer .footer-main,
.site-footer .bottom-bar {
	background: #1f2329 !important;
	color: #ffffff !important;
}

.site-footer .bottom-bar {
	border-top: solid 1px #45494e;
}

.site-footer .footer-main h3 {
	color: #ffffff !important;
	font-size: 18px !important;
	text-transform: initial !important;
}

.site-footer .footer-main .widget h3.widget-title ~ * {
	color: #ffffff !important;
}

@media only screen and (max-width: 480px) {
    .container {
        padding: 0 1em !important;
    }
    
	#serial_number {
		width: 100%;
		margin-bottom: 20px;
	}
    
    .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {
        width: 100% !important;
    }
    
    /* Hiển thị lại tab khi xem sản phẩm trên mobile */
    .woocommerce div.product .woocommerce-tabs ul.tabs {
        padding: 20px 0 0  !important;
    }

    .woocommerce div.product .woocommerce-tabs ul.tabs li:first-child {
        border-top: 1px solid #cfc8d8 !important;
    }
	
    .woocommerce div.product .woocommerce-tabs ul.tabs li {
        width: 100% !important;
        margin: 0 !important;
        border-left: 0px !important;
        border-right: 0px !important;
        background-color: initial !important;
        border-radius: initial !important;
        padding: 0 !important;
		border-top: initial !important;
    }
    
    .woocommerce div.product .woocommerce-tabs ul.tabs li.active {
        border-bottom: 2px solid #3370ff !important;
    }
    
    .woocommerce div.product .woocommerce-tabs ul.tabs li.active:after {
        content: "\f106" !important;
        font-family: "FontAwesome";
        font-size: 1.2em;
        float: right;
        right: 10px !important;
        top: 5px;
    }
    
    .woocommerce div.product .woocommerce-tabs ul.tabs li:after {
        content: "\f107" !important;
        font-family: "FontAwesome";
        font-size: 1.2em;
        float: right;
        right: 10px !important;
        top: 5px;
    }
    
    .woocommerce div.product .woocommerce-tabs ul.tabs li::before,
    .woocommerce div.product .woocommerce-tabs ul.tabs li::after {
        border-radius: 0 !important;
        box-shadow: none !important;
        border-width: 0 !important;
    }
    
    .woocommerce div.product .woocommerce-tabs ul.tabs li a {
        display: block !important;
    }
    /* Hết hiển thị lại tab khi xem sản phẩm trên mobile */
	
	div#n2-ss-2 .nextend-bullet-bar .n2-bullet {
		display: none !important;
	}
	
	.variations th.label,
	.variations td.woo-variation-items-wrapper {
		padding: 2% 0 !important;
	}
}

@media (min-width: 320px) and (max-width: 577px)  {
    #row-ledger-product {
        -ms-flex-wrap: wrap !important;
        -webkit-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
        -webkit-flex-direction: initial !important;
        -ms-flex-direction: initial !important;
        flex-direction: initial !important;
        justify-content: center;
        gap: 20px;
    }
	
	#row-ledger-product .panel-grid-cell {
        /*-ms-flex: 0 1 50% !important;
        -webkit-flex: 0 1 50% !important;
        flex: 0 1 50% !important;*/
        -ms-flex: 1 1 calc(50% - 20px);
        -webkit-flex: 1 1 calc(50% - 20px);
        flex: 1 1 calc(50% - 20px);
       /* margin-right: 0 !important;*/
        margin-bottom: 35px !important;
    }
	
	#row-ledger-product .so-panel:has(> .hide-on-mobile) {
		display: none !important;
	}
    
    #row-ledger-product > div:last-child:nth-child(odd) {
        flex: 0 1 90% !important;
    }
}

@media (min-width: 577px) and (max-width: 768px)  {
    #row-ledger-product {
        justify-content: center;
    }
	#row-ledger-product .so-panel:has(> .hide-on-mobile) {
		display: none !important;
	}
    
    #row-ledger-product > div:last-child:nth-child(odd) {
        flex: 0 1 90% !important;
    }
}

@media (max-width: 767px) {
	.resp #colophon .widget {
		padding: 0;
	}
	
	.resp #colophon .widget:first-of-type {
		padding-bottom: 2.67857em;
	}
	
	.resp #colophon .widget:last-of-type {
		padding-bottom: 1.67857em;
	}
	
	.footer-main .widget .widget-title {
	    cursor: pointer;
	}
	
	.footer-main .textwidget,
	.footer-main .widget>ul {
	    max-height: 0;
	    overflow: hidden;
	    transition: max-height 500ms ease-out;
	}
	
	#text-5 .textwidget {
	    max-height: initial;
	}

	.footer-main .widget .widget-title:after {
		content: "\f107";
		font-family: "FontAwesome";
		font-size: 1.424em;
	    float: right;
	}
	
	#text-5 .widget-title:after {
		content: initial;
	}

	.footer-main .widget .widget-title.open:after {
		content: "\f106";
		font-family: "FontAwesome";
		font-size: 1.424em;
	    float: right;
	}

	.footer-main .textwidget.open,
	.footer-main .widget>ul.open {
	    height: auto;
	    max-height: 500px;l
		margin-bottom: 0.89286em;
	    transition: max-height 500ms ease-in !important;
	}

	#landing_page_products .woocommerce ul.products[class*=columns-] li.product {
		width: 100% !important;
	}
	
	.rpwe-block li {
		display: flex !important;
	}
    
    /*Hiển thị nút xem thêm nội dung sản phẩm dài quá*/
    .single-product div#tab-description {
        overflow: hidden;
        position: relative;
        padding-bottom: 25px;
    }
    .fix_height{
        max-height: 800px;
        overflow: hidden;
        position: relative;
    }
    .single-product .tab-panels div#tab-description.panel:not(.active) {
        height: 0 !important;
    }
    .digibit_readmore {
        text-align: center;
        cursor: pointer;
        position: absolute;
        z-index: 10;
        bottom: 0;
        width: 100%;
        background: #fff;
        padding-top: 20px;
    }
    .digibit_readmore:before {
        position: absolute;
        content: "";
        left: 0;
        right: 0;
        bottom: 100%;
        height: 100px;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0) 17%, #fff 93.12%);
    }
    .digibit_readmore a {
        color: #666;
        display: block;
        border: 1px solid #e0e6ea;
        border-radius: 4px;
        padding: 10px 0;
    }
    .digibit_readmore a:after {
        vertical-align: middle;
        margin: 0 0 0 10px;
        content: "\f103" !important;
        font-family: "FontAwesome";
        font-size: 12px;
    }
    .digibit_readmore_less a:after {
        vertical-align: middle;
        margin: 0 0 0 10px;
        content: "\f102" !important;
        font-family: "FontAwesome";
        font-size: 12px;
    }
    .digibit_readmore_less:before {
        display: none;
    }
    /*Hết hiển thị xem thêm*/
}

@media (max-width: 1040px) {
	.sub-menu {
		padding: initial !important;
		border-radius: initial !important;
	}
}

.entry-header .entry-title a, .entry-header .page-title a, .page-header .entry-title a, .page-header .page-title a {
	color: #1f2329;
}

.entry-header .entry-title a:hover, .entry-header .page-title a:hover, .page-header .entry-title a:hover, .page-header .page-title a:hover {
	text-decoration: underline;
	color: #1f2329;
}

.comment-navigation .nav-links a:hover, .paging-navigation .nav-links a:hover, .post-navigation .nav-links a:hover {
	text-decoration: underline;
	color: #1f2329;
}

button, input[type="button"], input[type="reset"], input[type="submit"] {
	background: #3370ff;
}

button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
	background: #4875e1;
}

.ow-button-base a {
	background-color: #3370ff !important;
	border: 0px !important;
}

.ow-button-base a:hover {
	background-color: #245BDB !important;
}

.btn-reverse .ow-button-base a {
	background-color: #ffffff !important;
	border: 1px solid #245BDB !important;
	color: #245BDB !important;
}

.btn-reverse .ow-button-base a:hover {
	background-color: #E6EFFF !important;
}

.db-button {
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 16px;
	padding: 0.5em 1em;
	color: #ffffff !important;
	border-width: 1px 0;
	-webkit-border-radius: 0.25em 0.25em 0.25em 0.25em;
	-moz-border-radius: 0.25em 0.25em 0.25em 0.25em;
	border-radius: 0.25em 0.25em 0.25em 0.25em;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
	background-color: #3370ff;
	border: 0px;
}

.db-button:hover {
	background-color: #245BDB !important;
}

.related.products .button {
	display: none !important;
}

.woocommerce-cart-form button[disabled] {
	color: #ffffff !important;
	background: #0896fe !important;
}

.woocommerce-checkout .cart-discount {
    color: #7f3bf5;
}

.woocommerce-checkout .product-total,
.woocommerce-checkout tr td:nth-child(2) {
    text-align: right;
}

.woocommerce-checkout .woocommerce-shipping-methods {
    text-align: left;
}

.wc_payment_methods label {
	display: initial;
}

.woocommerce #primary {
	padding-top: 30px;
}

.woocommerce-product-details__short-description {
	margin: 0 0 1.78571em;
}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce .products a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
	background-color: #3370ff !important;
/*    padding: 4px 16px !important;*/
	font-size: 16px;
	border-radius: 6px;
	color: #ffffff !important;
	border: solid 1px #3370ff !important;
}

.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce .products a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
	background-color: #3668de !important;
	border: solid 1px #3668de !important;
}

.woocommerce ul.products li.product {
	text-align: center;
}

.woocommerce div.product form.cart .button {
	padding: 10px 20px;
}

.woocommerce ul.products li.product .total-sold strong {
	display: initial !important;
}

.woocommerce .products .star-rating {
	float: right !important;
}

.woocommerce ul.product_list_widget li img {
    width: 64px !important;
}

.woocommerce form.cart .single_add_to_cart_button {
	margin-right: 1em !important;
}

.woocommerce .cart .button.alt {
	background: #3370FF !important;
	color: #ffffff !important;
}

.woocommerce .cart .button.alt:hover {
	background: #245BDB !important;
}

button.button.alt.added::after {
	display: none;
}

button.button.alt.loading::after,
a.button.loading::after {
	display: none;
}

.woocommerce-message {
	border-top-color: #4752E6 !important;
}

.woocommerce-message::before {
	color: #4752E6 !important;
}

.added_to_cart.wc-forward {
    display:none !important;
}

.shop_table a {
	color: #1f2329;
}

.shop_table a:hover {
	text-decoration: underline;
}

.woocommerce form .form-row-first, .woocommerce-page form .form-row-first {
	clear: both;
}

.wc-tab ul {
	margin-bottom: 0;
}

.awdr_free_product_text {
	background-color: #dee0fd !important;
	color: #4752E6 !important;
	font-size: 80%;
	border-radius: 4px !important;
	line-height: 20px;
}

.summary.entry-summary span.amount {
	color: #3370FF !important;
}

.reset_variations {
	display: none !important;
}

.woocommerce-variation.single_variation {
	margin-bottom: 1em;
}

.woocommerce div.product form.cart .variations {
	margin-bottom: 0 !important;
}

/* Alepay - Ngan luong */
#custom_input {
	display: none;
}

.cart_totals .woocommerce-shipping-totals,
.shop_table_responsive .woocommerce-shipping-totals {
	display: none !important;
}

.woocommerce-checkout .button,
.woocommerce-cart .woocommerce-cart-form .button,
.woocommerce-cart .wc-proceed-to-checkout .button {
/*    height: 35px;*/
}

/*.woocommerce-billing-fields .select2-selection.select2-selection--single {
	height: 46px;
	padding: 8px 0;
}

.woocommerce-billing-fields .select2-selection.select2-selection--single .select2-selection__arrow b {
	margin-left: -10px !important;
	margin-top: 6px !important;
}*/

.posted_in {
	display: none;	
}

#post-91,
#post-92 {
	padding-bottom: 30px;
}

.page-id-90 .woocommerce.columns-1 img {
	max-width: 300px;
	margin-left: auto !important;
	margin-right: auto !important;
}

.page .star-rating {
    display: none !important;
}

.yubico-more .ow-button-base a {
	background: #ffffff !important;
	color: #284c61 !important;
	border-width: 1px !important;
}

.price del span.amount {
	color: #838588 !important;
}

.price span.amount {
	color: #1f2329 !important;
}

/* Ẩn link Liên hệ sản phẩm không có giá */
p.price .single_add_to_cart_button.button {
	display: none;
}

.total-sold {
	margin-left: 15px;
	font-size: 0.7em;
	font-weight: normal;
	color: #444;
	border-radius: 2px;
	background-color: #eee;
	padding: 2px 4px;
	vertical-align: middle;
	white-space: nowrap;
}

.related .products .total-sold {
	font-size: 0.9em;
}

.related .products .total-sold strong {
	display: inline-block  !important;
}

p.price {
	margin-bottom: 10px;
}

.products.columns-4 .star-rating,
.products.columns-1 .star-rating {
	display: none;
}

.highlight {
	border-radius: 4px;
	padding: 3px 6px;
	border: 1px solid #1f2329;
	font-size: 14px;
	font-weight: 500;
	line-height: 1em;
	display: inline-block;
	vertical-align: top;
	margin-top: 13px;
}

.alert-primary {
	border-radius: 4px;
	padding: 15px;
    background-color: #f0f4ff;
    color: #373c43;
    margin-bottom: 1em;
}

.alert-primary a {
	color: #4752E6;
	text-decoration: underline;
}

.alert-success {
	border-radius: 4px;
	padding: 15px;
	background-color: #D7F2DB;
	color: #1A7526;
    margin-bottom: 1em;
}

.alert-success a {
    color: #1A7526;
	text-decoration: underline;
}

.alert-info {
	border-radius: 4px;
	padding: 15px;
	background-color: #CDE5EE;
    color: #007EAA;
    margin-bottom: 1em;
}

.alert-info a {
    color: #007EAA;
	text-decoration: underline;
}

.alert-warning {
	border-radius: 4px;
	padding: 15px;
	background-color: #FEF6DD;
    color: #AD7A00;
    margin-bottom: 1em;
}

.alert-warning a {
    color: #AD7A00;
	text-decoration: underline;
}

.alert-danger {
	border-radius: 4px;
	padding: 15px;
	background-color: #F5D7E8;
    color: #550C35;
    margin-bottom: 1em;
}

.alert-danger a {
    color: #550C35;
	text-decoration: underline;
}

.alert-primary ul, .alert-success ul, .alert-info ul, .alert-warning ul, .alert-danger ul, 
.alert-primary ol, .alert-success ol, .alert-info ol, .alert-warning ol, .alert-danger ol {
	margin-bottom: .78571em;
}

.alert-primary p:only-child, .alert-success p:only-child, .alert-info p:only-child, .alert-warning p:only-child, .alert-danger p:only-child {
	margin-bottom: 0;
}

.head {
	background-color: rgb(237, 237, 237);
}

.green {
	color: rgb(154, 202, 59);
	text-align: center;
	vertical-align: middle;
}

#compare img.aligncenter {
	margin-bottom: initial;
}

.nogap img {
	margin-bottom: initial !important;
}

.badge {
	border-radius: 2px;
	padding: 3px 6px;
	border: 1px solid #004461;
	font-size: 80%;
	color: #004461;
	line-height: 1em;
	vertical-align: middle;
	display: inline-block;
}

.devvn-style .devvn_num_reviews {
	color: #1f2329 !important;
}

.devvn-style .btn-reviews-now {
	padding: 2px 16px !important;
	background: #3370ff !important;
	text-transform: initial !important;
	font-weight: initial !important;
}

#devvn_cmt_submit {
	background: #3370ff !important;
	color: #fff !important;
}

.all-products-btn,
.all-products-btn:hover {
	border: 1px solid #3370ff !important;
}

.all-products-btn:hover {
	background: #F0F4FF !important;
}

@media (max-width: 767px) {
	.db-cr-addon {
		display: block !important;
	}
	
	.db-cr-floating {
		display: none !important;
	}
	
	#group-support-hotline {
		display: none !important;
	}
		
	#arcontactus {
		display: none !important;
	}
	
	/* Yubico landing page */
	#post-90 .panel-row-style {
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	
	#post-90 .panel-widget-style {
		height: initial !important;
		overflow-y: visible !important;
		padding: 10px 20px !important;
	}
	
	
	#post-90 .panel-row-style .panel-grid-cell {
		width: 100% !important;
		margin-right: 0 !important;
		margin-bottom: 30px !important;
	}
	
	#post-90 .sow-features-feature.sow-icon-container-position-top {
		width: 100% !important;
	}
    
    /* Container cha */
    .scroll-container {
        display: flex !important;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x mandatory;
        flex-direction: row !important;
        gap: 25px 25px;
    }

    /* Các phần tử con */
    .scroll-item,
    .scroll-container>div {
        flex: 0 0 auto !important;
        width: 80% !important;
        scroll-snap-align: start;
    }
	
	/* Thiết lập khung bao ngoài */
	.home-chooseus .so-widget-sow-features .sow-features-list {
		display: flex !important;
		flex-wrap: nowrap !important;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		-webkit-overflow-scrolling: touch;
		gap: 15px !important;
		padding-bottom: 20px !important;
		/*margin: 0 -15px !important;*/
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	/* Thiết lập từng item con (Feature item) */
	.home-chooseus .so-widget-sow-features .sow-features-list .sow-features-feature {
		flex: 0 0 80%;
		max-width: 80%;
		scroll-snap-align: center;
		margin-bottom: 0 !important;
		justify-content: initial !important;
	}
	
	/* Thiết lập kích thước thanh cuộn */
	::-webkit-scrollbar {
	    height: 8px;   /* thanh cuộn ngang */
	    width: 8px;    /* thanh cuộn dọc */
	}

	/* Phần rãnh (Track) */
	::-webkit-scrollbar-track {
	    background: #f1f1f1;
	    border-radius: 4px;
	}

	/* Phần tay nắm (Thumb) */
	::-webkit-scrollbar-thumb {
	    background: #888;
	    border-radius: 4px;
	}

	/* Hiệu ứng hover */
	::-webkit-scrollbar-thumb:hover {
	    background: #555;
	}
	
	.type-topics {
	  display: flex;              /* sắp xếp các item theo hàng ngang */
	  overflow-x: auto;           /* bật cuộn ngang */
	  -webkit-overflow-scrolling: touch; /* cuộn mượt trên iOS */
	  gap: 8px;                   /* khoảng cách giữa các item */
	  padding: 8px 0;
	}

	.type-topics .item {
	  flex: 0 0 auto;             /* giữ kích thước item, không co giãn */
	  border-radius: 4px;
	}
	
}

.db-cr-addon {
	display: none;
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #fff;
    z-index: 99;
	border-top: 1px solid #e0e6ea;
}

.db-cr-addon .db-ul {
    max-width: 100% !important;
    display: flex;
    /* justify-content: stretch; */
    justify-content: space-between;
    width: 100%;
    margin: 0;
    padding-left: 0;
    list-style: none;
    margin: auto;
    overflow-x: hidden;
}

.db-cr-addon .db-ul .db-menu_item {
    flex: none;
    width: 20%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
    font-size: 12px;
    cursor: pointer;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-bottom: 0;
}

.db-cr-addon .db-ul .db-menu_item .db-menu_link {
    color: #1f2329 !important;
    text-decoration: none;
    display: block;
    padding: 12px 10px 6px;
}

.db-cr-addon .db-ul .db-menu_item .db-menu_link .db-menu_icon {
    margin: auto;
/*    width: 20px;*/
    height: 20px;
    -o-object-fit: contain;
    object-fit: contain;
}

.db-cr-addon .db-ul .db-menu_item .db-menu_link .db-menu_title {
/*    margin-top: 3px;*/
}

.zalo-floating {
	background: transparent;
	bottom: 180px;
	right: 20px;
	position: fixed;
	height: 50px;
	z-index: 99;
}

.messenger-floating {
	background: transparent;
	bottom: 120px;
	right: 20px;
	position: fixed;
	height: 50px;
	z-index: 99;
}

.phone-floating {
	bottom: 60px;
	right: 20px;
	background-color: transparent;
	cursor: pointer;
	height: 50px;
	position: fixed;
	transition: visibility 0.5s ease 0s;
	width: 50px;
	z-index: 99;
}

.phone-floating .img-circle {
	background-color: #595DF9;
	border: 2px solid transparent;
	border-radius: 100%;
	height: 50px;
	opacity: 1;
	position: absolute;
	transform-origin: 50% 50% 0;
	width: 50px;
}

.phone-floating .img-circle i {
	font-size: 25px;
	line-height: 50px;
	padding-left: 13px;
	color: #fff;
}

.zalo-floating .tooltip-text,
.messenger-floating .tooltip-text,
.phone-floating .tooltip-text {
	top: 10px;
	right: 60px;
	visibility: hidden;
}

.zalo-floating:hover .tooltip-text,
.messenger-floating:hover .tooltip-text,
.phone-floating:hover .tooltip-text {
	visibility: visible;
	opacity: 1;
}

.db-cr-floating .tooltip-text {
	font-size: 14px;
	position: absolute;
	z-index: 99;
	height: 32px;
	line-height: 26px;
	padding: 3px 10px;
	width: auto;
	border-radius: 5px;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	cursor: pointer;
	background-color: rgba(0, 0, 0, 1);
	visibility: hidden;
	opacity: 0;
	-ms-transition: all 200ms linear;
	-webkit-transition: all 200ms linear;
	transition: all 200ms linear;
}

.db-cr-floating .tooltip-text:after {
	content: "";
	width: 0;
	height: 0;
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent transparent black;
	position: absolute;
	right: -10px;
	top: 0;
	bottom: 0;
	margin: auto;
	-ms-transition: all 200ms linear;
	-webkit-transition: all 200ms linear;
	transition: all 200ms linear;
}

#group-support-hotline {
	position: fixed;
	right: 20px;
	background: 0 0;
	display: flex;
	flex-direction: column;
	z-index: 11;
	gap: 16px;
	transform: translateY(50%);
	bottom: 100px;
}

#group-support-hotline a {
	width: 60px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 0 36px rgba(0, 0, 0, .2);
	cursor: pointer;
	z-index: 999;
	text-align: center;
	-webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
	animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
	-webkit-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

#group-support-hotline a img {
	width: 40px;
	height: 40px;
}

.effect-ring:before {
	position: absolute;
	content: " ";
	z-index: -1;
	background-color: #d3d3d3;
	width: 60px;
	height: 60px;
	border-radius: 100%;
	opacity: .6;
	-webkit-animation: pulse 1.2s infinite ease-in-out;
	animation: pulse 1.2s infinite ease-in-out;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

.effect-ring:after {
	content: " ";
	z-index: -1;
	width: 120px;
	height: 120px;
	position: absolute;
	background-color: transparent;
	border-radius: 100% !important;
	border: 2px solid #c1c1c1;
	opacity: .1;
	-webkit-animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
	animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
	transition: all .5s;
	-webkit-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

@-webkit-keyframes phonering-alo-circle-img-anim{
	0%{-webkit-transform: rotate(0) scale(1) skew(1deg)}
	10%{-webkit-transform: rotate(-25deg) scale(1) skew(1deg)}
	20%{-webkit-transform: rotate(25deg) scale(1) skew(1deg)}
	30%{-webkit-transform: rotate(-25deg) scale(1) skew(1deg)}
	40%{100%,}
	50%{-webkit-transform: rotate(0) scale(1) skew(1deg)}
}
@-webkit-keyframes phonering-alo-circle-anim{
	0%{-webkit-transform: rotate(0) scale(.5) skew(1deg);
 -webkit-opacity: .1}
	30%{-webkit-transform: rotate(0) scale(.7) skew(1deg);
 -webkit-opacity: .5}
	100%{-webkit-transform: rotate(0) scale(1) skew(1deg);
 -webkit-opacity: .1}
}

#scroll-to-top {
	display: none;
}

.sc_fs_faq.sc_card > div > p {
	font-weight: bold;
	margin-bottom: 0;
	cursor: pointer;
}

.sc_fs_faq.sc_card div div {
	display: none;
}

.message-box {
	padding:10px 15px 0 15px;
	background-color: initial;
	border: 1px solid #e0e6ea;
	border-radius: 4px 4px 0 0;
}

.message-box-header {
	margin-bottom: 10px !important;
	text-align: center;
}

.message-box-hotline {
	font-size: initial;
	border-top: 1px solid #e6e6e6;
	padding: 10px 0;
	text-align: center;
}

.message-box-content {
    background: #eee;
    padding: 10px 10px 5px 10px;
    width: 100%;
    float: left;
    margin-bottom: 10px;
	border-radius: 0 0 4px 4px;
}

.message-box-content p {
    line-height: 20px;
    font-size: 13px;
    float: left;
    background-size: 11px 11px;
    min-width: 48%;
    margin-bottom: 5px;
}

.message-box-content p:before {
	content: "\f00c";
	font: normal normal normal 14px/1 FontAwesome;
	padding-right: 5px;
	/* color: #248776; */
}

.message-box-address {
	display: flex;
	padding: 0 0 15px;
}

.message-box-address .message-box-address-item {
	border: 1px solid #e4e4e7;
	border-radius: 4px;
	font-size: 12px;
	padding: 12px;
	width: 48%;
}

.message-box-address .message-box-address-item .call {
/*    border: 1px solid #8046F3;
    color: #8046F3;*/
    border: none;
    color: #1356f0;
	padding: 5px 8px;
	border-radius: 16px;
	white-space: nowrap;
    background-color: #eff5ff;
}

.message-box-address .message-box-address-item .map {
	stroke: #18181b;
	border: 1px solid #cfcfd3;
	color: #18181b;
	padding: 5px 8px;
	border-radius: 16px;
	white-space: nowrap;
}

.message-box-address .message-box-address-item p {
	min-height: 48px;
	font-size: 14px;
}

.message-box-address {
	display: flex;
	gap: 20px;
	overflow-x: auto;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.message-box-address-item {
	min-width: 237px;
	flex: 0 0 auto;
	/*  border: 1px solid #ccc;*/
	padding: 10px;
	border-radius: 8px;
	/*  background-color: #f9f9f9;*/
}

.message-box-address::-webkit-scrollbar {
	height: 6px;
}

.message-box-address::-webkit-scrollbar-thumb {
	background-color: #888;
	border-radius: 3px;
}

.message-box-address::-webkit-scrollbar-track {
	background-color: #eee;
}




.plus.qib-button {
	border-radius: 0 4px 4px 0 !important;
}

.minus.qib-button {
	border-radius:4px 0 0 4px !important;
}

.woofc-item-qty-inner .quantity input.qty:not(#qib_id):not(#qib_id) {
    background: #eeeeee !important;
    height: 30px !important;
    border-style: initial !important;
}

.woofc-cart-link .woofc-cart-link-inner i {
	display: block !important;
	font-size: 20px !important;
	margin: 0 auto !important;
	padding-top: 5px;
	line-height: 1em !important;
}

.woofc-cart-link .woofc-cart-link-inner:after {
	/*left: 40px !important;
	top: -40px !important;*/
	display: none !important;
}

.woofc-cart-link .woofc-cart-link-inner-subtotal {
	display: block;
}

.tooltip {
    display: inline-block;
}

.tooltip span {
    visibility: hidden;
    background-color: black;
    color: #fff;
    font-size: 90%;
    text-align: center;
    border-radius: 4px;
    padding: 2px 10px;
    position: absolute;
    z-index: 1;
    margin-left: 20px;
}

.tooltip span::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent black transparent transparent;
}
.tooltip:hover span {
    visibility: visible;
}

.popup-overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 500ms;
    visibility: hidden;
    opacity: 0;
}
.popup-overlay:target {
    visibility: visible;
    opacity: 1;
	z-index: 9999;
}

.popup {
    margin: 70px auto;
    padding: 20px 30px;
    background: #fff;
    border-radius: 5px;
    width: 70%;
    position: relative;
}

.popup h2 {
    margin-top: 0;
    color: #333;
}
.popup .close {
    position: absolute;
    top: 0px;
    right: 20px;
    transition: all 200ms;
    font-size: 30px;
    font-weight: bold;
    text-decoration: none;
    color: #3370ff;
}
.popup .close:hover {
    color: #3370ff;
}
.popup .content {
    max-height: 30%;
    overflow: auto;
}

@media screen and (max-width: 482px) {
    .popup {
        width: 90%;
    }
}

.pure-form label {
	display: initial;
}

#wpam-reg-form input[type="text"] {
    width: 100%;
}

#_affiliate_note,
#_url {
	width: 100%;
	height: 200px;
	max-width: 700px;
}

#txtBankDetails {
	width: 100%;
	height: 100px;
	max-width: 700px;
}

.wpam-daterange-selection input[type="text"] {
	width: initial;
}

.wpam-login-form {
    padding-bottom: 35px;
}

/* https://launchhubstudio.com/blog/comparison-table-html-css */
@media(max-width: 769px) {
	.tableComparison .rowHeader,
	.tableComparison .emptyCell {
		display: none;
	}
    
    .tableComparison thead .columnHeaders {
        display: none !important;
    }
}

.tableComparison {
	overflow: auto;
	overflow-anchor: none;
	position: relative;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.tableComparison table {
    min-width: 800px;
    width: 100%;
}

.tableComparison caption {
	height: 0px;
}

.tableComparison thead tr {
	position: sticky;
	top: 0;
	left: 0;
	z-index: 999;
}

.tableComparison thead tr th {
	border: none;
}

.tableComparison .rowHeader,
[scope="colgroup"] span {
	left: 0;
	position: sticky;
}

.tableComparison td,
.tableComparison th {
	border: 1px solid #dddddd;
	text-align: center;
    vertical-align: top;
	padding: 8px;
	min-width: 100px;
	max-width: 100px;
}

.tableComparison tr.noborder-all td {
    border-top: hidden;
    border-bottom: hidden;
}

.tableComparison tr.noborder-top td {
    border-top: hidden;
}

.tableComparison p {
	margin-bottom: 5px;
}

.tableComparison .mobileColumnGroup {
	background: #F7F7F7;
}

.tableComparison .mobileColumnGroup th {
	text-align: center;
}

.tableComparison thead.stickyHeader {
	position: fixed;
	z-index: 99999;
	overflow-x: scroll;
	top: 0px;
	background-color: #262626;
	color: #fff;
}

.tableComparison thead.stickyHeader.atBottom {
	position: absolute;
	z-index: 999;
	bottom: 0px;
	left: 0px !important;
	top: initial;
	width: initial !important;
	overflow-x: clip;
}
.tableComparison thead .columnHeaders {
	display: none;
}

.tableComparison thead.stickyHeader .columnHeaders {
	position: fixed;
    width: 100%;
    background-color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
}

.tableComparison thead::-webkit-scrollbar {
	height: 0px;
}

.tableComparison .horizontal-scroller {
	position: fixed;
	bottom: 0;
	height: 30px;
	overflow: auto;
	overflow-y: hidden;
}

.tableComparison .horizontal-scroller-content {
	height: 30px;
}

.tableComparison .stroke-black {
	stroke: #000;
}

.button_shopee {
	text-align: center;
	background: #ee4d2d !important;
	color: #ffffff !important;
	padding: 2px 16px;
	font-size: 16px;
	border-radius: 6px;
	font-size: 18px;
	display: inline-block;
	vertical-align: top;
	margin-right: 15px;
	font-weight: 400;
}

.button_shopee:hover {
	background: #f05d40 !important;
	color: #ffffff !important;
}

#kien-thuc-yubico .textwidget {
	margin-left: 30px;
}

.main-navigation .menu .label-flagship a:after {
    font-family: "Lato", sans-serif;
	content: 'Cao cấp';
	display: inline-block;
	font-size: 9px;
	line-height: 9px;
	text-transform: uppercase;
	letter-spacing: -0.1px;
	margin-left: 4px;
	background-color: #572fbd;
	font-weight: bolder;
	border-radius: 2px;
	color: #fff;
	padding: 4px 4px 3px;
	position: relative;
	top: -2px;
}

.main-navigation .menu .label-popular a:after {
    font-family: "Lato", sans-serif;
	content: 'Phổ biến';
	display: inline-block;
	font-size: 9px;
	line-height: 9px;
	text-transform: uppercase;
	letter-spacing: -0.1px;
	margin-left: 4px;
	background-color: #8046F3;
	font-weight: bolder;
	border-radius: 2px;
	color: #fff;
	padding: 4px 4px 3px;
	position: relative;
	top: -2px;
}

.main-navigation .menu .label-new a:after {
    font-family: "Lato", sans-serif;
	content: 'Mới';
	display: inline-block;
	font-size: 9px;
	line-height: 9px;
	text-transform: uppercase;
	letter-spacing: -0.1px;
	margin-left: 4px;
	background-color: #41AAF7;
	font-weight: bolder;
	border-radius: 2px;
	color: #fff;
	padding: 4px 4px 3px;
	position: relative;
	top: -2px;
}

/*Ẩn menu của plugin Duplicate Page*/
#wp-admin-bar-duplicate_this {
    display: none !important;
}

.show-on-small,
.show-on-mobile,
.show-on-tablet,
.show-on-desktop {
  display: none !important;
}

/* --- Small devices (≤ 480px) --- */
@media (max-width: 480px) {
  .hide-on-small { display: none !important; }
  .show-on-small { display: revert !important; }
}

/* --- Mobile (≤ 767.98px) --- */
@media (max-width: 767.98px) {
  .hide-on-mobile { display: none !important; }
  .show-on-mobile { display: revert !important; }
}

/* --- Tablet (768px – 1024.98px) --- */
@media (min-width: 768px) and (max-width: 1024.98px) {
  .hide-on-tablet { display: none !important; }
  .show-on-tablet { display: revert !important; }
}

/* --- Desktop (≥ 1025px) --- */
@media (min-width: 1025px) {
  .hide-on-desktop { display: none !important; }
  .show-on-desktop { display: revert !important; }
}

/* Nút Liên hệ */
.arcontactus-widget.right.arcontactus-message {
	right:20px
}
.arcontactus-widget.right.arcontactus-message {
	bottom:20px
}
.arcontactus-widget .arcontactus-message-button.pulsation {
	-webkit-animation-duration:2s;
	animation-duration:2s
}
.arcontactus-widget.md .arcontactus-message-button,.arcontactus-widget.md.arcontactus-message {
	width:60px;
	height:60px
}
.arcontactus-widget {
	opacity:0;
	transition:.2s opacity
}
.arcontactus-widget * {
	box-sizing:border-box
}
.arcontactus-widget.left.arcontactus-message {
	left:20px;
	right:auto
}
.arcontactus-widget.left .arcontactus-message-button {
	right:auto;
	left:0
}
.arcontactus-widget.left .arcontactus-prompt {
	left:80px;
	right:auto;
	transform-origin:0 50%
}
.arcontactus-widget.left .arcontactus-prompt:before {
	border-right:8px solid #FFF;
	border-top:8px solid transparent;
	border-left:8px solid transparent;
	border-bottom:8px solid transparent;
	right:auto;
	left:-15px
}
.arcontactus-widget.left .messangers-block {
	right:auto;
	left:0;
	-webkit-transform-origin:10% 105%;
	-ms-transform-origin:10% 105%;
	transform-origin:10% 105%
}
.arcontactus-widget.left .callback-countdown-block {
	left:0;
	right:auto
}
.arcontactus-widget.left .callback-countdown-block::before,.arcontactus-widget.left .messangers-block::before {
	left:25px;
	right:auto
}
.arcontactus-widget.md .callback-countdown-block,.arcontactus-widget.md .messangers-block {
	bottom:70px
}
.arcontactus-widget.md .arcontactus-prompt {
	bottom:5px
}
.arcontactus-widget.md.left .callback-countdown-block:before,.arcontactus-widget.md.left .messangers-block:before {
	left:21px
}
.arcontactus-widget.md.left .arcontactus-prompt {
	left:70px
}
.arcontactus-widget.md.right .callback-countdown-block:before,.arcontactus-widget.md.right .messangers-block:before {
	right:21px
}
.arcontactus-widget.md.right .arcontactus-prompt {
	right:70px
}
.arcontactus-widget.md .arcontactus-message-button .pulsation {
	width:74px;
	height:74px
}
.arcontactus-widget.md .arcontactus-message-button .callback-state,.arcontactus-widget.md .arcontactus-message-button .icons {
	width:40px;
	height:40px;
	margin-top:-20px;
	margin-left:-20px
}
.arcontactus-widget.sm .arcontactus-message-button,.arcontactus-widget.sm.arcontactus-message {
	width:50px;
	height:50px
}
.arcontactus-widget.sm .callback-countdown-block,.arcontactus-widget.sm .messangers-block {
	bottom:60px
}
.arcontactus-widget.sm .arcontactus-prompt {
	bottom:0
}
.arcontactus-widget.sm.left .callback-countdown-block:before,.arcontactus-widget.sm.left .messangers-block:before {
	left:16px
}
.arcontactus-widget.sm.left .arcontactus-prompt {
	left:60px
}
.arcontactus-widget.sm.right .callback-countdown-block:before,.arcontactus-widget.sm.right .messangers-block:before {
	right:16px
}
.arcontactus-widget.sm.right .arcontactus-prompt {
	right:60px
}
.arcontactus-widget.sm .arcontactus-message-button .pulsation {
	width:64px;
	height:64px
}
.arcontactus-widget.sm .arcontactus-message-button .icons {
	width:40px;
	height:40px;
	margin-top:-20px;
	margin-left:-20px
}
.arcontactus-widget.sm .arcontactus-message-button .static {
	margin-top:-16px
}
.arcontactus-widget.sm .arcontactus-message-button .callback-state {
	width:40px;
	height:40px;
	margin-top:-20px;
	margin-left:-20px
}
.arcontactus-widget.active {
	opacity:1
}
.arcontactus-widget .icons.hide,.arcontactus-widget .static.hide {
	opacity:0;
	transform:scale(0)
}
.arcontactus-widget.arcontactus-message {
/*    z-index:10000;*/
	right:20px;
	bottom:20px;
	position:fixed!important;
	height:70px;
	width:70px
}
.arcontactus-widget .arcontactus-message-button {
	width:70px;
	position:absolute;
	height:70px;
	right:0;
	background-color:red;
	border-radius:50px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	text-align:center;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	cursor:pointer
}
.arcontactus-widget .arcontactus-message-button p {
	font-family:Ubuntu,Arial,sans-serif;
	color:#fff;
	font-weight:700;
	font-size:10px;
	line-height:11px;
	margin:0
}
.arcontactus-widget .arcontactus-message-button .pulsation {
	width:84px;
	height:84px;
	background-color:red;
	border-radius:50px;
	position:absolute;
	left:-7px;
	top:-7px;
	z-index:-1;
	-webkit-transform:scale(0);
	-ms-transform:scale(0);
	transform:scale(0);
	-webkit-animation:arcontactus-pulse 2s infinite;
	animation:arcontactus-pulse 2s infinite
}
.arcontactus-widget .arcontactus-message-button .icons {
	background-color:#fff;
	width:44px;
	height:44px;
	border-radius:50px;
	position:absolute;
	overflow:hidden;
	top:50%;
	left:50%;
	margin-top:-22px;
	margin-left:-22px
}
.arcontactus-widget .arcontactus-message-button .static {
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-19px;
	margin-left:-26px;
	width:52px;
	height:52px;
	text-align:center
}
.arcontactus-widget .arcontactus-message-button .static img {
	display:inline
}
.arcontactus-widget .arcontactus-message-button .static svg {
	width:24px;
	height:24px;
	color:#FFF
}
.arcontactus-widget .arcontactus-message-button.no-text .static {
	margin-top:-12px
}
.arcontactus-widget .pulsation:nth-of-type(2n) {
	-webkit-animation-delay:.5s;
	animation-delay:.5s
}
.arcontactus-widget .pulsation.stop {
	-webkit-animation:none;
	animation:none
}
.arcontactus-widget .icons-line {
	top:10px;
	left:12px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	position:absolute;
	-webkit-transition:cubic-bezier(.13,1.49,.14,-.4);
	-o-transition:cubic-bezier(.13,1.49,.14,-.4);
	-webkit-animation-delay:0s;
	animation-delay:0s;
	-webkit-transform:translateX(30px);
	-ms-transform:translateX(30px);
	transform:translateX(30px);
	height:24px;
	transition:.2s all
}
.arcontactus-widget .icons,.arcontactus-widget .static {
	transition:.2s all
}
.arcontactus-widget .icons-line.stop {
	-webkit-animation-play-state:paused;
	animation-play-state:paused
}
.arcontactus-widget .icons-line span {
	display:inline-block;
	width:24px;
	height:24px;
	color:red
}
.arcontactus-widget .icons-line span i,.arcontactus-widget .icons-line span svg {
	width:24px;
	height:24px
}
.arcontactus-widget .icons-line span i {
	display:block;
	font-size:24px;
	line-height:24px
}
.arcontactus-widget .icons-line img,.arcontactus-widget .icons-line span {
	margin-right:40px
}
.arcontactus-widget .icons.hide .icons-line {
	transform:scale(0)
}
.arcontactus-widget .icons .icon:first-of-type {
	margin-left:0
}
.arcontactus-widget .arcontactus-close {
	color:#FFF
}
.arcontactus-widget .arcontactus-close svg {
	-webkit-transform:rotate(180deg) scale(0);
	-ms-transform:rotate(180deg) scale(0);
	transform:rotate(180deg) scale(0);
	-webkit-transition:ease-in .12s all;
	-o-transition:ease-in .12s all;
	transition:ease-in .12s all;
	display:block
}
.arcontactus-widget .arcontactus-close.show-messageners-block svg {
	-webkit-transform:rotate(0) scale(1);
	-ms-transform:rotate(0) scale(1);
	transform:rotate(0) scale(1)
}
.arcontactus-widget .arcontactus-prompt,.arcontactus-widget .messangers-block {
	background:center no-repeat #FFF;
	box-shadow:0 0 10px rgba(0,0,0,.6);
	width:235px;
	position:absolute;
	bottom:80px;
	right:0;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	-webkit-box-align:start;
	-ms-flex-align:start;
	align-items:flex-start;
	padding:14px 0;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	border-radius:7px;
	-webkit-transform-origin:80% 105%;
	-ms-transform-origin:80% 105%;
	transform-origin:80% 105%;
	-webkit-transform:scale(0);
	-ms-transform:scale(0);
	transform:scale(0);
	-webkit-transition:ease-out .12s all;
	-o-transition:ease-out .12s all;
	transition:ease-out .12s all;
	z-index:10000
}
.arcontactus-widget .arcontactus-prompt:before,.arcontactus-widget .messangers-block:before {
	position:absolute;
	bottom:-7px;
	right:25px;
	left:auto;
	display:inline-block!important;
	border-right:8px solid transparent;
	border-top:8px solid #FFF;
	border-left:8px solid transparent;
	content:''
}
.arcontactus-widget .arcontactus-prompt.show-messageners-block,.arcontactus-widget .messangers-block.show-messageners-block {
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1)
}
.arcontactus-widget .arcontactus-prompt {
	color:#787878;
	font-family:Arial,sans-serif;
	font-size:16px;
	line-height:18px;
	width:auto;
	bottom:10px;
	right:80px;
	white-space:nowrap;
	padding:18px 20px 14px
}
.arcontactus-widget .arcontactus-prompt:before {
	border-right:8px solid transparent;
	border-top:8px solid transparent;
	border-left:8px solid #FFF;
	border-bottom:8px solid transparent;
	bottom:16px;
	right:-15px
}
.arcontactus-widget .arcontactus-prompt.active {
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1)
}
.arcontactus-widget .arcontactus-prompt .arcontactus-prompt-close {
	position:absolute;
	right:6px;
	top:6px;
	cursor:pointer;
	z-index:100;
	height:14px;
	width:14px;
	padding:2px
}
.arcontactus-widget .arcontactus-prompt .arcontactus-prompt-close svg {
	height:10px;
	width:10px;
	display:block
}
.arcontactus-widget .arcontactus-prompt .arcontactus-prompt-typing {
	border-radius:10px;
	display:inline-block;
	left:3px;
	padding:0;
	position:relative;
	top:4px;
	width:50px
}
.arcontactus-widget .arcontactus-prompt .arcontactus-prompt-typing>div {
	position:relative;
	float:left;
	border-radius:50%;
	width:10px;
	height:10px;
	background:#ccc;
	margin:0 2px;
	-webkit-animation:arcontactus-updown 2s infinite;
	animation:arcontactus-updown 2s infinite
}
.arcontactus-widget .arcontactus-prompt .arcontactus-prompt-typing>div:nth-child(2) {
	animation-delay:.1s
}
.arcontactus-widget .arcontactus-prompt .arcontactus-prompt-typing>div:nth-child(3) {
	animation-delay:.2s
}
.arcontactus-widget .messangers-block.sm .messanger {
	padding-left:50px;
	min-height:44px
}
.arcontactus-widget .messangers-block.sm .messanger span {
	height:32px;
	width:32px;
	margin-top:-16px
}
.arcontactus-widget .messangers-block.sm .messanger span svg {
	height:20px;
	width:20px;
	margin-top:-10px;
	margin-left:-10px
}
.arcontactus-widget .messanger {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	-ms-flex-direction:row;
	flex-direction:row;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	margin:0;
	cursor:pointer;
	width:100%;
	padding:8px 20px 8px 60px;
	position:relative;
	min-height:54px;
	text-decoration:none
}
.arcontactus-widget .messanger:hover {
	background-color:#EEE
}
.arcontactus-widget .messanger:before {
	background-repeat:no-repeat;
	background-position:center
}
.arcontactus-widget .messanger.facebook span {
	background:#0084ff
}
.arcontactus-widget .messanger.viber span {
	background:#7c529d
}
.arcontactus-widget .messanger.telegram span {
	background:#2ca5e0
}
.arcontactus-widget .messanger.skype span {
	background:#31c4ed
}
.arcontactus-widget .messanger.email span {
	background:#ff8400
}
.arcontactus-widget .messanger.contact span {
	background:#7eb105
}
.arcontactus-widget .messanger.call-back span {
	background:#54cd81
}
.arcontactus-widget .messanger span {
	position:absolute;
	left:10px;
	top:50%;
	margin-top:-20px;
	display:block;
	width:40px;
	height:40px;
	border-radius:50%;
	background-color:#0084ff;
	margin-right:10px;
	color:#FFF;
	text-align:center;
	vertical-align:middle
}
.arcontactus-widget .messanger span i,.arcontactus-widget .messanger span svg {
	width:24px;
	height:24px;
	vertical-align:middle;
	text-align:center;
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-12px;
	margin-left:-12px
}
.arcontactus-widget .messanger span i {
	font-size:24px;
	line-height:24px
}
.arcontactus-widget .messanger p {
	margin:0;
	font-family:Arial,sans-serif;
	font-size:14px;
	color:rgba(0,0,0,.87)
}
@-webkit-keyframes arcontactus-pulse {
	0% {
		-webkit-transform:scale(0);
		transform:scale(0);
		opacity:1
	}
	50% {
		opacity:.5
	}
	100% {
		-webkit-transform:scale(1);
		transform:scale(1);
		opacity:0
	}
}
@media (max-width:468px) {
	.arcontactus-widget.opened.arcontactus-message,.arcontactus-widget.opened.left.arcontactus-message {
		width:auto;
		right:20px;
		left:20px
	}
}
@keyframes arcontactus-updown {
	0%,100%,43% {
		transform:translate(0,0)
	}
	25%,35% {
		transform:translate(0,-10px)
	}
}
@-webkit-keyframes arcontactus-updown {
	0%,100%,43% {
		transform:translate(0 0)
	}
	25%,35% {
		transform:translate(-10px 0)
	}
}
@keyframes arcontactus-pulse {
	0% {
		-webkit-transform:scale(0);
		transform:scale(0);
		opacity:1
	}
	50% {
		opacity:.5
	}
	100% {
		-webkit-transform:scale(1);
		transform:scale(1);
		opacity:0
	}
}
@-webkit-keyframes arcontactus-show-stat {
	0%,100%,20%,85% {
		-webkit-transform:scale(1);
		transform:scale(1)
	}
	21%,84% {
		-webkit-transform:scale(0);
		transform:scale(0)
	}
}
@keyframes arcontactus-show-stat {
	0%,100%,20%,85% {
		-webkit-transform:scale(1);
		transform:scale(1)
	}
	21%,84% {
		-webkit-transform:scale(0);
		transform:scale(0)
	}
}
@-webkit-keyframes arcontactus-show-icons {
	0%,100%,20%,85% {
		-webkit-transform:scale(0);
		transform:scale(0)
	}
	21%,84% {
		-webkit-transform:scale(1);
		transform:scale(1)
	}
}
@keyframes arcontactus-show-icons {
	0%,100%,20%,85% {
		-webkit-transform:scale(0);
		transform:scale(0)
	}
	21%,84% {
		-webkit-transform:scale(1);
		transform: scale(1)
	}
}

/*YITH WooCommerce Featured Audio and Video Content Premium*/
.ywcfav_video_modal_container {
    width: 200px;
}

.vwrap {
	height: initial !important;
}

.owl-carousel .owl-stage {
	width: 100% !important;
}

.owl-carousel .owl-item {
	width: auto !important;
}

@media only screen and (max-width: 480px) {
	.ywcfav_video_modal_container {
	    width: 100px;
	}
}

#neofix_sdl .column_1 {
	text-align: left;
}

#neofix_sdl .column_3 {
	text-align: center !important;
}

.bpress-wrap {
    padding: 0 !important;
}

.bpress-crumbs-wrap {
    padding: 1em 0;
}

.bpress-content-wrap {
    padding-left: 20px;
    padding-right: 20px;
}

.bpress-page-header h1,
.bpress-page-header h2 {
    font-size: 1.78571rem !important;
}

.bpress-section-boxed p {
    color: #1f2329 !important;
}

.bpress-page-header {
    padding-top: 10px !important;
    padding-bottom: 25px !important;
    background-image: url(https://digibit.vn/wp-content/uploads/2026/03/217e43708aee47f090c043b96e6e413d.jpg);
}

.bpress-post-views {
    display: none;
}

.bpress-crumbs li {
    display: initial;
}

.bpress-search-suggest {
    text-align: left;
}

.bpress-searchbar-wrap {
    margin-top: 0 !important;
}

.bpress-sidebar .widget a {
    color: #1F2329 !important;
}

#ftwp-container.ftwp-wrap #ftwp-contents {
    border-radius: 4px;
}

#taskade-agent-popup-01KKR06FQSY9E530M2YGS5QCMD {
    bottom: 120px !important;
	right: 34px !important;
}