.projects-section {
    height:100vh;
    overflow:hidden;
}
.projects-content h4 {
    font-size: 26px;
    line-height: 35px;
}
.projects-track {
    display:flex;
    height:100vh;
    width:max-content;
}
/* Content */
.projects-content {
   width: 33.33vw;
    height: 32vh;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 285px 25px 0 35px;
}
/* Image container */
.projects-slider-wrap {
    width:66.66vw;
    height:100vh;
    flex-shrink:0;
    overflow:visible;
    display:flex;
    align-items:center;
}
/* Image track */
.projects-slider {
    display:flex;
    gap:30px;
}
/* Images */
.project-card {
    width:37vw;
    height:75vh;
    flex-shrink:0;
    position:relative;
    overflow:hidden;
}
.project-card img {
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}
/* Bottom left content */
.project-card-content {
    position:absolute;
    left:30px;
    bottom:30px;
    z-index:2;
    max-width:80%;
    color:#fff;
}
.project-card-content h3 {
    margin:0 0 0px;
    font-size:22px;
    font-weight:500;
	color:#fff;
}
.project-card-content p {
    margin:0 0 20px;
    font-size:18px;
    line-height:1.5;
}
.project-card-content a {
    display: inline-block;
    padding: 2px 14px;
    border: 1px solid #ffffff8c;
    color: #fff;
    text-decoration: none;
    font-size: 13px;
    text-transform: uppercase;
    background-color: #ac802da6;
}
.project-card::after {
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(
        to top,
        rgba(0,0,0,0.65),
        transparent 60%
    );
    z-index:1;
}