/*
|--------------------------------------------------------------------------
| Home
|--------------------------------------------------------------------------
*/

.home-section{

    padding:50px 0;
}

/*
|--------------------------------------------------------------------------
| Home Box
|--------------------------------------------------------------------------
*/

.home-box{

    background:#fff;

    border:1px solid #e5e5e5;

    border-radius:15px;

    padding:25px;

    height:100%;

    box-shadow:0 5px 20px rgba(0,0,0,.05);
}

/*
|--------------------------------------------------------------------------
| Title
|--------------------------------------------------------------------------
*/

.home-title{

    font-size:34px;

    font-weight:700;

    color:#198754;

    margin-bottom:25px;

    border-left:5px solid #198754;

    padding-left:15px;

    line-height:1.2;
}

/*
|--------------------------------------------------------------------------
| News
|--------------------------------------------------------------------------
*/

.home-news-item{

    padding:15px 0;

    border-bottom:1px solid #eeeeee;
}

.home-news-item:last-child{

    border-bottom:none;
}

.home-news-item a{

    color:#333;

    text-decoration:none;

    font-size:17px;

    font-weight:500;

    transition:.3s;
}

.home-news-item a:hover{

    color:#198754;
}

/*
|--------------------------------------------------------------------------
| Promotion
|--------------------------------------------------------------------------
*/

.home-box img{

    width:100%;

    border-radius:12px;

    display:block;

    transition:.3s;
}

.home-box img:hover{

    transform:scale(1.02);
}

/*
|--------------------------------------------------------------------------
| Product / Review
|--------------------------------------------------------------------------
*/

.home-section .product-card{

    transition:.3s;
}

.home-section .product-card:hover{

    transform:translateY(-5px);
}

/*
|--------------------------------------------------------------------------
| View More
|--------------------------------------------------------------------------
*/

.home-more{

    text-align:right;

    margin-top:20px;
}

.home-more a{

    color:#198754;

    text-decoration:none;

    font-weight:600;
}

.home-more a:hover{

    text-decoration:underline;
}

/*
|--------------------------------------------------------------------------
| Section Space
|--------------------------------------------------------------------------
*/

.section{

    padding:60px 0;
}

/*
|--------------------------------------------------------------------------
| Responsive
|--------------------------------------------------------------------------
*/

@media(max-width:991px){

    .home-box{

        margin-bottom:20px;
    }

    .home-title{

        font-size:26px;
    }

}

@media(max-width:767px){

    .home-title{

        font-size:22px;

        margin-bottom:20px;
    }

    .home-news-item a{

        font-size:15px;
    }

}

/*
|--------------------------------------------------------------------------
| Home Tabs
|--------------------------------------------------------------------------
*/

.home-tab-menu{

    display:flex;

    gap:20px;

    margin-bottom:25px;
}

.home-tab-btn{

    background:none;

    border:none;

    font-size:20px;

    font-weight:700;

    color:#666;

    cursor:pointer;

    padding:0;
}

.home-tab-btn.active{

    color:#198754;

    border-bottom:3px solid #198754;
}

.home-tab-content{

    display:none;
}

.home-tab-content.active{

    display:block;
}