.kl-card-grid>div{display:flex;flex-wrap:wrap;margin:0;justify-content:center}@keyframes moveimagebottom{0%{transform:translate(0)}to{transform:translateY(calc(-100% + 340px))}}.kl-card-grid__card-wrapper{display:flex;flex-basis:33.33333%;padding:50px;transition:transform .33s ease-in-out;justify-content:center}@media screen and (max-width:768px){.kl-card-grid__card-wrapper{flex-basis:50%}}@media screen and (max-width:520px){.kl-card-grid__card-wrapper{flex-basis:100%}}.iphone-x{width:155px;height:340px;overflow:hidden;position:relative;background-color:#fff;border-radius:25px;box-shadow:0 0 0 5px #1f1f1f,0 0 0 9px #191919,0 0 0 9px #111}.iphone-x:after,.iphone-x:before{content:"";position:absolute;left:50%;transform:translateX(-50%)}.iphone-x:before{top:0;width:56%;height:12px;background-color:#1f1f1f;border-radius:0 0 40px 40px;z-index:3}.iphone-x b,.iphone-x i,.iphone-x s,.iphone-x span{position:absolute;display:block;color:transparent;z-index:3;pointer-events:none}.iphone-x i{left:50%;transform:translate(-50%,4px);height:4px;width:15%;border-radius:8px;box-shadow:inset 0 -3px 3px 0 hsla(0,0%,100%,.2)}.iphone-x b,.iphone-x i{top:0;background-color:#101010;z-index:3}.iphone-x b{left:10%;transform:translate(80px,3px);width:6px;height:6px;border-radius:12px;box-shadow:inset 0 -3px 2px 0 hsla(0,0%,100%,.2)}.iphone-x b:after{content:"";position:absolute;background-color:#2d4d76;width:6px;height:6px;top:2px;left:2px;top:0;left:0;display:block;border-radius:4px;box-shadow:inset 0 -2px 2px rgba(0,0,0,.5)}.iphone-x s{top:50px;color:#fff;text-align:center;text-decoration:none;width:100%;font-size:70px;font-weight:100;padding-top:60px}.iphone-x span{bottom:50px;width:40px;height:40px;background-color:rgba(0,0,0,.3);border-radius:50%;left:30px}.iphone-x span+span{left:auto;right:30px}.phone-and-text{display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;align-items:center}.iphone-text{width:270px;margin-top:20px;text-align:center}.top{height:100%;position:relative;transform:scale(1);z-index:2}.kl-card-grid__card,.top{overflow:hidden;width:100%}.kl-card-grid__card{border:.5px solid rgba(100,146,253,.2);box-shadow:0 11px 30px rgba(154,161,177,.2);background-color:#fff;border-radius:9px}.kl-card-grid__image img{width:100%;top:0;height:auto;position:absolute}.kl-card-grid__image :hover,.kl-card-grid__image img :hover{-webkit-animation:moveimagebottom 10s forwards;animation:moveimagebottom 10s forwards}.kl-card-grid__preheader{font-family:Open Sans,sans-serif;font-size:14px;font-weight:700;color:#4dc1e1;display:block;margin:0 0 .5rem}.kl-card-grid__content{margin-top:10px;display:block;padding:20px 24px;color:#25292c;text-decoration:none}.kl-card-grid__content h3,.kl-card-grid__content h4{margin:0 0 .5rem}.kl-card-grid__content p{margin:0}.kl-card-grid__content:focus,.kl-card-grid__content:hover{color:#25292c;text-decoration:none}.kl-card-grid--4-columns>div{margin:-24px -12px}.kl-card-grid--4-columns .kl-card-grid__card-wrapper{flex-basis:25%;padding:24px 12px}@media screen and (max-width:920px){.kl-card-grid--4-columns .kl-card-grid__card-wrapper{flex-basis:33.33333%}}@media screen and (max-width:768px){.kl-card-grid--4-columns .kl-card-grid__card-wrapper{flex-basis:50%}}@media screen and (max-width:520px){.kl-card-grid--4-columns .kl-card-grid__card-wrapper{flex-basis:100%}}.kl-card-grid--4-columns .kl-card-grid__image{height:400px}img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none}
/*# sourceMappingURL=https://cdn1.hubspotusercontent-eu1.net/hub/25094219/hub_generated/template_assets/51993238771/1660912763591/atlas-theme_-_aviou/css/components/_Aviou-Card-Grid-iphone.css */