.cspt-portfolio-style-8.cspt-active .cspt-featured-wrapper::after{-webkit-transition:all 0.3s;transition:all 0.3s}.cspt-element-portfolio-style-8 .cspt-ele-posts-wrapper{position:relative}.cspt-element-portfolio-style-8 .cspt-portfolio-ele{position:sticky;top:120px;margin-bottom:80px;z-index:1}.cspt-portfolio-style-8 .cspt-featured-wrapper{position:relative;overflow:hidden;border-radius:20px}.cspt-portfolio-style-8 .cspt-featured-wrapper img{width:100%;border-radius:10px;object-fit:cover;transition:all ease 400ms;-moz-transition:all ease 400ms;-webkit-transition:all ease 400ms}.cspt-portfolio-style-8 .cspt-box-content{display:grid}.cspt-portfolio-style-8 .cspt-featured-wrapper::after,.cspt-element-portfolio-style-8 .cspt-portfolio-ele .cspt-featured-wrapper::after{content:'';position:absolute;bottom:0;left:0;right:0;bottom:0;width:100%;height:38%;background:linear-gradient(0deg,rgba(0,5,9,.8) 29.87%,rgba(0,33,52,0) 87.91%)}.cspt-portfolio-style-8 .creativesplanet-box-content{position:absolute;left:15px;bottom:20px;z-index:2;transition:all 0.6s cubic-bezier(.38,.005,.215,1);transform:scale(.9);width:100%;height:100%;display:grid}.cspt-portfolio-style-8 .cspt-box-content .cspt-title-wrap{align-self:flex-end;display:flex;align-items:center;justify-content:space-between}.cspt-portfolio-style-8 .cspt-portfolio-title{font-size:36px;line-height:40px;margin-bottom:0;width:340px!important;max-width:340px!important}.cspt-portfolio-style-8 .cspt-portfolio-title,.cspt-portfolio-style-8 .cspt-portfolio-title a{color:var(--cspt-greenly-white-color)}.cspt-portfolio-style-8 .cspt-portfolio-title a:hover{color:var(--cspt-greenly-global-color)}.cspt-portfolio-style-8 .cspt-box-content .cspt-portfolio-desc p{margin-bottom:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:rgba(var(--cspt-greenly-white-color-rgb),1);max-width:140px;text-align:right;margin-right:20px}.cspt-portfolio-style-8 .cspt-box-content .cspt-portfolio-desc i{display:none}.cspt-portfolio-style-8 .cspt-box-content .cspt-port-cat a{background:rgba(0,33,52,.3);backdrop-filter:blur(25px);letter-spacing:.78px;text-transform:uppercase;font-size:13px;color:var(--cspt-greenly-white-color);border-radius:30px;padding:3px 17px;margin:35px 0 0;display:inline-block}.cspt-portfolio-style-8 .cspt-box-content .cspt-port-cat a:not(:last-child){margin:0 10px 0 0}.cspt-element-portfolio-style-8 .cspt-portfolio-btn{width:30%;text-align:right;margin-top:15px}.cspt-element-portfolio-style-8 .cspt-portfolio-btn a{display:inline-block;border-radius:50px;padding:13px 35px;justify-content:center;align-items:center;background-color:var(--cspt-greenly-global-color);color:var(--cspt-greenly-white-color)}.cspt-element-portfolio-style-8 .cspt-portfolio-btn a:hover{background-color:var(--cspt-greenly-blackish-color)}.cspt-element-portfolio-style-8 .cspt-heading-subheading{margin-bottom:20px}.cspt-element-portfolio-style-8 .cspt-portfolio-btn a span{text-decoration:underline}.cspt-elementor-bg-color-secondary .cspt-heading-subheading h2.cspt-element-title,.cspt-elementor-bg-color-secondary .cspt-heading-subheading h4.cspt-element-subtitle,.cspt-elementor-bg-color-blackish .cspt-heading-subheading h2.cspt-element-title,.cspt-elementor-bg-color-blackish .cspt-heading-subheading h4.cspt-element-subtitle,.cspt-elementor-bg-color-globalcolor .cspt-heading-subheading h2.cspt-element-title,.cspt-elementor-bg-color-globalcolor .cspt-heading-subheading h4.cspt-element-subtitle{color:var(--cspt-greenly-white-color)}.cspt-elementor-bg-color-globalcolor .cspt-element-portfolio-style-8 .cspt-portfolio-btn a{background-color:var(--cspt-greenly-blackish-color)}.cspt-elementor-bg-color-secondary .cspt-element-portfolio-style-8 .cspt-portfolio-btn a:hover,.cspt-elementor-bg-color-blackish .cspt-element-portfolio-style-8 .cspt-portfolio-btn a:hover{background-color:var(--cspt-greenly-white-color);color:var(--cspt-greenly-blackish-color)}@media (max-width:1366px){.cspt-portfolio-style-8 .cspt-portfolio-title{font-size:38px;line-height:44px}}@media (max-width:1200px){.cspt-portfolio-style-8 .cspt-portfolio-title{font-size:34px;line-height:40px}}@media (max-width:991px){.cspt-portfolio-style-8 .creativesplanet-post-content{position:relative}.cspt-portfolio-style-8 .cspt-portfolio-title{font-size:22px;line-height:30px;width:100%!important}.cspt-portfolio-style-8 .cspt-box-content .cspt-portfolio-desc{width:65%}.cspt-portfolio-style-8 .creativesplanet-box-content{left:0;bottom:0;padding:30px 20px;display:block}.cspt-portfolio-style-8 .cspt-box-content{display:flex;flex-direction:column;height:100%;justify-content:space-between;gap:20px}.cspt-element-portfolio-style-8 .cspt-portfolio-style-8{flex:auto}.cspt-portfolio-style-8 .cspt-box-content .cspt-port-cat a{margin-top:0}.cspt-portfolio-style-8 .creativesplanet-box-content,.cspt-element-portfolio-style-8 .cspt-portfolio-ele:not(.cspt-active) .cspt-featured-wrapper::after{opacity:1;transform:scale(1)}.cspt-portfolio-style-8 .cspt-featured-wrapper img,.cspt-element-portfolio-style-8 .cspt-portfolio-style-8{height:100%}.cspt-portfolio-style-8 .cspt-featured-wrapper{height:350px}.cspt-element-portfolio-style-8 .cspt-element-posts-wrapper{display:grid;grid-gap:0;grid-template-columns:repeat(2,2fr);grid-template-rows:repeat(1,1fr)}.cspt-portfolio-style-8 .cspt-box-content .cspt-title-wrap{align-self:unset}.cspt-element-portfolio-style-8 .cspt-portfolio-ele{position:static;transform:none!important}.cspt-portfolio-style-8 .cspt-box-content .cspt-portfolio-desc p{margin-right:0}.cspt-element-portfolio-style-8 .cspt-heading-subheading{margin-bottom:40px}}@media (max-width:767px){.cspt-element-portfolio-style-8 .cspt-element-posts-wrapper{grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(1,1fr)}.cspt-portfolio-style-8 .cspt-box-content .cspt-portfolio-desc{width:auto}}@media (max-width:575px){.cspt-portfolio-style-8 .cspt-box-content .cspt-title-wrap{display:block}.cspt-portfolio-style-8 .cspt-box-content .cspt-portfolio-desc p{max-width:100%;text-align:left}}