.boxM02 {
    width: 100%; 
    height: auto; 
    background-color: #ffffff;
    border-radius: var(--border-radius-md);
    position: relative; 
    overflow: hidden; 
    -webkit-box-shadow: 0px 5px 20px 0px rgba(50, 50, 50, 0.05);
    -moz-box-shadow: 0px 5px 20px 0px rgba(50, 50, 50, 0.05);
    box-shadow: 0px 5px 20px 0px rgba(50, 50, 50, 0.05);
    border: 1px solid var(--color-border);
}

.boxM02 .cover {
    width: 100%; 
    height: 230px; 
    overflow: hidden; 
    border-radius: var(--border-radius-md);
    position: relative;
    border-bottom: 1px solid var(--color-border);
}

.boxM02 .text {
    width: 100%; 
    height: auto; 
    padding: 25px;
}

.boxM02 .text h2 {
    font-size: 24px; 
    line-height: 30px; 
    font-weight: 700; ;
    color: var(--color-text-dark);
}

.boxM02 .text p {
    margin: 15px 0;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    color: var(--color-text);
}