/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.header-wrapper{    box-shadow: 0px -3px 16.5px rgba(0, 0, 0, 0.16);}
.parallelogram { position: relative;  transition: 0.5s; display: flex;  margin-left: auto;  margin-right: auto; width: fit-content; background-color:#01b4b1; transform: skew(calc(24deg / -1), 0deg); border-radius: 10px;  border: 1px solid transparent;}
.button-contact-header .parallelogram {  padding: 8px 32px;}
.button-contact-header .parallelogram i { transform: skew(14deg, 0deg) rotate(-45deg); margin-right: 10px; margin-bottom: 8px;}
.parallelogram>*:not(.background) { position: relative; z-index: 1;   transform: skew(var(--skew-deg), 0deg);}
.parallelogram * {  color: #fff;  transition: 0.5s;}
.text-18px {font-size: clamp(1rem, 0.975rem + 0.125vw, 1.125rem); background: url(images/icon-hotline.png) no-repeat left; padding-lefT: 33px;  font-weight: bold;}
.parallelogram:hover .text-18px {background: url(images/icon-hotline-hover.png) no-repeat left;} 
.parallelogram:not(.white):hover {  background-color: #fff; border-color: #01b4b1;}
.parallelogram:not(.white):hover *:not(.background) {  color: #01b4b1;}
.left_dichvuhome .col-inner{     background: #01b4b1; color: #fff;border-radius: 10px; padding: 28px 25px;    -webkit-box-shadow: 0px 0px 10px -1px rgba(112, 112, 112, 1); -moz-box-shadow: 0px 0px 10px -1px rgba(112, 112, 112, 1); box-shadow: 0px 0px 10px -1px rgb(112 112 112 / 51%);}
.section1_home{    margin-top: -55px;}
.section1_home h2{color: #fff; background: url(images/lineh2.png) no-repeat bottom left; padding-bottom:15px; margin-bottom:15px}
.section1_home .large-9 .col-inner{background: rgb(242, 242, 254);  border-radius: 10px;    padding: 20px 20px 0;    -webkit-box-shadow: 0px 0px 10px -1px rgba(112, 112, 112, 1); -moz-box-shadow: 0px 0px 10px -1px rgba(112, 112, 112, 1);  box-shadow: 0px 0px 10px -1px rgb(112 112 112 / 51%);}
.parallelogram.white:hover * {  color:#fff;}
.section1_home  .parallelogram p {  column-gap: 12px;padding-left: 60px;    padding-right: 60px;color:#333;     margin-bottom: 0px; line-height: 45px;}
.section1_home .large-9 .large-4 .col-inner { background: #fff;  border-radius: 10px; padding: 10px 15px;}
.section1_home .large-9 .large-4 .col-inner h4{    margin-bottom: 10px;}
.section1_home .large-9 .large-4 .box-text.text-center{     padding-left: 0px; padding-right: 0px;}
.section1_home .large-9 .large-4 { padding-bottom: 22px}
.img_chuongtrinh_bt{    background: url(images/lin-ctrinh-2.png) no-repeat bottom center; padding-bottom: 0px; margin-bottom: 20px; padding: 0 8.5%;} 
.img_chuongtrinh_bt p{ margin-bottom: 0px}
.bt_buocthamkham{padding: 0 8%;}
.bt_buocthamkham h3{font-size: 18px; color: #424242;}
.bt_buocthamkham p{ font-size: 16px;  color: #424242;}
.title_h2_home h2{ font-size: 30px; color: #01b4b1; padding-top: 10px;}
.section2_home, .section3_home{ padding-bottom: 0px !important}
.section3_home .icon-box .icon-box-img{ background: #00b4b1;    border-radius: 10px 0 0 10px;}
.section3_home .icon-box  .icon-box-text{ background: #f2f2fe; border-radius: 0 10px 10px 0;}
.section3_home .icon-box .icon-box-img .icon-inner{line-height: 78px;}
.section3_home .icon-box  .icon-box-text p{margin-bottom: 0px; padding-top: 10px;}
.section3_home .icon-box { -webkit-box-shadow: 0px 0px 10px -1px rgba(112, 112, 112, 1); -moz-box-shadow: 0px 0px 10px -1px rgba(112, 112, 112, 1); box-shadow: 0px 0px 10px 0px rgb(112 112 112 / 59%); border-radius: 10px;}
.col1_ft img{ margin-bottom: 0px !important}
.col1_ft p{ color: #fff; line-height: 35px}
.col1_ft p a{ color: #fff}
.title_ft{ font-weight:700; line-height: 42px;  color: #ffffff;  text-transform: uppercase; background: url(images/lineh2.png) no-repeat left bottom;}
#footer a, #footer li{ color: #fff}
.icon_soccial a{ float: left; margin-right: 12px}
.hotline_tv .ft_hotline { background: url(images/hotline_ft.png) no-repeat left; padding-left: 20px; font-size: 15px; color: #fff;}
.hotline_tv { border: 2px solid #FFFFFF; border-radius: 15px; text-align: center; overflow: hidden; margin-top: 24px; margin-bottom: 20px;}
#footer .hotline_tv a { font-size: 22px; font-weight:bold}
.top_form { overflow: hidden;}
.top_form div {  width: 48%;  float: left;}
.contact_htkd input { border-color: #b4b4b4; border-width: 1px; border-style: solid; border-radius: 20px; height: 40px;}
.sdt_form { margin-lefT: 4%;}
.contact_htkd textarea { border-color: #b4b4b4; min-height: 85px; border-width: 1px; border-style: solid;  border-radius: 19px;}
.contact_htkd input[type="submit"] { width: 100%; border-radius: 24px;  background: #01b4b1;  height: 48px;}
.contact_htkd input { border-color: #b4b4b4; border-width: 1px;  border-style: solid;  border-radius: 20px; height: 40px;}
.section_kienthuc .large-12, .section4_nhakhoa .large-12, .section_datlich .large-12, .section_datlich .large-12 .large-6{ padding-bottom: 0px}
.section_datlich h2 { font-size: 33px;  color: #01b4b1;  line-height: 37px; padding-bottom: 0px; margin-bottom: 5px;}
.section_datlich h3 { font-size: 24px; color: #01b4b1; font-weight: 500;}
.section_datlich p{ color: #232323;}
.section2_about h3 { color: #2d3548; margin-bottom: 7px; text-transform: uppercase;  font-size: 20px;line-height: 45px;}
.section2_about li p { font-size: 16px;line-height: 24px;}
.section2_about li { list-style: none; margin-lefT: 0px !important;}
.tamnhan_sumenh { background: url(images/bg-tamnhin.png) no-repeat left 5px;padding-left: 46px;}
.title_h2_about h2 { font-size: 36px;}
.section3_about .description_dd { text-align: center;  padding: 0 7%;}
.section3_about p {  font-size: 16px;  color: #2D3548; margin-bottom: 10px; line-height: 24px;}
.title_h2_about p {  font-size: 22px; line-height: 30px;  width: 60%;  margin: 0 auto; margin-bottom: 30px;}
.section3_about h3 {  padding-lefT: 70px; font-size: 24px; color: #01b4b1; line-height: 60px;}
.col_vikh h3 { background: url(images/icon-1.png) no-repeat left;}
.col_vidt h3 { background: url(images/icon-2.png) no-repeat left;}
.col_vidn h3 { background: url(images/icon-3.png) no-repeat left;}
.col-vixh h3 { background: url(images/icon-4.png) no-repeat left;}
.section4_about .large-12 .col-inner { border-radius: 10px; padding: 30px 0px 0 30px;}
.row_trietly h2, .section5_about h2 { line-height: 40px; color: #01b4b1; font-size: 30px; text-transform: uppercase;  margin-bottom: 25px;}
.section4_about .col_right_section4 strong, .section5_about .box-text strong { font-size: 20px; color: #2d3548;}
.banner_aboutus h1 { font-size: 50px; line-height: 45px; background: url(images/line_title.png) no-repeat bottom left; padding-bottom: 20px;}
.section1_listdoctor h2 {  font-size: 36px; color: #2D3548; line-height: 45px;}
.section1_listdoctor p { font-size: 18px; color: #2D3548; line-height: 30px;}
.section2_doctor h2 { color: #2D3548; font-size: 35px; line-height: 40px; padding-top: 30px;}
.section2_doctor h3 { font-size: 24px; color: #2D3548;}
.section2_doctor p{ color: #2D3548;}
.datlich_ngay a span { font-size: 15px; color:#01b4b1;    font-weight: bold; background: url(images/icon-lich.png) no-repeat left; padding-left: 23px;}
.datlich_ngay a { background: #EEF4FF;  padding: 10px 25px; border-radius: 29px;}
.datlich_ngay:hover a {  background:#69f1ee82;}
.section2_doctor { padding-top: 0px !important;  padding-bottom: 0px !important;  border-bottom: 10px solid #EEF4FF;}
.section2_doctor .large-6, .danhsachdoingu .large-6 { padding-bottom: 0px !important;}
.section2_doctor p { color: #2D3548; margin-bottom: 0px;}
.datlich_ngay{overflow: hidden; line-height: 45px; margin-top: 20px;}
.section1_dichvu h1 {  font-size: 40px; margin-top: 20px; margin-bottom: 25px;}
.section1_dichvu h1 { font-size: 40px; margin-top: 20px; margin-bottom: 25px;color: #1e382c;}
.dichvu_page .list_dv { margin-bottom: 25px;}
.dichvu_page .list_dv { width: 32%; float: left; background: #FFFFFF; border-radius: 10px;  -webkit-box-shadow: 0px 0px 10px -1px rgba(112, 112, 112, 1); -moz-box-shadow: 0px 0px 10px -1px rgba(112, 112, 112, 1); box-shadow: 0px 0px 10px -1px rgb(112 112 112 / 51%); padding: 15px;}
.dichvu_page .list_dv img, .flatsome_recent_posts .list-news li img, #list-post .box-image img, .blog-single .col_news_left.large-12 .related-posts .product-small img {transition: transform 1s;    height: 225px;}
.dichvu_page .list_dv:hover img, .flatsome_recent_posts .list-news li:hover img, #list-post .col:hover .box-image img, .blog-single .col_news_left.large-12 .related-posts .product-small:hover img { transform: scale(1.05, 1.05);}
.dichvu_page .list_dv .noidung { text-align: center; padding-top: 15px;}
.dichvu_page .list_dv .noidung h3 {  text-transform: uppercase; font-size: 20px; color:#1e3628; line-height: 30px;}
.dichvu_page .list_dv .noidung p { margin-bottom: 5px;}
.dichvu_page .list_dv .noidung p.chitiet_dv {  margin-top: 15px;  line-height: 41px;}
.chitiet_dv span { background: #EEF3FF; padding: 10px 40px;  border-radius: 30px; text-transform: uppercase; color: #01b4b1; font-size: 15px;    font-weight: 600;}
.dichvu_page .list_dv:nth-child(3n+2) { margin: 0 2%;}
.chitiet_dv:hover span { background: #01b4b1; color: #fff;}
.dichvu_page .list_dv:hover .noidung h3 { color: #01b4b1;}
.datlich_dvu { line-height: 45px;}
.title_text div a.lich_hen:hover, .title_text div a.xem_them:hover, .xemthem_btn:hover a, .danhsachdoingu .readmore_dstv:hover, .row_khachhang .box-text:hover .readmore_dstv, .datlich_dvu a:hover, #list-post .blog-post-inner:hover .readmore_news, .blog_khachhang .entry-header-text-top .name_cate:hover a, .popup_dk form p.sb_submit:hover input { background:linear-gradient(45deg, #1c3829, #30443c); color: #fff;}
.datlich_dvu a { background: linear-gradient(90deg, #01b4b1 50%, #04c8c5 100%);  padding: 10px 20px; border-radius: 20px; color: #fff;}
.blog-archive h1 span{font-size: 33px; text-transform: uppercase; color: #1d372c;}
.blog-archive{ padding-top: 0px !important}
.breadcrumbs_top p{ margin-bottom:0px;font-size: 15px}
.breadcrumbs_top{    background: #f6f6f6;    margin-bottom: 30px;  padding: 10px 0;}
.breadcrumbs_top p a,.rank-math-breadcrumb a, .rank-math-breadcrumb p{ font-size: 15px}
.box-blog-post .is-divider{     background: #01b4b1;}
.blog-archive .box-text h5 a,.blog-archive .box-text p{    color: #20362c;}
.blog-archive .box-image img{ border-radius: 10px}
.blog-archive .box-text h5{ height:45px}
.post-sidebar aside{border: 1px solid #01b4b1;  border-radius: 10px;}
.post-sidebar aside p.widget-title {    background: #01b4b1; border-radius: 8px 8px 0 0; text-align: center;  color: #fff; text-transform: uppercase; font-size: 23px;  line-height: 50px; font-weight: bold; margin-bottom: 10px;}
.post-sidebar aside li{ padding: 0 15px; overflow:hidden}
.post-sidebar aside li .flex-row{ width: 40%; float: left;margin-top: 5px;}
.post-sidebar aside li .flex-row img{ height: auto}
.post-sidebar aside li .flex-col{    width: 55%;    padding-top: 10px; float: left; margin-left: 5%;}
.post-sidebar aside li .flex-col h4 a{    font-size: 15px;}
.post-sidebar aside li .flex-col h4{ line-height: 20px}
.blog-archive .large-12 .box-text h5{ height: auto}
.section2_page h1{text-align: center; text-transform: uppercase; font-size: 33px; color: #1d372c;}
.breadcrumb_page p{ margin-bottom: 0px}
.breadcrumb_page .large-12{padding-bottom: 10px; padding-top: 10px;}
.single-page h2{ font-size: 20px}
.blog-single h1{    font-size: 30px;}
.blog-single  .entry-meta span{ text-transform: none;     font-size: 14px;}
.blog-single  .entry-header{    border-bottom: 1px solid #edeaea;}
.single_post_tags{border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; padding: 11px 0px; margin-bottom: 10px;}
.share-box{    border-bottom: 1px solid #efefef; margin-bottom: 30px;}
.share-box a{    margin-bottom: 9px;}
.blog-single .large-9 .col_news_left{ padding-lefT: 0px !important; padding-right: 0px !important}
.blog-single .large-9 .col_news_left h3{    font-size: 30px;}
.related-posts .title_repost{padding-top: 15px; font-weight: bold; line-height: 20px;    height: 45px;}
.div_mota { background: #EEF4FF; border-radius: 20px; padding: 30px 20px 15px 20px !important; margin-bottom: 20px;}
.category-cau-chuyen-khach-hang h2{ font-size: 24px;  color: #01b4b1; text-transform:uppercase}
.div_mota div{ padding-bottom: 0px} 
#sp-testimonial-free-wrapper-150 .sp-testimonial-free-section .sp-testimonial-client-designation{     overflow: hidden; line-height: 40px;}
#sp-testimonial-free-wrapper-150 .sp-testimonial-free-section .sp-testimonial-client-designation span{      background: #01b4b1e6;
    padding: 10px 27px;
    border-radius: 23px 0px;
    color: #fff; font-size: 15px}
.sp-testimonial-free-section .sp-testimonial-client-testimonial p{ margin: 0 0 10px 0}
.blog-single{     padding-top: 0px;}
.header-search-form button{    background-color: #01b4b1;}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
#logo img, #header .stuck #logo img{ max-height: 45px !important; }
.section1_home { margin-top: 20px;}
.bt_buocthamkham p{ text-align:center}
.title_h2_home h2, .section_datlich h2{ font-size: 20px;}
.section_kienthuc h5{    font-size: 20px;}
.section_datlich h3 { font-size: 16px;}
.section_datlich p { font-size: 14px; line-height: 20px;}
.sp-testimonial-free-section .sp-testimonial-item{     width: 340px;}
#sp-testimonial-free-wrapper-150 .sp-testimonial-free-section {
    margin: 0 15px;
}.section_kienthuc .col {
        padding-bottom: 0px;
    }
.banner_aboutus h1 {
           font-size: 27px;
        line-height: 1px;}
.title_h2_about h2 {
    font-size: 26px;
}
	.title_h2_about p {
    font-size: 16px;
    line-height: 25px;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 0px;
	}.section3_about h3{     line-height: 29px;}
	.row_trietly h2, .section5_about h2 {
    line-height: 37px;
    color: #01b4b1;
		font-size: 28px;
        padding-top: 20px;
    }
	.section4_about .large-12 .col-inner{     padding: 0 10px;}
.section1_listdoctor h2 {
    font-size: 24px;
    color: #2D3548;
    line-height: 31px;
	}.section2_doctor h2{     font-size: 26px;}
	.section2_doctor h3 {
		font-size: 20px;}
	.datlich_ngay{ margin-bottom: 30px;}
	.dichvu_page .list_dv {
		width: 100%;}
.dichvu_page .list_dv:nth-child(3n+2) {
    margin: 0;
}.dichvu_page .list_dv {
    margin-bottom: 25px !important;
}
.breadcrumbs_top{    padding: 10px 20px;}
	.section2_page h1, .blog-single .large-9 .col_news_left h3, .blog-archive h1 span{     font-size: 25px;}
	.blog-archive .box-text h5 {
    height: auto;
    font-size: 18px;
}
	.blog-archive .box-text { padding-bottom: 0;}
	.category-cau-chuyen-khach-hang h2 {
		font-size: 15px;}
	.div_mota{     padding: 30px 10px 15px 10px !important;}
#footer .small-6 {
    flex-basis: 100%;
    max-width: 100%;        padding-bottom: 0px;
}
}