.phenix-data {
    display:block;
    width:100%;
}
.phenix-item {
    width: 31%;
    padding:25px;
    margin-right: 2%;
    margin-bottom:35px;
    border: 1px solid #111111;
    border-radius: 10px;
    float:left;
    height:310px;
}
.phenix-item-left {
    width:30%;
    float:left;
}
.btn-link {
    background: #aa552e;
    color: #ffffff !important;
    padding: 10px 25px;
    border-radius: 15px;
    font-weight: 600;
    text-decoration: none !important;
    width: max-content;
}
.btn-link:hover {
     background: #b4714f;
}
.pro-title {
    color: #aa552e;
    text-transform: capitalize;
    float: left;
    width: 100%;
    font-size: 18px;
    margin-bottom: 5px;
}
.service-title {
    float: left;
    width: 100%;
    margin-bottom: 5px;  
}
.pro-service {
    padding: 2px 10px;
    border: 1px solid #aa552e;
    width: max-content;
    border-radius: 15px;
    font-size: 14px;
    margin-top: 10px;
}
.top-section {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}
.mid-section {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}
.service-section {
   float: left;
   width: 100%;
   margin-bottom: 15px;
}
.btn-section {
    float: left;
    width: 100%;
    margin-bottom: 5px;
    height: auto;
    display: inline-block;
    margin-top: 20px;
}
@media screen and (max-width: 765px) {
    .phenix-item {
        width:100%;
        margin-right: 0%;
    }
}