.elementor-4582 .elementor-element.elementor-element-bf51fc4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4582 .elementor-element.elementor-element-13f27f3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS */:root { --brand-green: #5cb85c; --brand-green-dark: #4cae4c; --brand-blue: #1e3a8a; } #elp-app-section, #pricing-card-section { font-family: 'Sen', sans-serif; width: 100%; overflow-x: hidden; } .mockup-container { position: relative; height: clamp(300px, 50vh, 400px); transform-style: preserve-3d; perspective: 1200px; animation: float-mockup 6s ease-in-out infinite; display: flex; align-items: center; justify-content: center; will-change: transform; } .phone-frame { width: 150px; height: 300px; background: #1a1a1a; border: 6px solid #2a2a2a; border-radius: 24px; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12); position: absolute; overflow: hidden; transition: transform 0.5s ease; } .course-bubble { width: 110px; height: 110px; border-radius: 50%; display: flex; align-items: center; justify-content: center; text-align: center; color: white; font-weight: 700; transition: all 0.4s ease; box-shadow: 0 10px 20px rgba(0,0,0,0.1); text-decoration: none; padding: 10px; } @keyframes float-mockup { 0%, 100% { transform: perspective(1200px) rotateY(-8deg) translate3d(0, 0, 0); } 50% { transform: perspective(1200px) rotateY(-4deg) translate3d(-15px, -12px, 20px); } }/* End custom CSS */