@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');
body {
	font-family: "Be Vietnam Pro", sans-serif;
  font-size: 16px;
}
header.header .cleanza-main-nav .header-info-right .btn, 
header.header .cleanza-main-nav .header-info-right input[type="submit"] {
  border-radius: 10px;
  padding: 0px 25px !important;
}
/* Gradient trắng sang xanh lá theo logo KATRI */
header.header {
    background: linear-gradient(90deg, #ffffff 0%, #00604b 100%) !important;
    box-shadow: 0 2px 12px rgba(0, 96, 75, 0.12);
}

/* Logo bên trái - màu xanh đậm trên nền trắng */
header.header .logo,
header.header .logo * {
    color: #00604b !important;
}

/* Text ở giữa - cần transition màu */
header.header .header-center {
    color: #00604b !important;
}

/* Email, Phone, Button bên phải - màu trắng */
header.header .header-right,
header.header .header-info-right {
    color: #ffffff !important;
}

header.header a[href^="mailto"],
header.header a[href^="tel"] {
    color: #ffffff !important;
    font-weight: 600;
}

/* Button LIÊN HỆ */
header.header .btn,
header.header button {
    background-color: rgba(255, 255, 255, 0.25) !important;
    border: 2px solid rgba(255, 255, 255, 0.5) !important;
    color: #ffffff !important;
    font-weight: 600;
}

header.header .btn:hover,
header.header button:hover {
    background-color: rgba(255, 255, 255, 0.4) !important;
    transform: translateY(-2px);
}

/* Icon bên phải - màu trắng */
header.header .header-info-right svg path {
    fill: #ffffff !important;
}
.module-title {
	margin-bottom: 15px !important;
}
.section_about {
	padding: 40px 0;
}
.section_about .about-content a {
	display: none;
}
.breadcrumb li {
	text-transform: uppercase;
}

.warranty-template-module {
  padding: 30px 0;
}

footer.footer {
    padding-top: 0px;
}
footer .back-to-top.show {
    bottom: 110px;
}
footer.footer .copyright {
	margin-top: 0px;
}
footer.footer .footer-logo-and-info {
	margin-bottom: 40px;
}

.footer .footer-private {
  	padding-top: 40px;
    background: linear-gradient(
        180deg,
        #00604b 0%,
        #00372c 100%
    );
}

.footer .footer-logo-silver {
    height: 65px;
    margin: 0 auto;

    background: linear-gradient(
        120deg,
        #9aa0a4 0%,     /* shadow đầu */
        #cfd4d8 15%,
        #f5f7f8 30%,
        #ffffff 50%,   /* vùng bạc LAN RỘNG */
        #f5f7f8 70%,
        #c3c8cc 85%,
        #8f9498 100%   /* shadow cuối */
    );
  
    -webkit-mask: url("/image/catalog/logo/logo-2-white.png") no-repeat left;
    -webkit-mask-size: contain;

            mask: url("/image/catalog/logo/logo-2-white.png") no-repeat left;
            mask-size: contain;
  filter: contrast(1.18) brightness(1.04);
}


.footer .footer-text {
    margin-top: 12px;
    font-size: 13px;
    letter-spacing: 0.4px;
    color: rgba(255, 255, 255, 0.65);
}

.dropdown-menu > li > a .price{
    display: block;
    color:#c00;
}
.panel-table-of-content .with-chevron {
    padding: 0;
}
.panel-table-of-content .with-chevron .chevron {
    padding: 0 15px;
}
header.header .cleanza-main-nav .header-info-right {
    text-align: right;
}
header.header .top-header {
	display: none;
}
header.header .cleanza-main-nav .header-info-right li {
    display: inline-block;
    text-align: left;
    position: relative;
    margin-right: 15px;
}
header.header .cleanza-main-nav a:hover, header.header .top-header a:focus {
    color: var(--shop-color-main);
}
header.header .cleanza-main-nav svg path {
    /*fill: var(--shop-color-main) !important;*/
}
header.header .cleanza-main-nav .header-info-right .btn, 
header.header .cleanza-main-nav .header-info-right input[type="submit"] {
    color: #fff;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 13px;
    text-transform: uppercase;
    background-color: var(--shop-color-main);
    padding-top: 0;
    padding-bottom: 0;
}
.section_about .col-lg-6.about-content {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.section_about .col-lg-6.about-image {
	display: none;
}
#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;
} 
@media (max-width:767px){
  .service-team_list_view-text{
  	text-align:center
  }
} 
.section_about .about-content p{
max-width:100%
}
.templates-grid.row{
justify-content:center;
}
.about-image img{
border-radius:10px
}
.section_about .about-content p,
.section_about .about-content h3{
	color:#000
}
.section_partner .brands-item img{
opacity:1
} 
.footer-des{
margin-top:1rem
}
.footer-des p{
	margin-bottom:0.5rem
}
.footer-des,
.footer-des a{
color:#fff
}
.section_partner  img{
	width:100%
}
.modal-open .modal {
	top: 60px;
}
footer._footer {
  background: url("/image/catalog/footer-smile.png") var(--footer-bg-color-2);
  background-size: 960px 415px;
  background-repeat: no-repeat;
  background-position: right center;
}
footer.footer {
    position: relative;
    background: var(--footer-bg-color-2);
    overflow: hidden;
}
.awe-section-3 {
    margin-bottom: 0;
    background-color: #fff;
}
.section_blogs .cleanza-item-blogs h3 {
    font-size: 16px;
    margin-top: 15px;
    margin-bottom: 0;
    height: 45px;
}
.section_blogs .cleanza-item-blogs a.readmore {
    padding: 10px 20px;
    border: 1px solid;
    margin-top: 12px;
    display: block;
    float: right;
    border-radius: 8px;
}
.cleanza-themes {
    padding-bottom: 50px;
}
header.header .cleanza-main-nav .header-info-right {
    margin-top: 12px;
}
.bread-crumb {
    background-position: top;
    background-size: contain;
}

/* NỘI DUNG FOOTER */
.footer-des, .footer-des a {
	color: #fff;
}
.section_blogs .section_service_title {
	max-width: 100%;
}
.section_blogs .section_service_title span {
  display: none;
}
.section_blogs .section_service_title h3, .module-title {
	text-transform: uppercase;
  	font-weight: bold;
}
.btn-check-card {
    background: #1a7542 !important;
}
.btn-check-card .fa {
    font-size: 18px;
    color: #183a29;
}
/* Base state */
.template-card {
    position: relative;
    transition: 
        box-shadow 0.25s ease,
        border-color 0.25s ease,
        background-color 0.25s ease;
    border-radius: 12px;
}

/* Hover trực tiếp vào card */
.template-card:hover {
    background-color: rgba(0, 123, 255, 0.04);
    box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
}

/* Khi input / button bên trong được focus */
.template-card:focus-within {
    background-color: rgba(0, 123, 255, 0.06);
    box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.35);
}

/* Optional: làm input nổi rõ hơn khi focus */
.template-card:focus-within .template-code-input {
    border-color: #007bff;
    box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.2);
}

.home-slider .slick-dots li button, .home-slider .slick-dots li.slick-active button {
	border-radius: 50%;
}
@media (max-width: 767px) {
	header.header .cleanza-main-nav .header-info-right {
      margin-top: 5px;
  }
   header.header .cleanza-main-nav .header-right {
  	display: none;
  }
}
@media (max-width: 480px) {
  .section_blogs .section_service_title p {
      text-align: justify !important;
  }
  .section_blogs .cleanza-item-blogs h3 {
  	height: auto;
  }
  footer.footer::before {
    opacity: 0.3; 
  }
  footer.footer {
    padding-top: 0px;
  }
} 

@media (max-width: 767px) {
    .section_about .about-content h3, .section_blogs .section_service_title h3, .module-title {
        font-size: 21px !important;
    }
}

@media(min-width:768px){
  .js-readmore{
  	display:none !important
  }
}