.servicesSection__list{display: grid;grid-template-columns: repeat(3, 1fr);gap: 30px;}
.servicesSectionCard{
    display: flex;flex-direction: column;gap:40px;
    height: auto;background: var(--white-background);
    border-radius: 10px;
    padding-bottom: 25px;
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.07);
    margin-bottom: 10px;
}
.servicesSectionCard__picture{padding-top: 63.4%;width: 100%;box-sizing: border-box;display: block;overflow: hidden;position: relative;border-radius: 10px 10px 0 0 }
.servicesSectionCard__picture picture{display: flex;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.servicesSectionCard__picture img{width: 100%;height: 100%;object-fit: cover;transition: .3s linear}
.servicesSectionCard__body a, .servicesSectionCard{text-decoration: none;color: currentColor;}
.servicesSectionCard__body{padding: 0 23px;}
.servicesSectionCard__previewText{margin-top: 14px;color: var(--text-color-3)}
.servicesSectionCard__footer{flex: 1 1 auto;display: flex;flex-direction: column;justify-content:flex-end;padding: 0 23px}
.servicesSectionCard__footer .GaPsBtn{width: fit-content}
.servicesSection .swiper:not(.swiper-initialized) .swiper-wrapper{display: flex;gap: 15px}
@media (hover: hover) {
    .servicesSectionCard__body a:hover{color: var(--brand-color-hover);}
    .servicesSectionCard__picture:hover img{transform: scale(1.025)}
}
@media (max-width: 1300px) {
    .servicesSection__list{grid-template-columns: repeat(2, 1fr);gap: 20px;}
}
@media (max-width: 1000px) {
    .servicesSectionCard{gap:30px;}
    .servicesSectionCard__previewText{margin-top: 25px}
}
@media (max-width: 800px) {
    .servicesSection__list{grid-template-columns: repeat(1, 1fr);gap: 20px;}
}