footer .back-to-top.show {
    bottom: 110px;
} 
.dropdown-menu > li > a .price{
    display: block;
    color:#c00;
}
.panel-table-of-content .with-chevron a{
    padding: 0;
}
.panel-table-of-content .with-chevron .chevron {
    padding: 0 15px;
}
#table-of-content ul{
    list-style-type: decimal;
}
.cleanza-article .article-details .toc_link a {
    color: #000;
}
header.header .cleanza-main-nav.sticky{
    position: fixed;
    background: #fff;
} 
header.header .top-header {
	display:none;
} 

.bread-crumb {
    background-image: url(https://giakhangvietnam.com/image/catalog/slider/bg-footer-1.jpg);
    background-position: center;
} 
.danhmuc-them {
    display: flex;
    clear: both;
    margin-bottom: 14px;
    flex-wrap: wrap;
    justify-content: space-between;
}
.danhmuc-them-col {
    width: 23%;
    float: left;
    padding: 0px;
    border: 1px solid #ddd;
    border-radius: 10px;
    margin: 1%;
    box-shadow: 0 3px 6px -4px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
}

p.tendm {
    border-radius: 0 0 5px 5px;
    padding: 6px;
    background: #085691;
    font-size: 15px;
    margin-bottom: 0;
    font-weight: 600;
    line-height: 25px;
    text-align: center;
    color: #fff;
    width: 100%;
    text-transform: inherit !important;
}

p.tendm::after {
    position: absolute;
    bottom: 35px;
    left: 5px;
    right: 5px;
    content: '';
    height: 8px;
    background: #FCB817;
    width: max-content;
}
.article-content-box {
    border: 1px solid #e5e5e5;
    border-bottom: 4px solid #0033a0;
    border-radius: 20px;
    padding: 20px 25px;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    position: relative;
    overflow: hidden;
}

.article-content {
    color: #333;
    line-height: 1.8;
    max-height: 250px;
    overflow: hidden;
    transition: max-height 0.5s ease;
    position: relative;
}

/* hiệu ứng mờ dần ở đáy nội dung */
.article-content::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 80px;
    background: linear-gradient(to top, #fff, rgba(255,255,255,0));
    pointer-events: none;
    transition: opacity 0.3s ease;
}

.article-content.expanded::after {
    opacity: 0;
}

.article-btn-box {
    text-align: center;
    margin-top: 20px;
}

.btn-toggle-content {
    display: inline-block;
    padding: 8px 24px;
    border-radius: 25px;
    border: 1px solid #0033a0;
    color: #0033a0;
    background: transparent;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
}

.btn-toggle-content:hover {
    background: #0033a0;
    color: #fff;
}

.btn-toggle-content.expanded {
    background: #0033a0;
    color: #fff;
}
.slick-slide img {
    width: 100%;
} 
.category-thumb img {
    height: 250px;
    width: 250px;
    object-fit: contain;
}
.section-title h2 ,.section_project .section_service_title h3 a,.section_blogs .section_service_title h3 a,h2.section_partner{
    font-size: 28px;
    font-weight: bold;
    color: #095891;
    text-transform: uppercase;
	text-align:center;
} 
.cleanza-main-nav::before {
    content: "";
    position: absolute;
    top: 0;
    left: -16px;
    width: 28%;
    height: 100%;
    background: #ffffff;
    transform: skewX(-22deg);
    z-index: 0;
    pointer-events: none;
}
header.header .cleanza-main-nav,header.header .cleanza-main-nav.sticky {
    background: #085790;
}
header .nav-item > a,header .nav-item.active > a {
	color:white;	font-size: 16px;
}
path.active-path,header.header .cleanza-main-nav .header-right .cleanza-search svg g ,header.header .cleanza-main-nav .header-right .cleanza-account > a svg g path,.cleanza-cart.mini-cart g{
    fill: white !important;
} 
section.section_faq.page-faq .col-xs-12.col-sm-12.col-md-12 {
    padding: 0;
}

.page-faq .product-fpt-with-stick-tab .panel-group .panel-default .panel-heading .panel-title a {
    background: linear-gradient(to right, #085790d9, #085790, #1f7cbfb0) !important;
    color: white;
} 
footer.footer .footer-logo-and-info img {
    filter: brightness(0) invert(1);
    max-height: 100px;
}
.footer-description {
    color: white;
} 
footer.footer .footer-widget ul li a,.footer-description {
    font-size: 16px;
}
  footer.footer .footer-logo-and-info img {
    margin-top: -35px;
  }
@media(max-width:767px){
 .cleanza-main-nav::before{
       width: 36%;
  }
  .col-xs-6 {
    width: 50%;
}
  .section-title h2, .section_project .section_service_title h3 a, .section_blogs .section_service_title h3 a, h2.section_partner {
    font-size: 24px;
  }
.col-lg-3.col-md-6.widget {
    width: 50%;
}
  header.header .cleanza-main-nav .nav {
        background-color: #085790;
  }
  header .nav-item ul.dropdown-menu {
        background: #0a62a1;
  }
      header .nav-item ul.dropdown-menu li a {
        color: white;
    }
  .danhmuc-them-col {
    width: 48%;
  }

} 
@media(min-width:1720px){
.cleanza-main-nav::before{
    width: 32%;
  }
}
@media(min-width:2048px){
.cleanza-main-nav::before{
    width: 36%;
  }
}
header.header .cleanza-main-nav .header-right #trigger-mobile .icon-bar {
    background-color: #ffffff;
}