.container-kalite {
    display: flex;
    flex-wrap: wrap;
}

.box-kalite{
    width: calc(50% - 10px); 
    height: 140px;
    background-color: #fff; 
    border: 1px #ccc; 
    box-sizing: border-box; 
    margin-bottom: 10px; 
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1); 
    position: relative;
    display: flex; 
    margin-right: 10px;
    margin-bottom: 20px;
    transition: box-shadow 0.4s;
}



.box-kalite::after {
    content: '';
    position: absolute;
    bottom: -5px; 
    left: 0;
    width: 100%;
    height: 2px; 
    background: rgba(57, 57, 170, 0.7); 
    transition: opacity 0.3s; 
    opacity: 0; 
}

.box-kalite:hover::after {
    opacity: 1; 
}






.image-kalite {
    padding-top: 10px;
    padding-left: 5px;
    width: 30%;
}

.content-kalite {
    width: 70%;
    padding: 30px;
}

.content-kalite h2 {
    padding: 0;
    color: #0053A3;
    font-weight: bolder;
}

.text-kalite {
    position: absolute;
    top: 20px;
    left: 20px; 
    text-align: left; 
    color: blue;
}

@media screen and (max-width: 768px) {
    .row-kalite {
        flex-direction: column;
    }

    .box-kalite {
        width: 100%;
        margin-bottom: 30px; 
    }
}