.text-white {
    color: #fff
}

.text-dark-2 {
    color: #4a4c4e
}

.c-services-intro__wrap p,
.c-services-intro__wrap li {
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 1.2;
    font-family: "TradeGothic LT Extended", sans-serif;
    font-weight: 400;
    margin-bottom: 35px;
    text-transform: uppercase;
    letter-spacing: 1px
}

@media(max-width: 61.24em) {

    .c-services-intro__wrap p,
    .c-services-intro__wrap li {
        font-size: 26px;
        font-size: 1.625rem;
        line-height: 1.2
    }
}

.c-services-item__more {
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.35;
    font-family: "TradeGothic LT Extended", sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px
}

.c-services-item__image-wrap {
    position: relative
}

.c-services-item__image-wrap img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.c-services-item__image-wrap img {
    -o-object-fit: contain;
    object-fit: contain
}

@-webkit-keyframes lazyfadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes lazyfadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.c-services {
    margin: 50px 0
}

@media(min-width: 61.25em) {
    .c-services {
        margin: 40px 0px
    }
}

.c-services--wrapped-true {
      background-image: url("https://hypalink2.co.uk/wp-content/uploads/2026/02/Texture-Tasty-Grey-Seamless-Pattern-For-Website-Background.jpeg");
    background-attachment: fixed
}

.c-services-intro {
    position: relative
}

.c-services-intro__wrap {
    background-color: #bfcd59;
    color: #4e504d;
    padding: 50px 25px;
    margin-bottom: 25px;
    position: relative
}

@media(max-width: 46.24em) {
    .c-services-intro__wrap {
        margin-left: -25px;
        margin-right: -25px
    }
}

.c-services-intro--wrapped-true:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 50%;
      background-color: #fff;
    width: 100%
}

.c-services-items {
    padding-bottom: 75px
}

.c-services-item {
    position: relative;
    padding: 50px 25px
}

.c-services-item .container--narrow {
    position: relative
}

.c-services-item:after {
    position: absolute;
    background-color: #4e504d;
    height: 1px;
    left: 40px;
    right: 40px;
    content: ""
}

.c-services-item:before {
    top: 0
}

.c-services-item:after {
    bottom: 0
}

.c-services-item__title {
    margin-bottom: 12.5px
}

.c-services-item__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media(max-width: 46.24em) {
    .c-services-item__wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.c-services-item__content,
.c-services-item__image {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.c-services-item__content {
    max-width: 800px;
    margin-right: 25px
}

.c-services-item__content p {
    margin-bottom: 12.5px
}

.c-services-item__image {
    max-width: 100px;
    width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media(max-width: 46.24em) {
    .c-services-item__image {
        margin-bottom: 25px
    }
}

.c-services-item__image-wrap {
    padding-top: 100%;
    position: relative
}

.c-services-item__link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.c-services-item--haslink:hover .c-services-item__image {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-duration: 2s !important;
    animation-duration: 2s !important;
    -webkit-animation-iteration-count: infinite !important;
    animation-iteration-count: infinite !important
}

.c-services-item--haslink:before {
    background-image: url("../assets/images/darker_bg.png");
    mix-blend-mode: multiply;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    -webkit-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
    width: 0
}

.c-services-item--haslink:hover:before {
    opacity: .15;
    width: 100%
}

.c-services--margin-top {
    margin-bottom: 0 !important
}

.c-services--margin-bottom {
    margin-top: 0 !important
}