.text-white {
    color: #fff
}

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

.c-projects-intro__wrap p,
.c-projects-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-projects-intro__wrap p,
    .c-projects-intro__wrap li {
        font-size: 26px;
        font-size: 1.625rem;
        line-height: 1.2
    }
}

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

    100% {
        opacity: 1
    }
}

@keyframes lazyfadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.c-projects {
    margin: 50px 0
}

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

.c-projects-intro {
    position: relative
}

.c-projects-intro:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 50%;
    background-color: #000;
    width: 100%;
     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-projects-intro__wrap {
    background-color: #bfcd59;
    color: #4e504d;
    padding: 50px 25px;
    margin-bottom: 50px;
    position: relative
}

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

@media(min-width: 61.25em) {
    .c-projects-intro__wrap {
        margin-bottom: 100px
    }
}

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

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

.c-projects-items {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 50px 12.5px
}

@media(min-width: 46.25em) {
    .c-projects-items {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media(min-width: 61.25em) {
    .c-projects-items {
        gap: 100px 25px
    }
}

.c-projects-card {
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.c-projects-card h3 {
    color: #4e504d;
    font-family: "TradeGothic LT Extended", sans-serif;
    text-transform: uppercase
}

.c-projects-card__img {
    padding-top: 120%;
    position: relative;
    display: block;
    background-color: #bfcd59
}

.c-projects-card__img>img {
    position: absolute;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    inset: 0;
    width: 100%;
    height: 100%
}

.c-projects-card__img>.alt {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.c-projects-card:hover .c-projects-card__img .alt {
    opacity: 1;
    visibility: visible
}

.c-projects-card__body {
    padding: 30px 25px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #000
}