@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap";.demo-wrapper{scroll-margin-top:var(--page-offset,120px);height:800px}.demo-lesson,.demo-wrapper{width:100%;display:flex;align-items:center;justify-content:center}.demo-lesson{height:560px;background-color:#ebebeb;overflow:hidden;position:relative}.demo-lesson .demo-lesson-inner{width:85%;height:100%;display:flex;align-items:stretch;justify-content:space-between;position:relative}.demo-lesson .demo-lesson-left{display:flex;flex-direction:column;justify-content:center;gap:28px;flex:0 0 55%;z-index:2}.demo-lesson .demo-lesson-badge{display:inline-flex;align-items:center;justify-content:center;border:1.5px solid #0057ff;border-radius:111px;padding:8px 28px;width:-moz-fit-content;width:fit-content;background-color:#fff}.demo-lesson .demo-lesson-badge span{font-family:Montserrat,sans-serif;font-size:15px;font-weight:600;color:#0057ff}.demo-lesson .demo-lesson-heading{font-family:Arial,sans-serif;font-size:60px;font-weight:700;color:#0e1446;line-height:1.1;margin:0}.demo-lesson .demo-lesson-description{font-family:Montserrat,sans-serif;font-size:18px;font-weight:400;color:#0e1446;max-width:500px;margin:0}.demo-lesson .demo-lesson-cta{display:inline-flex;align-items:center;gap:12px;background-color:#0057ff;border-radius:100px;padding:16px 30px;width:-moz-fit-content;width:fit-content;cursor:pointer;border:none;transition:all .25s ease;text-decoration:none}.demo-lesson .demo-lesson-cta img{width:22px;height:22px}.demo-lesson .demo-lesson-cta span{font-family:Montserrat,sans-serif;font-size:16px;font-weight:600;color:#f1f7ff}.demo-lesson .demo-lesson-right{flex:0 0 42%;position:relative;display:flex;align-items:flex-end;justify-content:center}.demo-lesson .demo-lesson-bg-vector{position:absolute;bottom:0;width:100%;height:100%;object-fit:contain;z-index:1;pointer-events:none}.demo-lesson .demo-lesson-person{position:relative;z-index:2;height:580px;object-fit:contain}.demo-lesson .demo-lesson-overlay-text{position:absolute;top:44%;left:50%;transform:translate(-50%,-50%);font-family:Arial,sans-serif;font-weight:700;color:#fff;z-index:3;pointer-events:none;max-width:90%;word-wrap:break-word;white-space:normal;font-size:25px;width:80%;text-align:center;line-height:1.2}@media(max-width:420px){.demo-lesson .demo-wrapper{height:auto;max-height:550px;padding:30px 0}.demo-lesson .demo-lesson{height:auto;max-height:480px;padding:30px 0 0}.demo-lesson .demo-lesson .demo-lesson-inner{flex-direction:column;align-items:center;gap:20px}.demo-lesson .demo-lesson .demo-lesson-left{align-items:center;text-align:center;gap:16px;padding:0 20px}.demo-lesson .demo-lesson .demo-lesson-badge span{font-size:12px}.demo-lesson .demo-lesson .demo-lesson-heading{font-size:28px}.demo-lesson .demo-lesson .demo-lesson-description{font-size:14px}.demo-lesson .demo-lesson .demo-lesson-cta{padding:12px 22px}.demo-lesson .demo-lesson .demo-lesson-cta span{font-size:14px}.demo-lesson .demo-lesson .demo-lesson-right{width:100%;overflow:hidden;height:160px;margin-top:-80px}.demo-lesson .demo-lesson .demo-lesson-bg-vector{width:auto;min-width:500px;height:400px}.demo-lesson .demo-lesson .demo-lesson-person{height:250px;margin-bottom:-50px}.demo-lesson .demo-lesson .demo-lesson-overlay-text{width:auto;font-size:20px;top:56%}.demo-lesson .demo-lesson-right .demo-lesson-person{height:240px}.demo-lesson .demo-lesson-right .demo-lesson-overlay-text{font-size:14px;width:auto}}@media(max-width:992px){.demo-wrapper{height:auto;max-height:550px;padding:30px 0}.demo-lesson{height:auto;max-height:480px;padding:30px 0 0}.demo-lesson .demo-lesson-inner{flex-direction:column;align-items:center;gap:20px}.demo-lesson .demo-lesson-left{align-items:center;text-align:center;gap:16px;padding:0 20px}.demo-lesson .demo-lesson-badge span{font-size:12px}.demo-lesson .demo-lesson-heading{font-size:28px}.demo-lesson .demo-lesson-description{font-size:14px}.demo-lesson .demo-lesson-cta{padding:12px 22px}.demo-lesson .demo-lesson-cta span{font-size:14px}.demo-lesson .demo-lesson-right{width:100%;overflow:hidden;height:160px;margin-top:-80px}.demo-lesson .demo-lesson-bg-vector{width:auto;min-width:500px;height:400px}.demo-lesson .demo-lesson-person{height:250px;margin-bottom:-50px}.demo-lesson .demo-lesson-overlay-text{font-size:10px;top:56%}}@media(min-width:993px)and (max-width:1300px){.demo-wrapper{height:auto;padding:40px 0}.demo-lesson{height:auto;min-height:420px}.demo-lesson .demo-lesson-inner{width:90%}.demo-lesson .demo-lesson-left{flex:0 0 55%;gap:20px}.demo-lesson .demo-lesson-heading{font-size:38px}.demo-lesson .demo-lesson-description{font-size:15px;max-width:380px}.demo-lesson .demo-lesson-cta{padding:13px 24px}.demo-lesson .demo-lesson-right{flex:0 0 42%}.demo-lesson .demo-lesson-person{height:440px}.demo-lesson .demo-lesson-overlay-text{font-size:18px}}