.hero-sec{
    padding: 80px 0 !important;
    background-size: cover;
    -ms-flex-item-align: center;
    align-self: center;
    position: relative;
    background-position: center center;
}
a{
    color: black;
}
a:hover{
    color: black;
}

#card-services{
    width: 100%;
    height: 500px;
}
#card-services2{
    width: 100%;
    height: 450px;
}
/* slider */
.swiper {
    width: 100%;
    height: auto;
    margin: 25px auto;
}

.swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-slide img {
    width: 100%;
    height: auto;
    object-fit: cover;
}