.section-commitment .nav-tabs {
    justify-content: center;
}
.section-commitment .nav-tabs li {
       padding: 18px 0;
    border: 1px solid;
    margin: 10px;
}
.section-commitment .nav-tabs li a.active {
    background: #2c2d2d;
    padding: 20px;
    color:white;
}
.intro-wrapper-3col {
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
  font-family: 'Helvetica Neue', sans-serif;
  color: #333;
}

.intro-col {
  flex: 1;
  min-width: 280px;
}

.intro-col.center {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.intro-col.center img {
    max-height: 380px;
    border-radius: 6px;
    object-fit: cover;
}

/* Tùy chỉnh tiêu đề, đoạn văn */
.intro-col h2 {
  font-size: 24px;
  margin-bottom: 20px;
}

.intro-col h3 {
  font-size: 18px;
  font-weight: bold;
  margin: 20px 0 10px;
}

.intro-col p {
  font-size: 15px;
  line-height: 1.6;
  margin-bottom: 10px;
}

/* Dropcap */
.intro-dropcap {
  font-size: 40px;
  font-weight: bold;
  float: left;
  margin-right: 6px;
  line-height: 1;
  color: #000;
}

.intro-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  padding: 40px;
  background-color: #f2f2f2;
  font-family: 'Helvetica Neue', sans-serif;
  color: #333;
}

.intro-left,
.intro-right {
  flex: 1;
  min-width: 320px;
}

.intro-title {
  font-size: 24px;
  margin-bottom: 20px;
}

.intro-subtitle {
  font-size: 18px;
  font-weight: bold;
  margin-top: 30px;
  margin-bottom: 10px;
}

.intro-highlight {
  font-size: 18px;
  font-weight: bold;
  margin-top: 30px;
}

.intro-dropcap {
  font-size: 42px;
  font-weight: bold;
  float: left;
  margin-right: 6px;
  line-height: 1;
  color: #000;
}

.intro-gallery {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.intro-gallery img {
  width: 100%;
  border-radius: 6px;
  object-fit: cover;
}

p {
  font-size: 15px;
  line-height: 1.6;
  margin-bottom: 10px;
}

footer .back-to-top.show {
    bottom: 110px;
} 
.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;
}
#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;
} 
.cleanza-list-blog-page .list-blogs .blog-item .blog-item-thumbnail {
    height: 250px;
    border-radius: 0;
}
.cleanza-list-blog-page .list-blogs .blog-item .blog-item-thumbnail img:not(.loaded) {
    object-fit: cover;
}
.post-time ,.readmore{
	display:none !important;
}
.cleanza-list-blog-page .list-blogs .blog-item {
    background: #efeded;
}
html, body {
  
    background: white;
}
.blog-item-mains {
    padding: 10px 20px;
} 
.bread-crumb h2{
	color:#000000;
    position:relative;
    font-family: "BDSans", sans-serif; 
} 
@media (min-width:1500px){
	.bread-crumb h2 {
    	font-size:48px;
        line-height:54px
    }
} 
body{
    font-family: "Montserrat", sans-serif; 
}
p{
    font-family: "Montserrat", sans-serif; 
}
.service-service_three_column_02__item .service-service_three_column_02__item-text h3{
    font-family: "Montserrat-Bold", sans-serif; 
}
.section-service__title{
    font-family: "Presidente", sans-serif; 
}
h1{
    font-family: "BDSans", sans-serif; 
}
h2{
    font-family: "Presidente", sans-serif; 
}
.section_album {
  padding: 20px;
}

.album-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
}

.album-item {
  height: 250px; /* Cố định chiều cao ảnh */
  overflow: hidden;
  border-radius: 10px;
}

.album-item img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Cắt ảnh vừa khung mà không méo */
  display: block;
  transition: transform 0.3s;
}

.album-item:hover img {
  transform: scale(1.05); /* Hover phóng nhẹ */
}
.bread-crumb {
    background: linear-gradient(to right, #d9d9d9, #ffffff) !important;
    padding: 20px 0;
}
.bread-crumb:before {
	display:none !important;
}
	footer.footer-news {
    position: fixed;
    bottom: 0;
    background: white;
    width: 100%;
}
  .home-slider .slick-slide img {
    width: 100%;
    object-fit: cover;
    height: 100vh;
}
.cleanza-themes {
    background: linear-gradient(to right, #d9d9d9, #ffffff);
}
/* Responsive 2 cột */
@media (max-width: 768px) {
.home-slider .slick-slide img {
    height: auto;
}
  .album-grid {
    grid-template-columns: repeat(2, 1fr);
  }


/* Responsive 1 cột */
@media (max-width: 480px) {
  .album-grid {
    grid-template-columns: 1fr;
  }
}
@media (min-width:992px){
	.vbox-content{
    height:70vh
    }
}