.services {
    padding-block: 6rem;
    position: relative;
    background: var(--primary-color) !important;
}

.services h1 {
    color: var(--fourth-color) !important;
}
.scroll-slide-right.visible {
    opacity: 1;
    transform: translateX(0);
    z-index: 2;
}
.services .service-text {
    color: var(--fourth-color) !important;
}

.services .service-card:hover {
    border: 2px solid #D6B16C !important;
}