.project-listing-sec{padding:60px 0 100px;overflow:hidden}
.project-listing-sec .row{margin-bottom:-56px}
.project-listing-sec .row>div{margin-bottom:56px}
.project-listing-block .project-img a{position:relative;min-height:450px;display:flex;align-items:flex-end;text-decoration:none;overflow:hidden}
.project-listing-block .project-img a img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;right:0;bottom:0;transition:all .5s}
.project-listing-block:hover .project-img a img{transform:scale(1.1)}
.project-listing-block .project-img h2{font-size:32px;font-weight:700;line-height:42px;position:relative;padding:30px;color:#fff;z-index:1;margin:0}
.project-listing-block .project-img a:before{content:"";position:absolute;left:0;top:0;height:100%;width:100%;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,.403545) 57.14%,rgba(0,0,0,.5) 100%);z-index:1}
.project-listing-block .project-info{padding:20px 20px 0 20px;display:flex;justify-content:space-between}
.project-listing-block .project-title h6{color:#000;font-weight:700;text-transform:uppercase;margin-bottom:12px;line-height:24px}
.project-listing-block .project-info p{font-size:20px;line-height:20px}
.project-listing-block .project-info .project-title{width:calc(100% - 212px)}
.project-read-more .btn{min-width:182px}
.project-listing-block .project-info .project-read-more a.btn.btn-white{min-width:164px}
.project-listing-sec .row .col-lg-6:nth-child(2n){margin-top:48px}
.project-filter{text-align:end;margin-bottom:40px}
.project-filter select{padding-right:65px}
.project-filter select{background-color:transparent;border-color:#c2c2c2;padding:10px 35px 10px 16px;border-radius:8px;cursor:pointer;outline:0;background:url("../images/arrow-down.svg");background-repeat:no-repeat;background-size:10px;background-position:calc(100% - 16px) 50%;appearance:none;font-size:18px;font-weight:400;line-height:28px}
.single-pro-sec{
    padding-top: 75px;
    margin-bottom: -119px;
}
.single-pro-sec.image-text .col-img {
    width: 41.5%;
}
.single-pro-sec.image-text .col-text {
    width: 58.5%;
    padding-top: 45px;
    padding-bottom: 210px;
}
.single-pro-sec.image-text .col-img .img-wrapper{
    padding-top: 97.71%;
}
.single-pro-sec.image-text .slick-list, .single-pro-sec.image-text .slick-track {
    height: auto;
}
.single-pro-sec.image-text .slick-arrow{
    right: 0;
}
.single-pro-sec.image-text .slick-dots{
    padding-left: 0;
}

@media (min-width:992px){
    .single-pro-sec.image-text .slick-dots button:not(:hover){
        background: var(--white);
    }
    .single-pro-sec.image-text .slick-arrow:not(:hover){
        border-color: var(--white);
    }
    .single-pro-sec.image-text .slick-arrow:not(:hover) path{
        fill: var(--white);
    }
}
@media (min-width:1400px){
.project-listing-sec .row{margin:0 -28px;margin-bottom:-56px}
.project-listing-sec .row>div{padding:0 28px;margin-bottom:56px}
}
@media only screen and (max-width:1199px){
.project-listing-block .project-img a{min-height:340px}
.project-listing-block .project-img h2{font-size:28px;line-height:41.6px;padding:20px 20px 10px 20px;margin:0}
.project-listing-block .project-info{padding:20px 0 0 0}
    .single-pro-sec{
        margin-bottom: -80px;
    }
    .single-pro-sec.image-text .col-text{
        padding-top: 0;
        padding-bottom: 140px;
    }
}
@media only screen and (max-width:991px){
.project-listing-sec .row>div{margin-bottom:60px}
.project-listing-sec .row .col-lg-6:nth-child(2n){margin-top:0}
    .single-pro-sec {
        margin-bottom: 0;
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .single-pro-sec.image-text .col-text{
        padding-bottom: 0px;
    }
    .single-pro-sec.image-text .col-text,.single-pro-sec.image-text .col-img{
        width: 100%;
    }
}
@media only screen and (max-width:767px){
.project-listing-sec{padding:40px 0 40px}
.project-listing-block .project-img a{min-height:260px}
.project-read-more .btn{min-width:unset;margin-top:20px}
.project-listing-block .project-info .project-title{width:100%}
.project-listing-block .project-info{flex-direction:column}
    .single-pro-sec {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}