/* Home Builder */
/* ===========================
   HERO
=========================== */

.hbd-hero{

	padding:40px 0;

}

.hbd-slide{

	display:grid;

	grid-template-columns:1fr 1fr;

	align-items:center;

	background:#ffffff;

	border-radius:22px;

	padding:50px;

	box-shadow:0 20px 60px rgba(0,0,0,.06);

	gap:40px;

}

.hbd-slide-content h1{

	font-size:48px;

	font-weight:700;

	margin-bottom:15px;

	color:#212121;

}

.hbd-slide-content p{

	font-size:18px;

	color:#666;

	margin-bottom:30px;

}

.hbd-shop-btn{

	display:inline-flex;

	padding:14px 34px;

	background:#007536;

	color:#fff;

	border-radius:50px;

	text-decoration:none;

	font-weight:600;

	transition:.3s;

}

.hbd-shop-btn:hover{

	background:#005c2b;

	color:#fff;

}

.hbd-slide-image{

	text-align:center;

}

.hbd-slide-image img{

	max-width:100%;

	height:auto;

}

/*=========================
  FEATURES
=========================*/

.hbd-container{
    max-width:1320px;
    margin:auto;
    padding:0 15px;
}

.hbd-features{
    margin:35px 0;
}

.hbd-feature-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
}

.hbd-feature-card{

    display:flex;

    align-items:center;

    gap:16px;

    background:#fff;

    border-radius:18px;

    padding:22px;

    box-shadow:0 10px 30px rgba(0,0,0,.05);

    transition:.3s;

}

.hbd-feature-card:hover{

    transform:translateY(-6px);

}

.hbd-feature-icon{

    width:64px;

    height:64px;

    border-radius:50%;

    background:#007536;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:30px;

}

.hbd-feature-content h3{

    margin:0;

    font-size:18px;

    color:#212121;

}

.hbd-feature-content p{

    margin:6px 0 0;

    color:#777;

    font-size:14px;

}

@media(max-width:991px){

.hbd-feature-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:576px){

.hbd-feature-grid{

grid-template-columns:1fr;

}

}

.hbd-home{
    max-width:1400px;
    margin:40px auto;
    padding:20px;
    text-align:center;
}

.hbd-home h1{
    font-size:42px;
    color:#007536;
}

/* ===========================
   Categories
=========================== */

.hbd-home-categories{

    padding:80px 0;

}

.hbd-section-heading{

    text-align:center;

    margin-bottom:45px;

}

.hbd-section-heading h2{

    font-size:36px;

    font-weight:700;

    margin-bottom:10px;

    color:#212121;

}

.hbd-section-heading p{

    color:#777;

}

.hbd-category-grid{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:28px;

}

.hbd-category-card{

    background:#fff;

    border-radius:18px;

    overflow:hidden;

    text-decoration:none;

    transition:.35s;

    box-shadow:0 10px 25px rgba(0,0,0,.05);

}

.hbd-category-card:hover{

    transform:translateY(-8px);

    box-shadow:0 20px 45px rgba(0,0,0,.12);

}

.hbd-category-image{

    height:230px;

    overflow:hidden;

}

.hbd-category-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.4s;

}

.hbd-category-card:hover img{

    transform:scale(1.08);

}

.hbd-category-content{

    padding:18px;

    text-align:center;

}

.hbd-category-content h3{

    font-size:18px;

    color:#212121;

    margin-bottom:8px;

}

.hbd-category-content span{

    color:#007536;

    font-weight:600;

}

@media(max-width:991px){

.hbd-category-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:576px){

.hbd-category-grid{

grid-template-columns:1fr;

}

}

/* ==========================
   Best Selling
========================== */

.hbd-best-selling{

    padding:90px 0;

}

.hbd-products-grid{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:28px;

}

.hbd-section-footer{

    text-align:center;

    margin-top:45px;

}

.hbd-view-all-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:14px 34px;

    background:#007536;

    color:#fff;

    border-radius:40px;

    text-decoration:none;

    font-weight:600;

    transition:.3s;

}

.hbd-view-all-btn:hover{

    background:#212121;

}

@media(max-width:991px){

.hbd-products-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:576px){

.hbd-products-grid{

grid-template-columns:1fr;

}

}