.investors-portfolio-section{padding-bottom:250px;}
.investors-portfolio-section .investors-title{margin-bottom:125px}
.portfolio-item:before{content:"";background:-webkit-gradient(linear,left top,left bottom,from(rgba(32,32,32,0)),color-stop(149.37%,#1c1c1c));background:-o-linear-gradient(top,rgba(32,32,32,0) 0,#1c1c1c 149.37%);background:linear-gradient(180deg,rgba(32,32,32,0) 0,#1c1c1c 149.37%);display:block;height:150px;width:100%;position:absolute;bottom:0;left:0;right:0;z-index:1}
.investors-portfolio-section ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -12px -24px}
.investors-portfolio-section ul li{width:33.333%;padding:0 12px;margin-bottom:30px}
.portfolio-item{display:block;position:relative;border-radius:8px;overflow:hidden}
.portfolio-item .image-wrapper{position:relative;padding-bottom:100%;min-height:400px}
.portfolio-item .image-wrapper img{position:absolute;height:100%;width:100%;-o-object-fit:cover;object-fit:cover;top:0;left:0;right:0}
.portfolio-content {
    position: absolute;
    bottom: -5%;
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 32px 24px;
    left: 0;
    right: 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
    z-index: 111;
    opacity: 0;
}
.portfolio-content .investor-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;font-style:normal;font-weight:500;font-size:16px;letter-spacing:-.02em;margin-bottom:12px}
.portfolio-content p{color:#fff}
.portfolio-content .investor-title svg{margin-left:20px}
.portfolio-content .content-bottom p span{display:block;font-weight:600}
.image-wrapper-box{position:relative;background:#e0e6e0}
.portfolio-logo_image{position:absolute;bottom:20px;left:15px;z-index:1}
.image-wrapper-box .btn{-webkit-box-shadow:0 4px 4px rgba(0,0,0,.01),0 3px 3px rgba(0,0,0,.02),0 2px 2px rgba(0,0,0,.04),0 1px 0 rgba(0,0,0,.08),0 0 0 1px rgba(0,0,0,.06),inset 0 0 16px #f0f5f0;box-shadow:0 4px 4px rgba(0,0,0,.01),0 3px 3px rgba(0,0,0,.02),0 2px 2px rgba(0,0,0,.04),0 1px 0 rgba(0,0,0,.08),0 0 0 1px rgba(0,0,0,.06),inset 0 0 16px #f0f5f0;border-radius:100px;width:38px;height:38px;background:#dce3dc;background-image:url(../images/pluse-icon.svg);background-repeat:no-repeat;background-position:center;display:none;margin-left:20px;position:absolute;top:0;right:15px;top:15px;z-index:2}
.portfolio-wrapper.active .image-wrapper-box .btn{background-image:url(../images/minus-icon.svg)}

.portfolio-wrapper:before {
    content: "";
    display: inline-block;
    background: rgba(43, 50, 43, .5);
    -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 11;
    opacity: 0;
    -webkit-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
}

.portfolio-wrapper {
    position: relative;
}


@media only screen and (max-width:1599px){
.investors-portfolio-section .investors-title{margin-bottom:95px}
.portfolio-item .image-wrapper{min-height:360px}
.investors-portfolio-section{padding-bottom:150px}
}
@media only screen and (min-width:768px){
    .portfolio-item:hover .portfolio-content {
        opacity: 1;
        bottom: 0;
    }


.portfolio-item:hover .portfolio-wrapper::before {
    opacity: 1;
}
}
@media only screen and (max-width:1199px){
.investors-portfolio-section ul li{width:50%}
}
@media only screen and (max-width:991px){
.investors-portfolio-section .investors-title {
    margin-bottom: 95px;
    margin-top: 95px;
    font-size: 32px;
}
.investors-portfolio-section ul{margin:0 -8px -16px}
.investors-portfolio-section ul li{padding:0 8px}
.investors-portfolio-section {
    padding-top: 0px;
}
}
@media only screen and (max-width:767px){
.investors-portfolio-section ul li{width:100%}
.investors-portfolio-section .investors-title{margin-bottom:50px;margin-top:50px}
.image-wrapper-box .btn {
    display: block;
    z-index: 9999;
}
.portfolio-content .investor-title svg{display:none}
.portfolio-wrapper.active .portfolio-content,
.portfolio-item .portfolio-wrapper.active::before{opacity: 1}
.portfolio-wrapper.active .portfolio-content{bottom: 0;}
.portfolio-content{padding:20px 15px}
}