.card-product {
border: none;
background: #ffa30242 !important;
border-radius: 20px !important;
box-shadow: rgb(211 187 187 / 20%) 0px 1px 2px 0px !important;
padding: 1.5rem;
font-weight: 600 !important;
font-size: 15px !important;
}


.card-product:hover 
{ transition: all 0.3s; box-shadow: 0px 0px 20px 10px rgb(135 102 16) !important; }


.service-list h3.title {
    margin-top: 13px !important;
    margin-bottom: 20px !important;
    color: red !important;
    font-weight: 600 !important;
    font-family: initial !important;
    padding: 10px 15px !important;
    border-radius: 6px !important;
    border: 2px solid #000 !important;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2) !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}

.service-list h3.title::before {
    content: '➤'; 
    display: inline-block !important;
    margin-right: 10px !important;
    color: #FF5733 !important;
    font-weight: 700 !important;
    transform: translateX(0);
    transition: transform 0.25s ease !important;
}

.service-list h3.title:hover::before {
    transform: translateX(4px)!important;
}