.carousel-control-prev.active{display:none !important}
#projectCarousel #articleadd img{object-fit:cover}
#projectCarousel #articleaddmobile img{height:462px;object-fit:cover}
.carousel-control-prev.d-lg-block,.carousel-control-next.d-lg-block{display:inline-block !important;width:10%}
.carousel-control-prev,.carousel-control-next{position:relative;opacity:1;cursor:pointer;width:10%}
.carousel-control-next .fal:before,.carousel-control-prev .fal:before{line-height:12px !important;font-size:25px !important}
#project-count{display:inline-block;margin-top:25px}
.carousel-control-prev i{visibility:hidden}
.project-read{text-transform:uppercase;border-bottom:1px solid}
.project-text a:hover{color:#fff;text-decoration:underline}
.project-text{position:absolute;left:8%;text-align:left;width:60%;bottom:7%;color:#fff}
.project-text h3,.project-text p,.project-text a{color:#fff}
.pro-reference{color:#eee;text-transform:capitalize}
.pro-title{font-family:'PlayfairDisplay-Regular'}
.img-link{position:relative;display:block;overflow:hidden}
.img-link img{transition:transform 1s}
.project-img-item:hover img{transform:scale(1.1);transform-origin:50% 50%}
.img-link:hover img{transform:scale(1.1);transform-origin:50% 50%}
.img-link:after{content:'';position:absolute;left:0;top:0;right:0;bottom:0;transform:scaleX(-1);background-image:linear-gradient(180deg,rgba(0,0,0,0.28) 0,rgba(0,0,0,0.84) 88%);opacity:0;transition:opacity .8s ease-in-out}
.project-img-item:hover .img-link:after{opacity:1}
.grey-overlay{height:637px;top:0;position:absolute;width:100%;object-fit:cover;max-width:100%;transform:scaleX(-1);background-image:linear-gradient(180deg,rgba(0,0,0,0.00) 33%,rgba(0,0,0,0.72) 88%);vertical-align:middle;border-style:none;margin-right:3px;opacity:1;transition:opacity .8s ease-in-out}
.project-img-item:hover .img-link .grey-overlay{opacity:0}
.custom-carousel-wrap{position:relative;width:100%;overflow:hidden}
.custom-carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out}
#articleadd.carousel-item.active{display:flex}
#project-count-sm{display:none}
.carousel-control-prev.d-lg-block,.carousel-control-next.d-lg-block{width:20%}
@media only screen and (min-width:425px){.carousel-control-prev.d-lg-block,.carousel-control-next.d-lg-block{width:10%}
}
@media only screen and (max-width:991px){#project-count{display:none}
#project-count-sm{display:inline-block}
}
@media only screen and (min-width:768px){#projectCarousel #articleaddmobile img{height:360px}
}
@media only screen and (min-width:1024px){#projectCarousel #articleadd img{height:495px}
}
@media only screen and (min-width:1280px){#projectCarousel #articleadd img{height:628px}
}