.foto-shop{
    background-image:
    linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),
    url("foto-shop.jpg");

    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;

    width:100%;
    height:300px;

    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;

    text-align:center;
}

.shop-top{
    color:white;
    font-size:55px;
    font-weight:bold;
    margin:0;
}

.breadcrumb{
    display:flex;
    gap:10px;
    margin-top:10px;
}

.breadcrumb a{
    color:white;
    text-decoration:none;
    font-weight:bold;
}

.text-color{
    color:#67b315 !important;
}
.text-decoration-non{
   text-decoration: none;
}
.btn-color{
    background-color:#f7f7f7;
    border:none;
    padding:10px 15px;
}


.page-link{
    color:black;
    text-decoration:none;
}


.btn-color:hover{
    background-color:#67b315;
}

.btn-color:hover .page-link{
    color:white;
}


.btn-color.active{
    background-color:#67b315;
}

.btn-color.active .page-link{
    color:white;
}

.category-box{
    text-align:center;
    padding:20px;
    transition:0.3s;
    cursor:pointer;
}

.category-box i{
    font-size:40px;
    color:#222;
    display:block;
    margin-bottom:10px;
}

.category-box h4{
    font-size:15px;
    font-weight:600;
    color:#222;
    margin-bottom:10px;
    transition:0.3s;
}

.category-box p{
    color:#777;
    font-size:12px;
    font-weight:bold;
}

.category-box:hover h4{
    color:#78be20;
}