.page-portfolio .portfolio-slider-viewport .portfolio-grid .card{min-height:370px!important;padding:220px 27px 26px!important;border-radius:24px!important;display:flex!important;flex-direction:column}
.page-portfolio .portfolio-slider-viewport .portfolio-grid .card:before{height:195px!important;background-position:center!important}
.page-portfolio .portfolio-slider-viewport .portfolio-grid .card:after{content:""!important;position:absolute!important;inset:0 0 auto!important;width:auto!important;height:195px!important;background:linear-gradient(180deg,rgba(0,0,0,.55),rgba(0,0,0,.08) 48%,rgba(0,0,0,.72))!important;z-index:0!important;transition:opacity .35s!important}
.page-portfolio .portfolio-slider-viewport .portfolio-grid .card>.num{position:absolute;z-index:2;left:25px;top:22px;color:#ffd51f!important;font-size:10px;letter-spacing:.14em;text-transform:uppercase;text-shadow:0 2px 12px rgba(0,0,0,.5)}
.page-portfolio .portfolio-slider-viewport .portfolio-grid .card>h3{position:absolute;z-index:2;left:25px;right:22px;top:65px;margin:0!important;color:#fff!important;font-size:29px;line-height:1.02;text-shadow:0 3px 18px rgba(0,0,0,.72)}
.page-portfolio .portfolio-slider-viewport .portfolio-grid .card>p{margin:0 0 12px;color:#696a64;line-height:1.55;font-size:14px}
.page-portfolio .portfolio-slider-viewport .portfolio-grid .card>.card-link{margin-top:auto;font-size:12px;position:relative;z-index:3}
.page-portfolio .portfolio-slider-viewport .portfolio-grid .card:hover:after{opacity:.84}
.page-portfolio .portfolio-slider-controls{display:flex!important}
@media(max-width:620px){.page-portfolio .portfolio-slider-viewport .portfolio-grid .card{min-height:350px!important;padding-top:210px!important}.page-portfolio .portfolio-slider-viewport .portfolio-grid .card:before,.page-portfolio .portfolio-slider-viewport .portfolio-grid .card:after{height:185px!important}.page-portfolio .portfolio-slider-viewport .portfolio-grid .card>h3{font-size:27px}}