section.scrollable-portfolio .spm-left{-ms-flex-preferred-size:36%;flex-basis:36%;margin-right:4%;position:relative;z-index:1}section.scrollable-portfolio .spm-left .spml-content{position:sticky;top:150px}section.scrollable-portfolio .spm-right{-ms-flex-preferred-size:60%;flex-basis:60%}section.scrollable-portfolio .drop-icon svg{height:25px;width:25px;fill:var(--button_color);-webkit-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}section.scrollable-portfolio .spm-cards .drop-icon{cursor:pointer;position:absolute;right:40px;top:40px;z-index:1}section.scrollable-portfolio .spm-cards.active .drop-icon svg{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}section.scrollable-portfolio .spm-cards{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:20px;padding:40px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;min-height:500px;position:relative;z-index:1}section.scrollable-portfolio .spm-content{display:none;overflow:hidden}section.scrollable-portfolio .spm-cards:not(last-child){margin-bottom:30px}section.scrollable-portfolio{padding:80px 0;position:relative;z-index:1}section.scrollable-portfolio .spm-cards .hover-fix{background:var(--gradient);border-radius:20px;bottom:0;height:0;left:0;position:absolute;right:0;-webkit-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;width:100%;z-index:-1}section.scrollable-portfolio .spm-cards.active .hover-fix{height:100%}@media(max-width:480px){section.scrollable-portfolio .spm-cards{min-height:400px}section.scrollable-portfolio .spm-cards .drop-icon{right:15px;top:20px}}