/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 10 2025 | 04:40:59 */
/* 4. CHiều cao blog */
.section_post .post-item > .col-inner {
	min-height: 370px;
}


/* 5. Thông báo hển thị cách xa hơn phone field */
.form-tel__bao-quy-dau .wpcf7-response-output {
    margin-top: 20px !important;
}


/* 9. Chưa căn lề 2 bên trên màn hình mobile.
Page: Giới thiệu về bác sĩ */
/* .slider_gioithieuvebacsi_mobile div.row.align-equal.show-for-medium {
    padding: 0 30px;
} */


/* Lệch nút đặt lịch hẹn ngay */
/* Trang chủ */
@media (min-width: 850px) {
	.section1.trangchu .btn-datichhenngay .col-inner{
		padding-left: 0 !important;
		padding: 0 !important
	}
}
/* Trang giới thệu về phòng khám */
.section1.gtvephongkham a.button.secondary.button_datlichhenngay {
    margin-left: 15px;
}
/* Trang thẩm mỹ cậu nhỏ */
.section1.thammycaunho .btn-guiphieudien {
    padding-left: 0 !important;
}
/* Trang giới thệu về bác sĩ */
@media (min-width: 850px) {
	.section1.gioithieuvebacsi .btn-datlichhenngay .col-inner {
		margin-left: 0 !important;
	}
}




/* 12. Logic chưa giống trang chủ */
.section_tab_thammycaunho {
    background-color: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    margin-top: -70px;
}

.section_tab_thammycaunho > div {
    padding: 30px 50px;
}

.section_tab_thammycaunho ul.nav.nav-line.nav-uppercase.nav-size-normal.nav-left {
    justify-content: space-between;
}

.section_tab_thammycaunho ul.nav.nav-line.nav-uppercase.nav-size-normal.nav-left li[role="presentation"] {
    --gap-four-tab: 16px;
    width: calc(25% - var(--gap-four-tab));
	margin: 0;
}


.section_tab_thammycaunho ul.nav.nav-line.nav-uppercase.nav-size-normal.nav-left li > a {
    width: 100%;
    height: 100%;
    background: url("/wp-content/uploads/2024/09/Frame-38582-1.png") center / cover no-repeat;
    padding: 15px;
    border-radius: 10px;
    box-shadow: 0px 3.432px 20.59px -0.858px rgba(0, 0, 0, 0.20);
}

.section_tab_thammycaunho ul.nav.nav-line.nav-uppercase.nav-size-normal.nav-left li:nth-of-type(1)  > a > span::before {
	background-image: url('/wp-content/uploads/2024/09/Vector-1.png');
}
.section_tab_thammycaunho ul.nav.nav-line.nav-uppercase.nav-size-normal.nav-left li:nth-of-type(2)  > a > span::before {
	background-image: url('/wp-content/uploads/2024/09/Group-2.png');
}
.section_tab_thammycaunho ul.nav.nav-line.nav-uppercase.nav-size-normal.nav-left li:nth-of-type(3)  > a > span::before {
	background-image: url('/wp-content/uploads/2024/09/Group-38574-1.png');
}
.section_tab_thammycaunho ul.nav.nav-line.nav-uppercase.nav-size-normal.nav-left li:nth-of-type(4)  > a > span::before {
	background-image: url('/wp-content/uploads/2024/09/Group-38577.png');
}

.section_tab_thammycaunho ul.nav.nav-line.nav-uppercase.nav-size-normal.nav-left li > a > span{
	    color: black;
    font-size: 13px;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    font-family: Montserrat;
	display: flex;
	flex-direction: column;
	gap: 10px;
}


.section_tab_thammycaunho ul.nav.nav-line.nav-uppercase.nav-size-normal.nav-left li > a > span::before {
	content: "";
    width: 50px;
    height: 50px;
    display: block;
    background-repeat: no-repeat;
    background-color: #515151;
    background-position: center;
    background-size: auto 35px;
	border-radius: 10px;
}

.section_tab_thammycaunho ul.nav.nav-line.nav-uppercase.nav-size-normal.nav-left li.active:nth-of-type(1) > a > span::before {
	background-color: #0028AF;
}
.section_tab_thammycaunho ul.nav.nav-line.nav-uppercase.nav-size-normal.nav-left li.active:nth-of-type(2) > a > span::before {
	background-color: #0AAFA5;
}
.section_tab_thammycaunho ul.nav.nav-line.nav-uppercase.nav-size-normal.nav-left li.active:nth-of-type(3) > a > span::before {
	background-color: #e6c84b;
}
.section_tab_thammycaunho ul.nav.nav-line.nav-uppercase.nav-size-normal.nav-left li.active:nth-of-type(4) > a > span::before {
	background-color: #e52f2f;
}




@media (max-width: 768px) {
	.section_tab_thammycaunho > div {
    padding: 30px 15px;
}

.section_tab_thammycaunho ul.nav.nav-line.nav-uppercase.nav-size-normal.nav-left {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
}

.section_tab_thammycaunho ul.nav.nav-line.nav-uppercase.nav-size-normal.nav-left li[role="presentation"] {
    width: 100%;
}
}





/* 13.1 Banner lịch sử hình thành của trang thẩm mỹ cậu nhỏ */
:root {
	--distance-two-banners-by-desktop: 24px;
}
.section_lichsuhinhthanh {
    gap: var(--distance-two-banners-by-desktop);
}

.banner_lichsuhinhthanh {
    background: url("/wp-content/uploads/2024/09/Frame-38582-1.png") center / cover no-repeat;
    border-radius: 20px;
    padding: 24px;
    max-width: calc(50% - var(--distance-two-banners-by-desktop) / 2);
}


/* 13.2 Khoảng cách chăm sóc tận tình, kết quả hoàn hảo */
@media (max-width: 767px) {
	.section_chamsoctantinh-ketquahoanhao .gap-element.clearfix, .section.chamsoctantinh .gap-element.clearfix{
		display: none !important;
	}
}

/* 14. Khoảng  */


/* 14: CHữ quá to trên giao diện điện thoại */
@media (max-width: 768px) {
	.text-heading-title > h3 {
		font-size: 24px !important;
	}

	.text-heading-title > p {
		line-height: 1.5em;
	}
	
	.text-heading-title > h4 {
		line-height: 1em;
	}

	.text-heading-title > p b, .text-heading-title > h4 b {
		font-size: 30px;
	}

	.text-heading-title > p b br{
		display: none;
	}
}

/* 15: Chiều cao banner quá cao */
section.section.banner-text-title .section-content > div > div, section.section.banner-text-title .section-content > div, section.section.banner-text-title .section-content {
    max-height: 50vh !important;
    min-height: unset !important;
}

@media (max-width: 768px) {
	section.section.banner-text-title .section-content > div > div, section.section.banner-text-title .section-content > div, section.section.banner-text-title .section-content {
    max-height: 75vh !important;
    min-height: unset !important;
}
}

/* 16 Form tìm kiếm trên mobile */
@media (max-width: 768px) {
	ul.nav-dropdown.nav-dropdown-bold {
		border-radius: 0;
		padding: 0;
		top: 75px;
	}

	ul.nav-dropdown.nav-dropdown-bold li.header-search-form.search-form.html.relative.has-icon {
		padding: 0;
	}
	.nav-dropdown-has-arrow li.has-dropdown:before {
    border-width: 11px;
    margin-left: -11px;
    z-index: -999;
    top: 53px;
}

}

/* 17. 2 nút rớt xuống */
@media (max-width: 768px) {
	.button_datlichhen_va_xemhoso {
		gap: 15px;
	}
	.button_datlichhen_va_xemhoso > div {
		max-width: calc(50% - 15px /2);
		padding: 0;
	}
	.button_datlichhen_va_xemhoso > div a {
		margin: 0;
		width: 100%;
		font-size: 14px;
	}
}

/* 18: Nút xem thêm */
a.btn-xemthem span {
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 35px;
}

a.btn-xemthem span::after {
    width: 24px;
    height: 24px;
    content: "";
    display: inline-block;
    background: url("/wp-content/uploads/2025/01/arrow-right.svg") center / contain no-repeat;
    margin-left: 10px;
transition: all .5s ease;
}


a.btn-xemthem:hover span::after {
    background: url("/wp-content/uploads/2025/01/arrow-right-active.svg") center / contain no-repeat;
    margin-left: 30px;
}


/* Tìm kiếm bị đè */
.is-search-input {
    position: absolute;
    top: 50px !important;
}






/*  */
.lsht_contain {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 32px;
}

.lsht_item {
    background: url('/wp-content/uploads/2024/09/QUY-TRINH-1.png') center/cover no-repeat;
    padding: 24px !important;
    min-width: 100%;
    border-radius: 16px;
}
@media (max-width: 768px) {
	.lsht_contain {
		margin-left: 0 !important;
		margin-right: 0 !important;
		grid-gap: 10px;
	}
	
	.lsht_item {
		padding: 24px 10px !important;
	}
	
	.lsht_item .box-image {
		width: 60px !important;
	}
	
	.lsht_item .box-text.text-center {
		padding-left: 0 !important;
		padding-right: 0 !important;
		padding-bottom: 0 !important;
	}
	
	.lsht_contain .lsht_item .box-text.text-center > div > p:not([style]) > span {
		font-size: 14px !important;
	}
}


.blog_home h5.post-title.is-large a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    height: calc(24.7px * 2 + 15px);
}





a.button.alert.xinchao {
    font-size: 15.52px;
}


section.section.section_thuvienvideo {
    background: url('https://bssacnamhocbvvietduc.vn/wp-content/uploads/2024/09/Frame-38582-1.png') center / cover no-repeat;
}

.dot-container > div {
    text-align: center;
}

.subquytrinhthamkham > div > div > div > div{
	display: flex;
/* 	flex-direction: column; */
	justify-content: center !important;
}

@media (max-width: 768px) {
	.banner_smg .is-full-height {
/*     height: 100%; */
    height: 60vh !important;
}
	
	.row.ctn_thuvienvd {
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding-left: 15px !important;
		padding-right: 15px !important;
		width: auto;
	}
	    
}
