.hero-section{position:relative;overflow:hidden;padding:0;height:50vh;margin-top:-150px;padding-top:150px;background:#141619;display:flex;align-items:center}#before-after-slider{width:100%;position:relative;overflow:hidden;border:3px solid #fff;box-shadow:0 0 1.25rem rgba(0,0,0,.1);border:4px solid #fff img;border-width:100%;border-display:block}#before-after-slider #after-image{display:block}#before-after-slider #before-image{position:absolute;height:100%;width:50%;top:0;left:0;overflow:hidden;z-index:2}#before-after-slider #before-image img{max-width:none}#before-after-slider #resizer{position:absolute;display:flex;align-items:center;z-index:5;top:0;left:50%;height:100%;width:4px;background:#fff;cursor:grab;touch-action:pan-y}#before-after-slider #resizer svg{width:2.4rem;height:2.4rem;flex-shrink:0;color:#fff;padding:.5rem;border-radius:50%;border:3px solid #fff;translate:calc(-50% + 1.5px) 0%;background:linear-gradient(62deg, #c93072 5%, #3365c0)}.main-section{background:#fff;overflow:hidden}.main-section .upper{max-width:820px}.main-section .thumbs{display:flex;gap:.5rem}.main-section .thumbs img{box-shadow:0 0 1.25rem rgba(0,0,0,.1);border:4px solid #fff}.portfolio-section{margin-top:-150px;padding-top:200px;position:relative;overflow:hidden}.portfolio-section .background{position:fixed;inset:0;height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.portfolio-section .item{background:#fff;text-decoration:none;display:block}.portfolio-section .content{padding:1rem;color:#777}.portfolio-section .overlay{inset:0;z-index:1;opacity:.7;position:absolute;background:#000}.portfolio-section .slider{gap:1rem;display:grid}@media(min-width: 568px){.portfolio-section .slider{grid-template-columns:1fr 1fr}}@media(min-width: 768px){.portfolio-section .item:hover{background:#db2d2e}.portfolio-section .item:hover .center{color:#fff}.portfolio-section .slider{grid-template-columns:1fr 1fr 1fr}}@media(min-width: 1200px){.portfolio-section .slider{grid-template-columns:1fr 1fr 1fr 1fr}}