.how-it-works-section .title-wrp img{width:100%;max-width:50px;height:100%}.how-it-works-section{background:#28aa6f0d}.how-work-grid{display:grid;grid-template-columns:2fr 1.2fr;grid-template-rows:355px 355px;gap:20px;align-items:start}.large-card{grid-row:span 2;height:730px}.work-card:nth-child(2),.work-card:nth-child(3){height:355px}.work-card{position:relative;overflow:hidden;border-radius:22px;cursor:pointer}.work-card-inner{position:relative;width:100%;height:100%;overflow:hidden;border-radius:22px}.work-card img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;right:0;bottom:0;left:0;transition:transform 1.8s cubic-bezier(.19,1,.22,1)}.work-card:hover img{transform:scale(1.08)}.card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;overflow:hidden;border-radius:22px}.card-overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(360deg,#3e85c7eb 0%,#3e85c7e0 30%,#3e85c780 55%,transparent 85%);transform:translateY(100%);will-change:transform;transition:transform 1.6s cubic-bezier(.19,1,.22,1)}.work-card:hover .card-overlay:before{transform:translateY(0)}.overlay-content{position:absolute;left:25px;bottom:35px;z-index:3;opacity:0;transform:translateY(70px);will-change:transform,opacity;transition:transform 1.4s cubic-bezier(.19,1,.22,1),opacity .9s ease}.work-card:hover .overlay-content{opacity:1;transform:translateY(0)}.overlay-content h3{color:#fff;font-size:28px;font-weight:500;margin-bottom:12px}.overlay-content p{color:#fff;font-size:16px;line-height:1.6;max-width:440px;font-weight:300;text-transform:capitalize}@media screen and (max-width:991px){.how-work-grid{grid-template-columns:1fr;grid-template-rows:auto}.large-card{grid-row:unset;height:600px}.work-card:nth-child(2),.work-card:nth-child(3){height:440px}.how-it-works-section .title-wrp h2{font-size:34px}}@media screen and (max-width:767px){.large-card,.work-card:nth-child(2),.work-card:nth-child(3){height:280px}.overlay-content{left:20px;bottom:25px}.overlay-content h3{font-size:22px}.overlay-content p{font-size:15px;line-height:1.5}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/how-it-works.css.map */