.block__introduce-features-header{text-align:center;margin:0 0 50px}.block__introduce-features-header h2{margin:0}.block__introduce-features-header p{margin:10px auto 0;font-family:var(--Serenity-light);letter-spacing:.5px;color:var(--white-color);opacity:.8;max-width:700px}.block__introduce-features-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.block__introduce-features-col{border-radius:12px;overflow:hidden;padding:10px;background-color:var(--black-color);cursor:pointer}.block__introduce-features-col-img{background:linear-gradient(180deg,#171717,#000);position:relative;padding-top:82.91%;border-radius:10px}.block__introduce-features-col-img img{position:absolute;width:76%;border-radius:10px;overflow:hidden;top:0;left:0;right:0;bottom:0;margin:auto}.block__introduce-features-col-content{margin-top:-36px;z-index:1;padding:0 20px 20px;position:relative}.block__introduce-features-col-content h5{margin:0 0 8px;line-height:1.2;background:linear-gradient(90deg,#fff,#b7ee73 57.16%);max-width:max-content;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.block__introduce-features-col-content p{margin:0;font-family:var(--Serenity-light);color:var(--white-color)}.block__introduce-features-col-img:after{content:"";position:absolute;width:100%;height:56.4%;bottom:0;left:0;right:0;background:linear-gradient(180deg,#17171700,#050505 78.5%);transition:all .4s ease}.block__introduce-features-col:hover .block__introduce-features-col-img:after{height:100%}@media (min-width: 1440px) and (max-width: 1549px){.block__introduce-features-col-content{padding:0 15px 20px}}@media (min-width: 1200px) and (max-width: 1439px){.block__introduce-features-col-content{padding:0 10px 10px}}@media (min-width: 992px) and (max-width: 1199px){.block__introduce-features-row{gap:5px}.block__introduce-features-col{border-radius:8px;padding:6px}.block__introduce-features-col-img{border-radius:8px}.block__introduce-features-col-content{margin-top:-35px;padding:0 8px 10px}.block__introduce-features-header{margin:0 0 35px}}@media (max-width: 991px){.block__introduce-features-row{grid-template-columns:repeat(1,1fr)}.block__introduce-features-header{margin:0 0 35px}}@media (max-width: 749px){.block__introduce-features-header{text-align:center;margin:0 0 10px}.block__introduce-features-header p{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/51/assets/introduce-features.css.map */