.referanslar-alternatif .wrapper{
    padding-block: 30px 30px;
    flex-direction: column;
    border-top: 4px solid #005487;
    box-shadow: 0 .5rem 1rem rgb(0 0 0/15%)!important;
    transition: .2s;
    width: 240px;
    height: 100%;
}
.referanslar-alternatif .wrapper:hover{
    box-shadow: 0 .5rem 1rem rgb(0 0 0/20%)!important;
}
.referanslar-alternatif .wrapper .image-wrapper{
    height: 150px;
    width: 240px;
    margin: 0 auto;
}
.referanslar-alternatif .wrapper .image-wrapper .image{
    width: 70%;
    height: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin: auto;
}

.referanslar-alternatif .wrapper .title h2{
    font-size: 19px;
    font-weight: 500;
    margin: 0;
    color: #222;
    text-align: center;
}
.referanslar-alternatif #content .wrapper .category{
    font-size: 13px;
    opacity: .7;
    text-align: center;
}
.referanslar-alternatif hr{
    margin: 1.5rem 0 1.5rem 0;
}
@media (max-width: 1500px){
    .referanslar-alternatif .row{justify-content: center}
}
@media (max-width: 991px){
    .referanslar-alternatif .wrapper{width: 100%}
}
@media (max-width: 767px){
    .referanslar-alternatif .mb-5{
        margin-bottom: .8rem !important;
    }
    .referanslar-alternatif .wrapper .title h2{
        font-size: 17px;
    }
    .referanslar-alternatif #content .wrapper .category{
        font-size: 14px;
    }
    .referanslar-alternatif .wrapper .image-wrapper{
        height: 100px;
        width: 180px;
    }
    .referanslar-alternatif hr{
        margin: 0 0 1rem 0;
    }
}
@media (max-width: 575px){
    .referanslar-alternatif hr{
        margin: 1rem 0;
    }
}
@media (min-width: 450px) and (max-width: 575px){
    .referanslar-alternatif .col-sm-6 {
        flex: 0 0 auto;
        width: 50%;
    }
}