.banner {
    background-size: cover;
    background-position: center;
    height: 250px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.banner-text {
    color: #fff;
    text-align: center;
    max-width: 800px;
    padding: 20px;
}

.banner-text h1 {
    font-size: 3rem;
}


.other-services {
    margin-bottom: 200px;
}

.other-services .services-list {
    border: 1px solid #DEE2E6;
    box-shadow: 0 0 0 0 #DEE2E6;
    transition: all 0.2s;
}

.other-services .services-list:hover {
    box-shadow: inset 0 -4px 1px 0px #f7ad28;
}

@media (max-width: 767px) {
    .other-services {
        margin-bottom: 100px;
    }
}