/*
#services {
    border-bottom: 1px solid;
    border-top: 1px solid;
    border-color: var(--body-grid-color);
}
*/
.services-swiper {
    border-bottom: 1px solid;
    border-color: var(--body-grid-color);
}
.services-swiper .swiper-wrapper {
    margin-bottom: 4rem;
}
.services-swiper .swiper-slide {
    width: 100% !important;
    display: flex;
}
.service-header-border {
    position: relative;
}
.service-header-border::after {
    content:"";
    height: 1px;
    width: 200px;
    display: block;
    position: relative;
    background-color: var(--body-grid-color);
    margin-bottom: 1rem;
}
.services-content {
    columns: unset;
}
@media (min-width:992px) {
    .services-content {
        columns: 2;
        gap: 3rem;
    }
    .service-header-border::after {
        content:"";
        height: 200px;
        width: 1px;
        display: block;
        position: absolute;
        top:2.5rem;
        right:0;
        background-color: var(--body-grid-color);
        margin-bottom: 0;
    }
}
.services-swiper-navigation {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
}
.services-link {
    display: block;
    margin-bottom: 1rem;
    text-decoration: none;
}
.services-link:hover {
    text-decoration: underline;
}
.service-img {
    padding:0;
    padding-right: 0 !important;
    padding-left: 0 !important;
}
.service-img img,
.service-img video {
    aspect-ratio: 16/6;
    object-fit: cover;
    width: 100%;
    height: auto;
    overflow: hidden;
}
.service-content {
    width: 100%;
}
.feature-services-swiper-section {
    border-bottom: 1px solid;
    border-color: var(--body-grid-color);
}
.feature-services-swiper .swiper-wrapper {
    margin:0;
    padding: 0;
}
.feature-services-swiper .swiper-slide {
    padding:1rem;
    text-align: center;
}
.feature-services-swiper .swiper-slide.active-filter {
    text-decoration: underline;
}


@media (min-width: 768px) {
    .service-img {
        padding:1rem;
    }
    .service-img img,
    .service-img video {
        aspect-ratio: 3/6;
    }
    .service-content {
        max-width: 320px;
        padding: 3rem 0;
    }
}
@media (min-width: 992px) {
    .service-img {
        padding:2rem;
    }
    .service-img img,
    .service-img video {
        aspect-ratio: 3/4;
    }
    .service-content {
        max-width: 320px;
        padding: 3rem 0;
    }
}
@media (min-width: 1600px) {
    .service-img {
        padding:3rem;
    }
    .service-img img,
    .service-img video {
        aspect-ratio: 4/3;
    }
    .service-content {
        max-width: 460px;
    }
}