/*
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.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}
.html_topbar_right img {margin-bottom: 0px !important;}
.icon-tooltip{
  position: relative;
}
.icon-tooltip::after{
  content: attr(data-tooltip);
  position: absolute;
  bottom: -34px;
  right: 0;
    background: #14a68f;
    color: #fff;
    font-size: 12px;
    padding: 6px 15px;
    border-radius: 5px;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-4px);
  transition: opacity .18s ease, transform .18s ease;
  pointer-events: none;
  z-index: 999;
}
.icon-tooltip:hover::after{
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.icon-search:before {color: #046e74;}
.b-dlk {font-size: 15px;
    text-transform: capitalize;
    padding-left: 5px;
    color: #d80000;}
.header-nav-main .html_topbar_right a{    padding: 5px 10px;
    background: #fff;
    border-radius: 7px;}
#top-bar .html {font-size:14px;}
.header-nav-main > li.menu-item {margin: 0 20px !important;}
.header-nav-main .nav-dropdown-default {
    padding: 10px;
    min-width: 270px;
}
ul.header-nav-main > li>a {font-weight: 500 !important;}
.header-nav-main .nav-dropdown-default a {color:#000;}
.header-nav-main .nav-dropdown-default a:hover {color: #03878f; 
    font-weight: bold;}
#menu-item-80909 ul.nav-dropdown > li.nav-dropdown-col >a {display:none;}
.slcol1 i {    color: #fff !important;
    border-radius: 10px;
    margin-bottom: 10px !important;
    padding: 10px;
    background: #009699;}
.slcol1 i:hover {background:#046e74;}
.csstlh {padding: 20px 5px 5px 5px !important;
    background: #fff;
    border-radius: 20px;
    border: 1px solid #c9c9c9;}
@media (min-width: 549px) {
.ssslpk .row3 {position: relative;
        z-index: 2;
        margin-top: -70px !important;}
}
.colvs .col-inner {    padding: 20px 0px 1px 0px;
    background: #fff;
    border-radius: 20px;
    border: 1px solid #009699;}
.imgvs img {border-radius:20px;}
.rowck .ssp1 .box-push .box-text {background-color: #009c93e8;
    color: #fff;
    font-size: 16px;
    font-weight: 600;border: 1px solid #fff;
    border-radius: 10px;}
.textck {    border-left: 5px solid #b8110d;
    padding-left: 10px;}
.rowck .ssp1 > .page-col{padding: 0 20px 60px !important;}
.colpost1 .col-inner, .colpost1 .col-inner .box-blog-post {border-radius: 10px;}
.colpost1 .col-inner .box-blog-post img {    border-radius: 10px 0 0 10px;}
.ssdnbs .slider-wrapper svg.flickity-button-icon {fill: #06b0a6;     border: 2px solid #06b0a6;}
.ssdnbs .slider-wrapper svg.flickity-button-icon .arrow {fill:#06b0a6;}
.post-item .box-image {
    border-radius: 10px 10px 0 0;
}
.box-blog-post {
    border-radius: 10px !important;
}
.post-item>.col-inner {
    border: 1px solid #dcdcdc;
    border-radius: 10px;
}
.ssnews .large-columns-2 .is-divider, .absolute-footer {display:none;}
.ssnews .large-columns-2 .post-title {font-weight: normal;}
.ssnews .box-text{    background: #fff;
    border-radius: 10px;}
.colft1 {padding:0px;}
.clft2 {padding-bottom: 0px !important;}
.ssft p {color:#fff !important;}
.qa-wrap{pointer-events:none}.qa-wrap a{pointer-events:auto}
.qa-wrap{position:fixed;right:20px;bottom:80px;z-index:9999;display:flex;flex-direction:column;align-items:flex-end;gap:16px}.qa-call-wrap{position:relative;display:flex;align-items:center;text-decoration:none}.qa-call-pill{height:52px;display:flex;align-items:center;background:#fff;border-radius:26px;padding:0 30px 0 18px;box-shadow:0 4px 14px rgb(0 0 0 / .18);margin-right:-22px}.qa-call-pill span{color:#e0202e;font-family:Arial,sans-serif;font-size:19px;font-weight:800;letter-spacing:.5px;white-space:nowrap}.qa-call-circle{width:52px;height:52px;min-width:52px;border-radius:50%;background:linear-gradient(135deg, #ff5858, #e83333);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgb(0 0 0 / .22);animation:qa-pulse 2s infinite}.qa-call-circle svg{width:24px;height:24px}.qa-zalo{width:52px;height:52px;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:transform .2s ease;filter:drop-shadow(0 4px 10px rgb(0 0 0 / .22))}.qa-zalo:hover{transform:scale(1.08)}.qa-zalo svg{width:52px;height:52px}.qa-mess{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#00b2ff,#006aff);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgb(0 0 0 / .22);text-decoration:none;transition:transform .2s ease}.qa-mess:hover{transform:scale(1.08)}.qa-mess svg{width:40px;height:40px}@keyframes qa-pulse{0%{box-shadow:0 0 0 0 rgb(51 85 232 / .5)}70%{box-shadow:0 0 0 14px #fff0}100%{box-shadow:0 0 0 0 #fff0}}@media (max-width:480px){.qa-wrap{right:12px;bottom:12px;gap:12px}.qa-call-pill{height:46px;padding:0 26px 0 14px}.qa-call-pill span{font-size:16px}.qa-call-circle{width:46px;height:46px;min-width:46px}.qa-zalo,.qa-mess{width:46px;height:46px}}
.ssft .social-icons svg {width:45px; height:45px;margin-right: 10px;}
@media (max-width:480px){ 
	#masthead .header-inner .hide-for-medium.flex-right, #masthead .header-inner .hide-for-medium.flex-right .html {display:block !important;}
	#masthead .header-inner .show-for-medium.flex-right {display:none !important;}
	#masthead .header-inner .flex-col.show-for-medium.flex-left {width:70px;     flex: none !important;}
	#masthead .header-inner #logo { width: 130px !important; margin: 0px !important;}
}
.post_comments {display:none !important;}
.widget {
    border: 1px solid #d9d9d98f !important;
    padding: 10px !important;
    border-radius: 10px !important;    text-align: center !important;
}
.type-post .entry-header-text.text-center {padding: 0px;}
@media (min-width: 549px) {
    .sslhhvp .row-small.align-center {
        position: relative;
        z-index: 2;
        margin-top: -70px !important;
    }
}