.feature-grid-main{padding-bottom:40px}.feature-grid-main .feature-grid-inner{display:flex;gap:10px}.feature-grid-main .feature-grid-inner .feature-grid-item{position:relative;border-radius:20px;cursor:pointer;background-position:center;background-size:cover;background-repeat:no-repeat;flex:1;padding:60px 32px;transition:all .4s ease;overflow:hidden;height:540px}.feature-grid-main .feature-grid-inner .feature-grid-item:before{content:"";position:absolute;width:100%;height:100%;left:0;right:0;top:0;bottom:0;background:#000;opacity:50%}.feature-grid-main .feature-grid-flex{position:relative;display:flex;flex-direction:column;height:100%;justify-content:space-between;gap:24px}.feature-grid-main .feature-grid-inner .feature-grid-item.item-1{flex:3;padding:60px}.feature-grid-item p{opacity:0;transition:opacity .3s ease}.feature-grid-item.item-1 p{opacity:1}.feature-grid-main .feature-grid-inner:hover .feature-grid-item{flex:1;padding:60px 32px}.feature-grid-main .feature-grid-inner:hover .feature-grid-item p{opacity:0}.feature-grid-main .feature-grid-inner .feature-grid-item:hover{flex:3;padding:60px}.feature-grid-main .feature-grid-inner .feature-grid-item:hover p{opacity:1}.feature-grid-main .feature-grid-flex h4{font-size:40px;line-height:42px;color:var(--white-color);letter-spacing:0%;font-weight:400}.feature-grid-main .feature-grid-flex p{font-size:16px;line-height:26px;letter-spacing:0%;color:var(--white-color);font-weight:400;max-width:620px;overflow-y:auto}@media screen and (max-width:991px){.feature-grid-main .feature-grid-flex h4{font-size:32px}.feature-grid-main .feature-grid-flex p{font-size:14px;line-height:24px;max-width:100%}.feature-grid-main .feature-grid-inner{display:block}.feature-grid-main .feature-grid-inner .feature-grid-item,.feature-grid-main .feature-grid-inner:hover .feature-grid-item,.feature-grid-main .feature-grid-inner .feature-grid-item:hover,.feature-grid-main .feature-grid-inner .feature-grid-item.item-1{height:434px;padding:40px 20px!important;flex:unset!important;margin:0 5px}.feature-grid-main .feature-grid-inner .feature-grid-item p,.feature-grid-main .feature-grid-inner:hover .feature-grid-item p,.feature-grid-main .feature-grid-inner .feature-grid-item:hover p,.feature-grid-main .feature-grid-inner .feature-grid-item.item-1 p{opacity:0!important}.feature-grid-main .feature-grid-inner .feature-grid-item.slick-active p{opacity:1!important}}@media screen and (max-width:767px){.feature-grid-main{padding-bottom:20px}}
/*# sourceMappingURL=/cdn/shop/t/39/assets/feature-grid-section.css.map */