.cspt-portfolio-style-7 .creativesplanet-post-item{min-height:70px;display:flex;align-items:center}.cspt-portfolio-style-7 .cspt-hover-image{position:absolute;left:0;top:50%;transform:translateY(-50%) scale(1);width:410px;height:445px;margin-top:10px;border-radius:8px;overflow:hidden;opacity:0;visibility:hidden;transition:all .45s ease;z-index:1}.cspt-portfolio-style-7 .cspt-hover-image img{width:100%;height:100%;object-fit:cover}.cspt-portfolio-style-7 .cspt-content-wrapper{margin-left:450px;width:calc(100% - 445px);padding:20px 10px;position:relative;z-index:2;min-height:70px;border-bottom:1px solid #DCE5E7}.cspt-portfolio-style-7 .cspt-port-meta{font-size:13px;color:#718096;text-transform:uppercase;margin-top:8px;min-width:120px}.cspt-portfolio-style-7 .cspt-portfolio-title{font-size:22px;line-height:30px;margin:0}.cspt-portfolio-style-7 .cspt-portfolio-title a{color:#101828}.cspt-portfolio-style-7 .cspt-portfolio-desc{color:#718096;max-width:450px;line-height:28px;height:0;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(15px);margin-top:0;transition:all .4s ease}.cspt-active .cspt-portfolio-style-7 .cspt-portfolio-desc{height:56px;opacity:1;visibility:visible;transform:translateY(0);margin-top:18px}.cspt-portfolio-style-7 .cspt-arrow{position:absolute;right:0;top:20px;font-size:18px;transform:rotate(-45deg)}.cspt-active .cspt-portfolio-style-7 .cspt-hover-image{opacity:1;visibility:visible;transform:translateY(-50%) scale(1)}.cspt-element-portfolio-style-7 .cspt-ele.cspt-portfolio-ele{position:unset;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;margin-bottom:0!important}@media (max-width:768px){.cspt-portfolio-style-7 .creativesplanet-post-item{min-height:auto;display:flex}.cspt-portfolio-style-7 .cspt-hover-image{width:100%;display:none}.cspt-portfolio-style-7 .cspt-content-wrapper{margin-left:0;width:100%}}@media (max-width:575px){.cspt-portfolio-style-7 .cspt-content-wrapper{display:block!important}.cspt-portfolio-style-7 .cspt-arrow{top:40px}}