.section-services {
    height: 140vh;
    z-index: 5;
    background-color: var(--background-dark);
    margin-top: -100px;
}
.services-col-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding-top: 20vh;
}
.services-image > img {
    width: 59.2vh;
}
.services-right-text{
    width: 64.6vh;
}
.services-small-title {
    color: var(--secondary-content-color);
    letter-spacing: 0.2vh;
    margin-bottom: 3vh;
    font-size: 2vh;
}
.services-large-title {
    letter-spacing: 0.2vh;
    font-size: 7vh;
    line-height: 8vh;
    font-weight: 800;
}
.services-large-title-inner {
    color: var(--tetriary-content-color)
}
.services-description {
    color: var(--tetriary-content-color);
    font-size: 3vh;
    margin-bottom: -1vh;
}
.services-list {
    background-color: var(--background-med-dark);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    padding-top: 6vh;
    padding-bottom: 6vh;
    padding-left: 16vh;
    padding-right: 30vh;
    margin-top: 15vh;
    width: 100%;
    overflow: hidden;
    margin-left: var(--global-side-padding);
}
.services-element {
    font-size: 2.8vh;
    letter-spacing: 0.1vh;
    padding: 3vh;
    width: 25%;
    text-align: left;
}
.services-element::before{
    content: '';
    background-color: var(--secondary-content-color);
    height: 2vh;
    width: 0.3vh;
    position: relative;
    display: inline-block;
    border-radius: 1vh;
    left: -2vh;
}
.section-services-detailed {
    height: 600vh;
    scroll-snap-type: y;
}
.element-red {
    background-color: var(--secondary-content-color);
}
.title-right-aligned{
    text-align: left;
}
.section-services-ending {
    height: 45vh;
    padding-top: 10vh;
}
.services-ending {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100vh;
    margin-left: auto;
    margin-right: auto;
}
.services-ending-text {
    font-size: 5.3vh;
    text-align: center;
}
.services-ending > button {
    width: 25vh;
}