/*!
Theme Name: X3sale
Theme URI: http://underscores.me/
Author: X3sale
Author URI: https://x3sales.vn/
Description: X3sale
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: x3sale
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

X3sale is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

.ace-table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  font-size: 16px;
  text-align: left;
  background-color: #333; /* Dark background for contrast */
}
.product-style1 a {
    color: #1E90FF !important;
}
.ace-table th, .ace-table td {
  border: 2px solid #fff; /* White borders */
  padding: 12px 15px;
  color: #fff; /* White text for dark background */
  text-align: center; /* Center align text */
}
input#subscribe {
    width: auto !important;
    padding: 0px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    background: #000 !important;
}
#footer .footer-content .ft-subscribe .ft-sub-wrapper form input {
    border-radius: 0px;
}
span.wpcf7-spinner {
    display: none;
}

input#subscribe {
    color: #fff !important;
    font-weight: bold;
    margin-top: 10px;
}

input#subscribe {
    position: absolute;
    top: -10px;
    right: -1px;
}
.ace-table th {
  background-color: #444; /* Darker header */
  font-weight: bold;
}

.ace-table td a {
  color: #00ccff; /* Color for links */
  text-decoration: none;
}

.ace-table td a:hover {
  text-decoration: underline;
}
.archive-description {
  padding: 20px;
  margin-bottom: 20px;
  font-size: 16px;
}

.archive-description h1, 
.archive-description h2 {
  font-size: 24px;
  
  text-align: left;
}

.archive-description p,
.archive-description div {
  font-size: 16px;
  
}

.archive-description ul {
  padding-left: 20px;
  margin: 20px 0;
}

.archive-description ul li {
  margin-bottom: 10px;
  font-size: 16px;
}

.archive-description table {
  width: 100%;
  margin: 20px 0;
  padding: 10px;
  border-collapse: collapse;
}

.archive-description th, 
.archive-description td {
  padding: 12px 15px;
  border: 1px solid #ddd;
  text-align: center;
}

.archive-description figure {
  margin: 20px auto;
  text-align: center;
}

.archive-description figcaption {
  font-size: 14px;
  margin-top: 5px;
}

.archive-description a {
  color: #007bff;
  text-decoration: none;
}

.archive-description a:hover {
  text-decoration: underline;
}

.textUudai.text-left {
    margin-top: 10px;
    line-height: 1.5;
}

.product-price-detail.clearfix {
    margin-bottom: 5px;
}

div#part2 img {
    height: auto;
}

.article-img img {
    height: auto !important;
}
.product-single figure {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0px;
    padding: 0px;
}

.product-single figure img {
    width: 100% !important;
    max-width: 100% !important;
}
div#part2 p, div#part2 span, div#part2 strong {
    color: #fff !important;
}
button.slick-prev.slick-arrow {
    display: none !important;
}
.input-group.txtGioDen {
    width: 100% !important;
}
button.slick-next.slick-arrow {
    display: none !important;
}
.header-logo-wrap h1 a img {
    width: 120px;
}
a#hung-pd {
    margin-bottom: 20px !important;
    display: block;
}

.header-navbar  .no-bullets li{
    position: relative;
}

.header-navbar  .no-bullets ul{
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 99;
    background: #fff;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, .5), 1px 1px 10px rgba(0, 0, 0, .5);
    width: 230px;
    margin-left: 0;
        color: #000;
            padding: 10px;
            display: none;
            top: calc(100% - 2px);
  top: -moz-calc(100% - 2px);
  top: -webkit-calc(100% - 2px);
}
.header-navbar  .no-bullets ul ul{
    left: 0;
    top: 0;
}
.header-navbar  .no-bullets ul li{
    margin-left: 22px;
}
.header-navbar  .no-bullets ul li a{
    color: #000;
    text-align: left !important;
}
.header-navbar  .no-bullets li:hover ul{
    display: block;
}

#header .header-mobile .hd-btnMenu > a svg path{
    fill: #ffffff;
}
#NavDrawer ul.no-bullets{
    color: #fff;
        padding: 20px 20px 0;
        margin-bottom: 0;
}
#NavDrawer ul.no-bullets li{
    position: relative;
    margin-bottom: 0;
}
#NavDrawer ul.no-bullets li a{
    color: #fff;
    display: block;
    padding: 7px 36px 7px 0;
}
#NavDrawer ul.no-bullets li span.sub-open{
    position: absolute;
    right: 0;
    top: 0;
    height: 36px;
    width: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
}
#NavDrawer ul.no-bullets li ul{
    padding-left: 10px;
    display: none;
}

.product-single #part2 *{
    margin-bottom:15px;

}
.product-single #part2 *:last-child{
    margin-bottom: 0;
}
figure {
    max-width: 100%;
    width: 100% !important;
/*    margin: 0;*/
}
@media (max-width: 768px){
     body .header-mobile .grid__item.medium--one-third.small--two-tenths {
        opacity: 1 !important;
    }
	.header-center .wrapper {
		display: none;
	}
}
section#related-products {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}

#chia-3-cot .item {
    margin-bottom: 0px;
}

.product-item .product-img {
    margin-bottom: 0px;
}

.product-item .product-title {
    margin-bottom: 0px !important;
}
.product-img img {
    max-width: 100%;
    width: 100%;
    height: auto;
}

.section-title h2:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    background: transparent url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 2.82843C0 1.04662 2.15428 0.154284 3.41421 1.41421L28.5858 26.5858C29.8457 27.8457 28.9534 30 27.1716 30H2C0.895431 30 0 29.1046 0 28V2.82843Z' fill='%23663399'/%3E%3C/svg%3E") no-repeat;
    width: 32px;
    height: 32px;
    z-index: -1;
}



.section-title h2 {
    position: relative;
    margin: 0;
    /* font-size: 26px; */
    /* font-weight: 700; */
    /* position: relative; */
    padding-left: 7px;
    /* width: -webkit-max-content; */
    width: -moz-max-content;
    width: max-content;
    z-index: 1;
    text-transform: uppercase;
}

@media(max-width: 500px){
	i.fas.fa-caret-right {
		font-size: 10px;
		margin-right: 5px;
	}

	#footer .footer-content .ft-nav ul li {
		padding-left: 0px !important;
	}
}

@media (min-width: 768px) {
    body #quytrinh .row-cols-md-2>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50% !important;
    }
}

#quytrinh .section>.container:not(.py-4) {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}
#quytrinh .fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
@media (min-width: 576px) {
    #quytrinh .container, #quytrinh .container-sm {
        max-width: 540px;
    }
}
@media (min-width: 768px) {
    #quytrinh .container, #quytrinh .container-md, #quytrinh .container-sm {
        max-width: 750px;
    }
}
@media (min-width: 992px) {
    #quytrinh .container, #quytrinh .container-lg, #quytrinh .container-md, #quytrinh .container-sm {
        max-width: 970px;
    }
}
@media (min-width: 1200px) {
    #quytrinh .container, #quytrinh .container-lg, #quytrinh .container-md, #quytrinh .container-sm, #quytrinh .container-xl {
        max-width: 1170px;
    }
}

#quytrinh .container, #quytrinh .container-fluid, #quytrinh .container-lg, #quytrinh .container-md, #quytrinh .container-sm, #quytrinh .container-xl, #quytrinh .container-xxl {
    width: 100%;
    padding-right: var(--bs-gutter-x, .75rem);
    padding-left: var(--bs-gutter-x, .75rem);
    margin-right: auto;
    margin-left: auto;
}
#quytrinh .fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
#quytrinh .tt-xs {
    letter-spacing: -.3px;
}
#quytrinh .tt-xs {
    font-size: var(--tt-xs);
    line-height: 1.3;
}
#quytrinh .tt, #quytrinh .tt-lg, #quytrinh .tt-md, #quytrinh .tt-sm, #quytrinh .tt-xl, #quytrinh .tt-xs, #quytrinh .tt-xxl {
    font-weight: 600;
    margin: 0 0 10px;
    color: #353849;
    letter-spacing: -.25px;
}
#quytrinh .text-center {
    text-align: center !important;
}
#quytrinh .text-uppercase {
    text-transform: uppercase !important;
}
#quytrinh .mb-3 {
    margin-bottom: 1rem !important;
}
#quytrinh .mt-3 {
    margin-top: 1rem !important;
}
@media screen and (min-width: 992px) {
    #quytrinh .step-o {
        --font-size: 16px;
    }
}
@media screen and (min-width: 768px) {
    #quytrinh .step-o {
        position: relative;
    }
}
#quytrinh .step-o {
    --font-size: 15px;
}
#quytrinh .counter-o {
    counter-reset: item;
}
#quytrinh .mb-4 {
    margin-bottom: 1.5rem !important;
}
@media screen and (min-width: 768px) {
    #quytrinh .step-o:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        height: 2px;
        background: #fff;
        margin: auto;
        z-index: -1;
    }
}
@media (min-width: 1200px) {
    #quytrinh .g-xl-4, #quytrinh .gx-xl-4 {
        --bs-gutter-x: 1.5rem;
    }
}
#quytrinh .g-3, #quytrinh .gx-3 {
    --bs-gutter-x: 1rem;
}
#quytrinh .row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y)* -1);
    margin-right: calc(var(--bs-gutter-x) / -2);
    margin-left: calc(var(--bs-gutter-x) / -2);
}
#quytrinh .step-o .col {
    padding-top: 15px;
}
#quytrinh .zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}
@media (min-width: 768px) {
    #quytrinh .row-cols-md-6>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.6666666667%;
    }
}

#quytrinh .row-cols-1>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
}
#quytrinh .row-cols-3>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 33.3333333333%;
}
#quytrinh .col {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
}
#quytrinh .row>* {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) / 2);
    padding-left: calc(var(--bs-gutter-x) / 2);
    margin-top: var(--bs-gutter-y);
}
#quytrinh .step-o .d-flex {
    border: 2px solid #fff;
    border-radius: 10px;
    padding: 18px 10px 10px;
    font-size: var(--font-size);
    
}
#quytrinh .block {
    display: block;
    position: relative;
    z-index: 1;
}
#quytrinh .lh-base {
    line-height: 1.5 !important;
}
#quytrinh .fw-medium {
    font-weight: 500 !important;
}
#quytrinh .align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}
#quytrinh .justify-content-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}
#quytrinh .h-100 {
    height: 100% !important;
}
#quytrinh .d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}
#quytrinh .step-o .counter-item {
    width: 36px;
    height: 36px;
    line-height: 32px;
    border-radius: 50%;
    border: 2px solid #fff;
    text-align: center;
    font-size: 18px;
    color: #000;
    font-weight: 600;
    background: #fff;
    position: absolute;
    top: -20px;
    right: 0;
    left: 0;
    margin: auto;
}
#quytrinh .counter-o .counter-item:before {
    counter-increment: item;
    content: counter(item);
}
#quytrinh .tt-ss {
    position: relative;
    margin-bottom: 28px;
}
#quytrinh .tt-sm {
    letter-spacing: -.5px;
}
#quytrinh .tt-sm {
    font-size: var(--tt-sm);
    line-height: 1.25;
}
#quytrinh .text-center .tt-ss:after, #quytrinh .tt-ss.text-center:after {
    margin-left: auto;
    margin-right: auto;
}
#quytrinh .tt-ss:after {
    content: "";
    display: block;
    width: 26px;
    height: 1px;
    border-bottom: 3px solid #fff;
    margin: 4px 0 0;
    opacity: .8;
}
.product-location a {
    color: #1E90FF !important;
}
.product-location {
    margin-top: 10px;
}
.product-price-detail.clearfix {
    margin-top: 10px;
    /* font-size: 17px; */
}

.product-price-detail.clearfix span {
    font-size: 17px;
}
.product-img {
    align-items: center;
}
.textUudai.text-left {
    display: none;
}

.product-item {
   
}
#quytrinh .block-fea .block {
    border: 1px solid #fff;
    background: rgba(193, 33, 135, .03);
    border-radius: 10px;
    padding: 20px;
    overflow: hidden;
}
#quytrinh .block-fea .counter-item {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    font-size: 149px;
    font-weight: 700;
    z-index: -1;
    line-height: 1.15;
    color: #ffffff45;
}
#quytrinh .text-primary {
    color: #fff !important;
}
#quytrinh .desc {
    line-height: 1.5;
}
#customize-search-bar.customize-search-bar{
        position: fixed;
    width: 100%;
    height: 100%;
    z-index: 99999;
    top: 0;
    right: 0;
    background: #000;
    transform: translateX(100%);
    transition: 0.2s;
}
#customize-search-bar.customize-search-bar.show-mobile{
    transform: translateX(0%);
}

.search-bar-mobile#customize-search-bar .csb-wrapper h2{
    color: #fff;
}
.search-bar-mobile#customize-search-bar .close{
    color: #fff;
}