/*
Theme Name: LePhuc Flatsome
Description: This is a child theme for Flatsome Theme
Author: LePhuc Themes 
Template: flatsome
Version: 3.17.7
*/
:root {
    /* Color */
	/* --primary-color: #009444; */
	--secondary-color: #d42a29;
	--success-color: #8dc63f;
	--alert-color: #faf24f;
	/* 
    Use With Value
    var(--primary-color); 
    var(--secondary-color); 
    var(--success-color); 
    var(--alert-color); 
    */
}
.absolute-footer{
    display: none;
}
.back-to-top {
    border-color: var(--secondary-color) !important;
    background-color: var(--primary-color) !important;
    color: white !important;
}
.bgr-fixed .bg {
    background-attachment: fixed;
}
.mr-0{
    margin-bottom: 0;
}
.mrb-7 p{
    margin-bottom: 7px;
}
.review-cmt .form-group{
    display: flex;
    align-items: center;
}
.review-cmt .form-group label{
    width: 150px;
}
.review-cmt .review-ct p img{
    margin-bottom: 0 !important;
}
.review-ct h3{
    font-size: large;
}
.uu-diem .icon-box{
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-between;
    height: 100%;
}
.uu-diem .icon-box-img {
    border: 10px solid #fff;
    border-radius: 100%;
    /* min-width: 80px; */
    height: 80px;
    width: 80px !important;
    margin-bottom: 0;
    background: var(--primary-color);
    z-index: 999;
   
}
.uu-diem .icon-box .icon-box-text {
    padding-bottom: 20px;
}
.uu-diem .icon-box{
    position: relative;
}
.uu-diem .icon {
   padding: 8px;
} 
.uu-diem svg {
    padding: 0;
 } 
 .uu-diem .icon-box::after{
    display: block;
    content: '';
    position: absolute;
    background-color: #fff;
    height: 40px;
    width: 120%;
    left: -20px;
 }
 .star-rating span::before,  .star-rating::before{
    color: #fad04f !important;
 }
 .widget .current-cat>a, #secondary .current_page_item > a {
    color: var(--secondary-color);
    font-weight: normal;
}
.widget .is-divider {
    opacity: 0;
    margin-top: 0;
    margin-bottom: 10px;
}
.align-items-center{
    align-items: center !important;
}
@media (min-width:1201px){
    
}
@media (min-width:1600px){
    
}
/* Từ ipad lớn trở lên */
@media (min-width:850px){
   
}
/*  Từ ipad trở lên */
@media (min-width: 550px) {
    
}
/*  Từ ipad pro đến 1200px */
@media (min-width: 1000px) and (max-width:1200px) {
    
}
/*  Từ ipad đến ipad lơn */
@media (min-width: 850px) and (max-width:1024px) {
    
}

/*  Từ mobile đến ipad */
@media (min-width: 550px) and (max-width:850px) {
    
}

/*  Từ ipad trở xuống */
@media (max-width: 999px) {
    
}
@media (max-width: 849px) {
    
}

/*  Từ mobile trở xuống */
@media (max-width: 549px) {
    .row-dvct .col:nth-child(odd){
        padding-bottom: 14px;
        padding-right: 7px;
    }
    .row-dvct .col:nth-child(even){
        padding-bottom: 14px;
        padding-left: 7px;
    }
    .row-dvct h4{
        font-size: inherit;
    }
  
}