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

:root{
    --mauchudao1: hsl(41.81deg 88.57% 65.69%);
    --mauchu: #22495a;
}

#header .header-bg-color{
    background-color:unset;
}

.header-nav>li>a{
    color: #fff;
}

.header-nav>li>a:hover{
    color: hsl(41.81deg 88.57% 65.69%)!important;
}

.header-nav{
    gap: 15px;
}

.header-nav>li.active>a{
    color: hsl(41.81deg 88.57% 65.69%)!important;
}

.sub-menu{
    padding: 0px!important;
    border: 0px!important;
}

.sub-menu>li>a{
    margin: 0px!important;
    padding-left: 10px!important;
    padding-right: 10px!important;
    font-size: 14px;
}

.sub-menu li a:hover{
    color: var(--mauchudao1);
}

.header-nav li.has-dropdown:before {
    border-bottom:unset!important;
}

#masthead .top-divider{
    border-color: #fefefe;
    opacity: 1!important;
}

.absolute-footer {
    display: none;
}

#footer{
    background: linear-gradient(180deg, #effdfd 10%, #a4cac6 70%);
}

.section-title-normal{
    border-bottom: 0px!important;
}

.section-title-normal span{
    border-bottom:0px!important;
}

.section-title-container{
    margin-bottom: 0px!important;
}

.title-footer .section-title-main{
    font-size: 17px;
    color: var(--mauchu);
    padding-bottom: 0px;
}

.text-tt{
    font-size: 14px;
    color: var(--mauchu);
}

.menu-footer .ux-menu-link__link{
    color: var(--mauchu);
    min-height: unset;
    font-size: 14px;
}

.menu-footer .ux-menu-link__link:hover{
    color: var(--mauchudao1);
}


.menu-footer .ux-menu-link__text::before{
    content: '\f054';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    margin-right: 4px;
}

.icon-footer .icon-box-text {
    font-size: 14px;
    color: var(--mauchu);
}

.icon-footer{
    margin-bottom: 10px
}

.title-home .section-title{
    margin-bottom: 5px;
}

.text-home{
    margin: 5px 0px 20px;
    font-size: 14px;
}

.text-home p{
    margin-bottom: 10px;
}

.col-center{
    display: flex;
    align-items: center;
}

.btn-nhanbaogia,.btn-xemmau{
    font-size: 14px;
    text-transform: none;
}

.stuck .header-bg-color {
    background-color: #053243 !important;
}

.stuck #masthead .top-divider{
    border: 0px!important;
}

.gallery-home {
    display: grid!important;
    grid-template-columns: repeat(2, 1fr);
}

.gallery-home .gallery-col{
    position: unset!important;
    height: 245px !important;
    max-width: 100%;
    
}

.gallery-home .box-image img,.gallery-home .box-image{
    border-radius: 15px;
}

.btn-nhanbaogia{
    background: linear-gradient(180deg, #c28331 10%, #fec85e 70%);
    box-shadow: unset!important;
}


.col-padding-clear{
    padding-bottom: 0;
}

.section-gradient{
    background: linear-gradient(180deg, #effdfd 10%, #a4cac6 70%);
}

.blog-home .post-item .col-inner .box,.blog-home .post-item .col-inner  {
    border-radius: 15px;
}

.blog-home .post-item .box-image{
    border-radius: 15px 15px 0px 0px;
}

.blog-home .post-item .box-image img{
    border-radius: 15px 15px 0px 0px;
}

.blog-home .is-divider{
    display: none;
}

.blog-home .post-title  a{
    color: var(--mauchu);
    margin-bottom: 10px;
}

.blog-home .from_the_blog_excerpt {
    font-size: 14px;
    color: var(--mauchu);
}

.block-btn{
    text-align: right;
}

.block-btn a{
    text-transform: none;
    font-size: 14px;
    color: var(--mauchu);
}

.blog-home a:hover{
    color: var(--mauchudao1)!important;
}

.product_dichvu .product-small>.col-inner{
    background: #d3dcde;
    border-radius: 5px;
    padding: 10px;
}

.product_dichvu .product-small .box-text{
    text-align: center;
    padding: 15px 0px 15px!important;
}

.product_dichvu .product-small .category {
    display: none;
}

.quick-view {
    display: none!important;
}

.product_dichvu .name a{
    font-weight: bold;
    color: var(--mauchu);
    font-size: 17px;
}

.product_dichvu .box-image{
    border-radius: 5px;
}

.product_dichvu .product-small>.col-inner::before{
    content: '';
    width: 70%;
    height: 5px;
    background: #01c38d;
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    margin: auto;
}

.product_dichvu .box-image img{
    height: 240px;
    object-fit: cover;
}

.icon-giaiphap .icon-box-text h3{
    color: #fff;
    margin-bottom: 5px;
}

.icon-giaiphap .icon-box-text {
    color: #fff;
    font-size: 14px;
}

.icon-giaiphap .icon-box-text p{
    margin-bottom: 5px;
}

.row-chiphi{
    padding: 20px 25px;
    background: #d3dcde;
    border-radius: 15px;
    margin-bottom: 35px;
    margin-top: -105px;
}

.text-chiphi{
    color: var(--mauchu);
}

.text-chiphi p{
    margin-bottom: 0;
}

.btn-ngansach{
    margin-bottom: 0px!important;
}

.text-chiphi{
    margin-bottom: 0!important;
    font-size: 20px;
}

.section-dichvu {
        padding-bottom: 90px!important;
}

.section-title b{
    background: transparent!important;
}

.icon-taisao .icon-box-text{
    color: var(--mauchu);
    font-size: 14px;
}

.icon-taisao .icon-box-text h3{
    color: var(--mauchu);
}

.row-nhanmau{
    background: #053243!important;
}

.icon-footer {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}

.icon-footer .icon-box-img img{
    padding-top: 0px!important;
}

.gallery-edit .box-image img{
    box-shadow: 0 3px 25px #0000001f;
    border: 1px solid #0000001a;
    border-radius: 10px;
}

.gallery-edit .box-image{
    border-radius: 10px;
}

.gallery-edit .gallery-col{
    padding: 0px 4px;
}

.gallery-edit .gallery-col .box-text {
    padding-bottom: 0px !important;
}

.gallery-edit{
    row-gap: 10px;
}