.product{
    padding: 100px 0 0 0;
}

.product .container .banner{
    position: relative;
}

.product .container .banner img{
    width: 100%;
}

.product .container .row{
    margin: 100px 0 0 0;
}

.product .container .row .category{
    text-align: center;
}

.product .container .row .category .title h3{
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
}

.product .container .row .category .button .btn{
    border: 1px solid #274416;
    padding: 8px 16px;
    transition: 0.3s;
}

.product .container .row .category .button .btn:hover{
    box-shadow: inset 2px 2px 1px #274416, 2px 2px 0 #FBC402;
}

.product .container .row .category .button .btn:focus{
    color: #ffffff;
    background-color: #274416;
    box-shadow: 3px 3px 0 #FBC402;
}

.product .container .row .title h1{
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    position: relative;
    background-color: #ffffff;
    display: inline-block;
}

.product .container .row .list .list-category .title{
    display: flex;
    justify-content: space-between;
}

.product .container .row .list .list-category .title h3{
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    position: relative;
    padding: 0 20px 0 0;
}

.product .container .row .list .list-category .title hr{
    background-color: #274416;
    width: 100%;
    height: 2px;
    opacity: 0.75 !important;
}

.product .container .row .list .list-category .d-flex{
    gap: 40px;
}

.product .container .row .list .list-category .d-flex .card-product{
    width: 30%;
    color: black;
    text-decoration: none;
    border: 1px solid grey;
    transition: 0.3s;
    box-shadow: 2px 2px 0 0 #532200;
}

.product .container .row .list .list-category .d-flex .card-product:hover{
    filter: brightness(90%);
    background-color: #ffffffef;
    box-shadow: 0 3px 0 0 #532200;
}

.product .container .row .list .list-category .d-flex .card-product img{
    width: 100%;
    height: 200px;
    object-fit: cover;
    border: 1px solid grey;
}

.product .container .row .list .list-category .d-flex .card-product .text{
    padding: 30px 20px 20px 20px;
}

.product .container .row .list .list-category .d-flex .card-product h5{
    font-weight: 600;
    font-family: "Montserrat", sans-serif;
}

.product .container .row .list .list-category .d-flex .card-product p{
    font-size: 13px;
    opacity: 0.8;
    font-family: "Source Sans Pro", sans-serif;
}