.cspt-portfolio-style-7 .creativesplanet-post-item{position:relative;overflow:hidden}.cspt-portfolio-style-7 img{width:100%;height:720px;object-fit:cover;transition:all ease 400ms;-moz-transition:all ease 400ms;-webkit-transition:all ease 400ms}.cspt-portfolio-style-7 .creativesplanet-box-content:after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:linear-gradient(180deg,rgba(var(--cspt-enginir-blackish-color-rgb),0) 30%,rgba(var(--cspt-enginir-blackish-color-rgb),.8) 90%)}.cspt-portfolio-style-7 .creativesplanet-box-content-inner{position:absolute;left:0;bottom:0;z-index:2;opacity:0;transition:all 0.6s cubic-bezier(0.38,0.005,0.215,1);transform:scale(0.9);height:100%;top:0;padding:30px}.cspt-active .cspt-portfolio-style-7 .creativesplanet-box-content-inner{opacity:1;transform:scale(1)}.cspt-portfolio-style-7 .creativesplanet-box-content .cspt-portfolio-title{font-size:36px;line-height:44px;margin-top:10px;transition:all 0.6s cubic-bezier(0.38,0.005,0.215,1);opacity:0;align-self:end}.cspt-active .cspt-portfolio-style-7 .creativesplanet-box-content .cspt-portfolio-title{opacity:1}.cspt-portfolio-style-7 .creativesplanet-box-content .cspt-portfolio-title a{color:var(--cspt-enginir-white-color)}.cspt-portfolio-style-7 .cspt-cat-wrapper{display:flex;gap:10px;align-self:start}.cspt-portfolio-style-7 .cspt-cat-wrapper .cspt-port-year,.cspt-element-portfolio-style-7 .cspt-port-cat a{border:1px solid rgba(var(--cspt-enginir-white-color-rgb),.1);color:var(--cspt-enginir-white-color);padding:2px 10px;font-size:15px;line-height:25px;letter-spacing:1px;transition:all ease 500ms;-moz-transition:all ease 500ms;-webkit-transition:all ease 500ms}.cspt-portfolio-style-7 .cspt-cat-wrapper .cspt-port-year:hover,.cspt-element-portfolio-style-7 .cspt-port-cat a:hover{border-color:var(--cspt-enginir-global-color);background-color:var(--cspt-enginir-global-color);color:var(--cspt-enginir-blackish-color)}.cspt-element-portfolio-style-7 .cspt-element-posts-wrapper{display:flex}.cspt-element-portfolio-style-7 .cspt-element-posts-wrapper .cspt-portfolio-ele{flex:2;transition:0.7s;position:relative;overflow:hidden;padding:0!important}.cspt-element-portfolio-style-7 .cspt-element-posts-wrapper .cspt-portfolio-ele.cspt-active{flex:4;padding-right:0!important}.cspt-portfolio-style-7 .creativesplanet-titlebox{display:grid;height:100%}.cspt-element-portfolio-style-7 .cspt-ele-header-area{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(var(--cspt-enginir-blackish-color-rgb),.15);margin-bottom:40px}.cspt-element-portfolio-style-7 .cspt-ele-header-area .cspt-heading-subheading{margin-bottom:40px}.cspt-element-portfolio-style-7 .cspt-portfolio-btn.cspt-head-btn{margin:0 56px 0 0;display:inline-flex}@media (max-width:1200px){.cspt-element-portfolio-style-7 .cspt-element-posts-wrapper .cspt-portfolio-ele.cspt-active{flex:5}.cspt-portfolio-style-7 .creativesplanet-box-content .cspt-portfolio-title{font-size:24px;line-height:34px}}@media (max-width:992px){.cspt-element-portfolio-style-7 .cspt-element-posts-wrapper .cspt-portfolio-ele{flex:auto;margin-bottom:30px!important}.cspt-element-portfolio-style-7 .container,.cspt-element-portfolio-style-7 .cspt-element-posts-wrapper{padding:0 30px}.cspt-portfolio-style-7 .creativesplanet-box-content-inner{opacity:1;transform:scale(1);height:auto;top:auto;width:100%}.cspt-portfolio-style-7 .creativesplanet-box-content .cspt-portfolio-title{opacity:1}.cspt-portfolio-style-7 img{height:500px}.cspt-portfolio-style-7 .creativesplanet-box-content .cspt-portfolio-title{margin-bottom:0}.cspt-element-portfolio-style-7 .cspt-element-posts-wrapper .cspt-portfolio-ele.cspt-active{flex:unset}}@media (max-width:767px){.cspt-element-portfolio-style-7 .container,.cspt-element-portfolio-style-7 .cspt-element-posts-wrapper{padding:0 15px}.cspt-portfolio-style-7 img{height:400px}}@media (max-width:575px){.cspt-element-portfolio-style-7 .cspt-ele-header-area{display:block}.cspt-element-portfolio-style-7 .cspt-ele-header-area .cspt-heading-subheading{margin-bottom:30px}.cspt-element-portfolio-style-7 .cspt-ele-header-area{padding-bottom:40px}}