.sections{background:linear-gradient(to bottom,#fff,#eaeaea);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;transform:translateY(20px)}.section-title{margin-bottom:10px;color:#333;padding-inline:1rem;margin-inline-start:1rem;margin-block:0;font-size:x-large;text-transform:uppercase;font-family:Roboto,sans-serif}.font-bold{font-weight:600}.section-text{font-size:1rem;margin-bottom:20px;color:#666}.image-container{position:relative;display:inline-block}.animated-container{position:relative;overflow:hidden;width:100%}.main-image{width:100vw;height:auto;position:relative;opacity:0;transition:opacity 2s ease-in-out,clip-path 2s ease-in-out;clip-path:inset(0 100% 0 0);-webkit-user-drag:none;user-drag:none;pointer-events:none}.overlay-image{position:absolute;bottom:-10px;left:-20px;max-width:37vh;height:auto;-webkit-user-drag:none;user-drag:none;pointer-events:none}.visible .main-image{opacity:1;clip-path:inset(0 0 0 0)}.visible{opacity:1;transform:translateY(0)}.learn-more{background:#333;padding-inline:2rem;padding-block:5px;font-size:1.7rem;color:#fff;text-decoration:auto;margin-block:1rem;display:flex;float:right}@media (min-width: 1024px){.margin-block{margin-block:5.5rem}.gradient-background{background:#fff!important}.only-desktop{display:block}}.only-desktop{display:none}.three-grid-section{display:grid;grid-template-columns:1fr 2fr 1fr;max-height:600px;height:360px;box-sizing:border-box;margin:3rem auto 4rem}.grid-item{position:relative;overflow:hidden}.grid-item.first{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%;background-color:#f4f4f4}.grid-item.first .image-container{overflow:hidden;width:100%;max-width:300px}.animated-image{transform:translateY(100%);opacity:0;transition:transform 1s ease,opacity 1s ease}.grid-item.first .image-container.visible .animated-image{transform:translateY(0);opacity:1;-webkit-user-drag:none;user-drag:none;pointer-events:none}.grid-item.second .full-image{width:100%;height:100%;object-fit:cover;-webkit-user-drag:none;user-drag:none;pointer-events:none}.grid-item.third{background-color:#f4f4f4;padding:20px 40px 20px 0;display:flex;flex-direction:column;justify-content:center;max-height:100%;box-sizing:border-box}.subtitle{font-size:20px;font-family:Roboto,sans-serif;font-weight:600;margin-bottom:10px;color:#212121}.description{font-size:16px;margin-bottom:20px}.learn-more-button{display:inline-block;padding:10px 20px;background-color:#000;color:#fff;text-decoration:none;font-weight:700}.learn-more-button:hover{background-color:#333}@media screen and (max-width: 768px){.hide-mobile-what-is-desk-title{display:none}}
/*# sourceMappingURL=/cdn/shop/t/96/assets/c-what-is-cw.css.map */