.cards-with-hover-effect-module .grid-container{display:grid;gap:20px;grid-auto-rows:auto;grid-template-columns:repeat(3,1fr);overflow:hidden}@media(max-width:1023px){.cards-with-hover-effect-module .grid-container{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.cards-with-hover-effect-module .grid-container{grid-template-columns:repeat(1,1fr)}}.cards-with-hover-effect-module .card{background-position:50%;background-size:cover;border-radius:24px;height:448px;min-height:448px;overflow:hidden;padding:28px;position:relative}.cards-with-hover-effect-module .card:not(:hover) *{color:#fff}.cards-with-hover-effect-module .card:not(:hover) .text-wrapper{display:-webkit-box;-webkit-transform:translateY(var(--offset-top,220px));transform:translateY(var(--offset-top,220px));-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.cards-with-hover-effect-module .card:hover{background-image:none!important}.cards-with-hover-effect-module .card:hover .mask{background-color:#f3f6f4!important}.cards-with-hover-effect-module .card .mask{height:100%;left:0;position:absolute;top:0;-webkit-transition:all .3s;transition:all .3s;width:100%;z-index:2}.cards-with-hover-effect-module .card .icon-wrapper{margin-bottom:20px}.cards-with-hover-effect-module .card .inner-wrapper{position:relative;z-index:3}.cards-with-hover-effect-module .card .text-wrapper{max-height:calc(var(--offset-top, 220px) + 60px);overflow-y:auto;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:all .3s;transition:all .3s}