#banner-1565228181 img {
  width: 100vw;
}

li a[href="https://sdental.vn/trong-rang-implant-all-on-4"],
li a[href="https://sdental.vn/trong-rang-implant"] {
	display: none
}

#text-box-1620248454 {
    width: 80% !important;
}

#section_1779862522 {
 background-color: #fff;
  
}

.box-horizontal {
  display: block !important;
}

.box-horizontal {
  border-radius: 0 !important;
}

.col-inner .post--items {
  border-radius: 20px !important;
}

.cam-ket-section .box-image img {
    margin-bottom: 0 !important;
}

.bai-viet-su-kien .box-text {
	padding-bottom: 10px !important;
}

.box-blog-post {
  padding: 20px 0 0 !important;
}

.cam-ket-section .box-image img {
    max-width: 100px !important;
}

.cam-ket-section .post-title {
	font-size: 13px !important;
}

.cam-ket-section .post--items:hover .post-title {
	transform: unset !important;
}

.blog-archive .post-item .post-title {
	overflow: visible;
}

.blog-archive .post-item .from_the_blog_excerpt {
	display: none;
}

@media only screen and (max-width: 720px) {
  .col-inner .post--items {
     border-radius: 20px !important;
  }
  
  .row.bai-viet-su-kien.large-columns-3.medium-columns-1.small-columns-1 .col {
  	padding-bottom: 10px  !important;
  }
  
  .row.bai-viet-su-kien.large-columns-3.medium-columns-1.small-columns-1 .box-text {
      padding-bottom: 10px !important;
      max-width: 145px;
      margin: 0 auto;
      text-align: center !important;
   }
  
  .cam-ket-section .post-title {
  	  white-space: normal !important;
  }
  
  .row.bai-viet-su-kien.large-columns-3.medium-columns-1.small-columns-1 {
    margin-left: -20px !important;
    margin-right: -10px !important;
  }
  
  .row.bai-viet-su-kien.large-columns-3.medium-columns-1.small-columns-1 .col {
  	display: flex !important;
    gap: 10px !important;
  }
  
  .row.bai-viet-su-kien.large-columns-3.medium-columns-1.small-columns-1 .col .col-inner {
  	width: 50%;
    margin-top: 0 !important;
  }
  
    .row.bai-viet-su-kien.large-columns-3.medium-columns-1.small-columns-1 .col:nth-child(1) .col-inner:nth-child(1) .post-title {
  	max-width: 110px !important;
    margin: 0 auto;
  }
  
  
  .row.bai-viet-su-kien.large-columns-3.medium-columns-1.small-columns-1 .col:nth-child(2) .col-inner:nth-child(1) .post-title {
  	max-width: 127px !important;
    margin: 0 auto;
  }

    .row.bai-viet-su-kien.large-columns-3.medium-columns-1.small-columns-1 .col:nth-child(3) .col-inner:nth-child(1) .post-title {
  	max-width: 80px !important;
    margin: 0 auto;
  }
  
  .row.bai-viet-su-kien.large-columns-3.medium-columns-1.small-columns-1 .col:nth-child(3) .col-inner:nth-child(2) .post-title {
  	max-width: 100px !important;
    margin: 0 auto;
  }
}

.lien-he-dich-vu .mobile {
	display: none;
}

@media only screen and (max-width: 600px) {
  .lien-he-dich-vu .mobile {
      display: block;
  }
  
  .lien-he-dich-vu .desk-top {
  	display: none
  }
}

.card-container {
    display: grid;
    gap: 20px;
    width: 100%;
}

.card-container .card {
    background-color: #fff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.card-container .card-header {
    display: flex;
    color: #fff;
    height: 60px;
}

.card-container .card-header .number-container {
    background-color: #dedede;
    /* Màu xám nhạt */
    color: #fff;
    /* Màu chữ trắng xám */
    display: flex;
    justify-content: flex-end;
    /* Căn số sang phải trong ô của nó */
    align-items: center;
    padding-right: 20px;
    padding-left: 40px;
    font-size: 2.5em;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    box-sizing: border-box;
    flex-shrink: 0;
    font-family: 'Cafeta', sans-serif;
}

.card-container .card-header h3 {
    background-color: #d12228;
    /* Màu đỏ */
    color: #fff;
    margin: 0;
    flex-grow: 1;
    display: flex;
    justify-content: center;
    /* Căn giữa ngang cho tiêu đề */
    align-items: center;
    /* Căn giữa dọc tiêu đề */
    padding: 0 20px;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    box-sizing: border-box;
    margin-left: 8px;
}

.card-container .card-content {
    padding: 20px;
    display: flex;
    align-items: flex-start;
    gap: 40px;
    flex-grow: 1;
    background-color: #f8f8f8;
}

/* ----------- Thay đổi tại đây ----------- */
.card-container .icon-wrapper {
    width: 60px;
    /* Kích thước cố định cho wrapper */
    height: 60px;
    /* Kích thước cố định cho wrapper */
    display: flex;
    /* Dùng flexbox để căn giữa hình ảnh bên trong */
    justify-content: center;
    /* Căn giữa ngang hình ảnh */
    align-items: center;
    /* Căn giữa dọc hình ảnh */
    margin-bottom: 15px;
    /* Giữ khoảng cách với đoạn văn bản */
    flex-shrink: 0;
    /* Ngăn wrapper bị co lại */
}

.card-container .card-content img {
    max-width: 100%;
    min-width: 75px;
    /* Giữ hình ảnh không vượt quá chiều rộng của wrapper */
    max-height: 100%;
    /* Giữ hình ảnh không vượt quá chiều cao của wrapper */
    object-fit: contain;
    /* Đảm bảo hình ảnh giữ nguyên tỷ lệ và nằm gọn trong wrapper */
    display: block;
    /* Loại bỏ khoảng trống dưới cùng của inline image */
    margin: 0 auto;
    /* Đảm bảo hình ảnh được căn giữa nếu wrapper lớn hơn */
}

/* ----------- Kết thúc thay đổi ----------- */


.card-container .card-content p {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    color: #333;
    margin: 0;
  	text-align: left;
}

.card-container a {
  display: flex;
}

/* Responsive Styles */

/* Desktop: 3 columns */
@media (min-width: 1024px) {
    .card-container {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* Tablet: 2 columns */
@media (min-width: 768px) and (max-width: 1023px) {
    .card-container {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Mobile: 1 column */
@media (max-width: 767px) {
    .card-container {
        grid-template-columns: 1fr;
    }
  
  .section.dich-vu-trong-tam-section {
        padding: 50px 15px;
  }

    .card-container .card-header {
        height: 50px;
    }
  
  	.card-container .card-content p {
  	text-align: justify	
  }

    .card-container .card-header .number-container {
        padding-right: 15px;
        padding-left: 30px;
        font-size: 2em;
    }

    .card-container .card-header h3 {
        padding: 0 15px;
        font-size: 1.1em;
        margin-left: 8px;
    }

    .card-container .card-content {
        padding: 15px;
    }

    /* ----------- Thay đổi tại đây cho Responsive ----------- */
    .card-container .icon-wrapper {
        width: 50px;
        /* Kích thước cố định nhỏ hơn cho mobile */
        height: 50px;
        /* Kích thước cố định nhỏ hơn cho mobile */
        margin-bottom: 10px;
    }

    /* ----------- Kết thúc thay đổi ----------- */
    .card-container .card-content p {
        font-size: 0.95em;
    }
}