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

/*************** ADD CUSTOM CSS HERE.   ***************/
.row-zalo:hover .box-qr-code{
	display:block;
		    opacity: 1 !important;
}
.box-qr-code{
	display:none 
}
.box-qr-code .img{
	
	margin-bottom:0px !important;
}
.box-qr-code{
	   transition: opacity 0.3s ease-in-out;
            opacity: 0;
	    position: absolute;
   right: 70px;
}
.box-qr-code .col-inner{
	position: relative;
	background: #ffffff;
}
.box-qr-code .col-inner:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-left-color: #ffffff;
	border-width: 10px;
	margin-top: -10px;
}


.box-qr-code .col-inner{
	padding:15px;
	background-color: #fff;
    background-clip: padding-box;
    border-radius: 2px;
    box-shadow: 0 3px 6px -4px #0000001f, 0 6px 16px #00000014, 0 9px 28px 8px #0000000d;
    padding: 10px;
    border-radius: 10px;
	
}
.box-qr-code :after{
	
}
.section-group-zalo .box-qr-code {

}
.section-group-zalo ..box-icon-zalo:hover  .box-qr-code {
	display:block !important;
}
.box-icon-zalo .icon-box {
	    background: #5253FF;
    border-radius: 6px;
    padding: 4px 8px;
}
.box-icon-zalo .icon-box .icon-box-img{
	margin-bottom:0px;
}
.box-qr-code .col-inner p,.box-qr-code .col-inner a{
	font-size:12px;
	margin-bottom:0px; 
}
.section-group-zalo{
	    position: fixed;
	z-index:15;
    right: 0px;
    bottom: 100px;
    max-width: 228px;
}
.header-button a.button span{
	padding-left:20px;
}
.div-toi-uu .icon-box{
    background: white;
    padding: 20px;
}
.div-start span.fa-star{
    color: #F38020;
}
.title-home{
    font-size: 30px;
}
.row-toi-uu h3{
    font-size: 28px;
}
.banner-dang-ky{
    border-radius: 10px;
}
.row-toi-uu .div-toi-uu  .icon-box:after{
    content: "";
    background: url(images/image.svg);
    position: absolute;
    z-index: 3;
    width: 79px;
    height: 78px;
    right: 0px;
    margin-top: -50px;


}
.banner-dang-ky:before{
content: "";
    background: url(images/arrow.svg);
    position: absolute;
    z-index: 3;
    width: 112px;
    height: 112px;
    left: 0px;
    top: 30%;

}
.row-toi-uu .div-toi-uu .icon-box .icon-box-text{
    min-height: 220px;
}
.page-right-sidebar li{
    list-style: none
}
.div-no-padding{
	padding-bottom: 0px !important;
}
.shost-little-title-1 span {
    margin: 0px 0px 20px 0px;
    padding: 5px 20px 5px 20px;
    background-color: #CFFFF4;
    border-radius: 5px 5px 5px 5px;
}
#flatsome-notice, #wp-admin-bar-flatsome-activate, #wp-admin-bar-flatsome-activate {
    display: none !important;
}
.div-cau-hoi .col-inner{
	    background-color: rgb(252, 247, 252);
	        padding: 50px 30px 50px 30px;
    border-radius: 10px;
}
.section-dem p {
    text-align: center;
    top: 45%;
    left: 22%;
    position: absolute;
    font-weight: 600;
}
.section-dem .count-up {
    text-align: center;
    color: #FFE9D5;
    font-size: 129px;
    font-weight: 600;
    line-height: 1em;
}

.shost-little-title-1 span {
    margin: 0px 0px 20px 0px;
    padding: 5px 20px 5px 20px;
    background-color: #CFFFF4;
    border-radius: 5px 5px 5px 5px;
        color: #4cca8d;
}
.shost-little-title-1.text-vang span {
    margin: 0px 0px 20px 0px;
    padding: 5px 20px 5px 20px;
    background-color: #FFE9D5;
    border-radius: 5px 5px 5px 5px;
            color: #ff9a3e;
}
.box-tinh-nang-chinh {
	    box-shadow: 0px 10px 40px 0px rgb(178 137 203 / 18%);
    border-radius: 20px;
}
.slide-tinh-nang .flickity-viewport {
    height: 400px !important;
}
.slide-tinh-nang .flickity-slider {
    display: flex;
  
    align-items: center;
}
.slide-tinh-nang img {
    border-radius: 20px;
}
.section1 .section-bg-overlay {
    background-image: url(images/Shost-banner-bg-icon.png);
    background-position: center center;
    background-repeat: repeat;
    background-size: contain;
    opacity: 1;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}
.shost-logo {
    margin: 0px 50px !important;
}
.shost-box-logo {
    box-shadow: 0px 10px 40px 0px rgb(178 137 203 / 18%);
    border-radius: 20px;
}
@media(max-width: 855px){
     .banner-dang-ky{
        padding-top: 250px !important;
     }
    .banner-dang-ky:before{
        display: none;
    }
    .banner-dang-ky .text-box{
    width: 80% !important;
    }
	.shost-logo {
    margin: 0px !important;
}
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}