.box-with-hover-text-module .wrapper{display:grid;gap:30px 20px;grid-template-columns:repeat(3,1fr)}@media(max-width:1023px){.box-with-hover-text-module .wrapper{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.box-with-hover-text-module .wrapper{grid-template-columns:repeat(1,1fr)}}.box-with-hover-text-module .box-item{border-radius:24px;display:grid;grid-template-columns:subgrid;grid-template-rows:auto auto;overflow:hidden}.box-with-hover-text-module .box-item .content{overflow:hidden;position:relative}.box-with-hover-text-module .box-item .content .thumb{aspect-ratio:509/500;background-position:50%;background-size:cover}.box-with-hover-text-module .box-item .content .content--hover{backdrop-filter:blur(0);background:-webkit-gradient(linear,left top,left bottom,color-stop(20.96%,rgba(7,12,30,.9)),to(rgba(7,12,30,.18)));background:linear-gradient(180deg,rgba(7,12,30,.9) 20.96%,rgba(7,12,30,.18));height:100%;left:0;opacity:0;padding:32px 35px;position:absolute;top:0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;width:100%}@media(max-width:640px){.box-with-hover-text-module .box-item .content .content--hover{opacity:1}}.box-with-hover-text-module .box-item .content .content--hover :not(.button){color:var(--White_primary)}.box-with-hover-text-module .box-item .content .content--hover :has(svg){display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;gap:10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.box-with-hover-text-module .box-item .content .content--hover :has(svg) svg{-ms-flex-negative:0;flex-shrink:0}.box-with-hover-text-module .box-item .content:hover .content--hover{opacity:1}.box-with-hover-text-module .box-item .title-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;padding:30px 20px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:20px}.box-with-hover-text-module .box-item .title-wrapper .icon *,.box-with-hover-text-module .box-item .title-wrapper .title *{margin:0!important}.box-with-hover-text-module .box-item .title-wrapper .icon{-ms-flex-negative:0;display:-webkit-box;display:-ms-flexbox;display:flex;flex-shrink:0}