.ai-container{position:relative;z-index:1}.ai-container #ai-card-container{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;font-family:Bariol;gap:20px 10px;justify-content:center;margin:0 auto;padding:15px;position:relative;z-index:3}.ai-container .bg-container{align-items:center;display:flex;flex-direction:column;left:0;margin:0 auto;max-width:1200px;position:absolute;right:0;top:0;z-index:1}.ai-container .bg-container svg#brain,.ai-container .bg-container svg#bulb-off,.ai-container .bg-container svg#bulb-old,.ai-container .bg-container svg#bulb-on,.ai-container .bg-container svg#insightSVG,.ai-container .bg-container svg#progressanimation,.ai-container .bg-container svg#strokes{display:none}.ai-container .bg-container #insight-text-animation{animation-duration:12s;animation-iteration-count:infinite;animation-name:fadeInAnim;left:50%;margin:0;position:absolute;top:-20px;transform:translateX(-50%);z-index:1}.ai-container .ai-child{align-items:center;display:flex;flex:1 0 0;flex-direction:column;justify-content:center;max-width:230px;z-index:3}.ai-container .ai-child .ai-child-headline{background:#f2ecf4;border-radius:3.125rem;color:#6a3a99;font-family:Bariol bold,Helvetica,Arial,Lucida,sans-serif;margin:.5rem auto;opacity:1;padding:.1875rem .5rem;transition:transform .2s ease-in}.ai-container .ai-child .ai-child-card{align-items:center;background:#fff;border:1px solid #f2ecf4;border-radius:20px;border-radius:1.25rem;box-shadow:0 3px 6px 0 rgba(106,58,153,.15);display:flex;flex:1 0 0;flex-direction:column;justify-content:center;margin:0 auto;min-height:7.5rem;transition:transform .2s ease-in;width:7.5rem}.ai-container .ai-child p{font-size:.9rem}.ai-container .ai-child.sessions{transform:rotate(5deg);transition:transform 0s linear}.ai-container .ai-child.survey{transform:rotate(-5deg)}.ai-container .ai-child.heatmap{transform:rotate(5deg)}.ai-container .ai-child.analytics{transform:rotate(-5deg)}#sessions-card svg{padding:1rem .625rem 1.5rem 1.3125rem}#survey-card svg{padding:1.25rem 1.25rem 1.625rem}#heatmap-card svg{padding:1.25rem}#analytics-card svg{padding:1.25rem 1.25rem 1.25rem .3rem}@media screen and (min-width:800px){.ai-container .bg-container svg#strokes{display:block;height:231px}.ai-container .bg-container svg#brain{display:block;margin-bottom:-100px;z-index:1}.ai-container .bg-container svg#bulb-off,.ai-container .bg-container svg#bulb-on{display:block;height:85px;position:absolute;top:25px;width:85px;z-index:1}.ai-container .bg-container svg#bulb-old{display:none}.ai-container .bg-container svg#progressanimation{display:block;margin-top:-35px;position:absolute;transform:scale(.25);z-index:1}.ai-container .bg-container svg#insightSVG{display:block;opacity:1;position:absolute;top:100px;transform:scale3d(.6,.6,.6);z-index:2}.ai-container{flex-direction:row;flex-wrap:nowrap;gap:20px;padding:140px 20px 0}.ai-container .ai-child{max-width:200px}.ai-container .ai-child .ai-child-card{min-height:7.5rem;width:7.5rem}.ai-container .ai-child.analytics{margin-bottom:150px}.ai-container .ai-child.sessions{margin-bottom:0}.ai-container .ai-child.heatmap{margin-bottom:140px}.ai-container .ai-child.survey{margin-bottom:20px}}@keyframes fadeInAnim{0%{opacity:0;transform:scale(0)}95%{opacity:0;transform:scale(0)}97%{opacity:1}to{opacity:0;transform:scale(3)}}@keyframes floating{0%{transform:translatey(0)}50%{transform:translatey(-3px)}to{transform:translatey(0)}}.floating{animation-duration:3s;animation-iteration-count:infinite;animation-name:floating;animation-timing-function:ease-in-out}@keyframes tada{3%{opacity:0;transform:scale3d(.3,.3,.31)}25%{opacity:1;transform:scale3d(.6,.6,.6)}50%{opacity:1}55%{opacity:0}to{transform:scale3d(.6,.6,.6)}}