.how-it-works{padding-block:5rem;position:relative}@media (max-width:1535px){.how-it-works{padding-block:3.75rem}}@media (max-width:1023px){.how-it-works{padding-block:2.5rem}}@media (max-width:767px){.how-it-works .desktop{display:none}}.how-it-works .desktop img{border-radius:.5rem}.how-it-works .mobile{display:none}@media (max-width:767px){.how-it-works .mobile{display:block}}.how-it-works .mobile img{margin-left:1.5rem;object-fit:contain;width:calc(100% - 1.5rem)}.how-it-works>span{display:block;left:0;position:absolute;top:0;width:100%}.how-it-works>span.desktop picture{height:100%;left:calc(50vw - 658px);position:absolute;width:400px}@media (max-width:1439px){.how-it-works>span.desktop picture{left:calc(50vw - 558px)}}@media (max-width:1199px){.how-it-works>span.desktop picture{left:calc(50vw - 473px)}}@media (max-width:991px){.how-it-works>span.desktop picture{left:calc(50vw - 337px)}}.how-it-works>span.desktop img{animation:balloon 6s ease-in-out infinite;height:auto;left:-6.25rem;max-width:200px;position:relative;width:100%}.how-it-works>.lingoda-container{grid-gap:5rem;align-items:center;display:grid;grid-template-columns:1fr 1fr}@media (max-width:1023px){.how-it-works>.lingoda-container{align-items:flex-start}}.how-it-works>div>div{display:flex;flex-direction:column}.how-it-works .toggle-heading{font-size:2.1875rem;font-weight:700;line-height:1.25;margin:-.5rem 0}@media (max-width:767px){.how-it-works .toggle-heading{font-size:1.5rem;margin:-.3125rem 0}}.how-it-works .toggle-heading:not(:last-child){padding-bottom:1.5rem}.how-it-works>div>div>div{display:flex;flex-direction:column;max-width:450px}.how-it-works>div>div>div:not(:last-child){padding-bottom:1.5rem}.how-it-works p{font-size:1rem;margin-block:-.3125rem}.how-it-works p:not(:last-child){padding-bottom:1.5rem}.how-it-works>div img{display:block;height:auto;width:100%}.how-it-works a{align-self:flex-start;border-style:solid;border-width:.1875rem;display:inline-flex;font-size:1.125rem;font-weight:600;padding-block:.75rem;transition:background-color .25s ease,border-color .25s ease}.how-it-works a:not(:first-child){margin-top:1rem}.how-it-works a:focus{outline-offset:.1875rem;outline-style:solid;outline-width:.1875rem}.how-it-works a.rounded{border-radius:.25rem}.how-it-works a.white{background-color:#fff;border-color:#fff;color:#153bff;padding-inline:2.5rem}.how-it-works a.white:focus{outline-color:#fff}.platform-desktop .how-it-works a.white:hover{background-color:#dbe5fb;border-color:#dbe5fb}.platform-mobile .how-it-works a.white:hover{background-color:#fff;border-color:#fff}.how-it-works a.white-border{background-color:#0000;border-color:#fff;color:#fff;padding-inline:1.5rem}.how-it-works a.white-border:focus{outline-color:#fff}.platform-desktop .how-it-works a.white-border:hover{background-color:#dbe5fb}.platform-mobile .how-it-works a.white-border:hover{background-color:#0000}.how-it-works a.blue{background-color:#1238f8;border-color:#1238f8;color:#fff;padding-inline:2.5rem}.how-it-works a.blue:focus{outline-color:#1238f8}.platform-desktop .how-it-works a.blue:hover{background-color:#072bd8;border-color:#072bd8}.platform-mobile .how-it-works a.blue:hover{background-color:#1238f8;border-color:#1238f8}.how-it-works a.blue-border{background-color:#0000;border-color:#1238f8;color:#1238f8;padding-inline:1.5rem}.how-it-works a.blue-border:focus{outline-color:#1238f8}.platform-desktop .how-it-works a.blue-border:hover{background-color:#f4f5ff}.platform-mobile .how-it-works a.blue-border:hover{background-color:#0000}@media (min-width:1024px){.how-it-works.sprint-style .toggle-heading:not(:last-child){padding-bottom:3.5rem}}@media (max-width:1023px){.how-it-works.sprint-style .toggle-heading{max-width:540px}.how-it-works.tablet-column>div{grid-gap:1.5rem}}@media (max-width:767px){.how-it-works.tablet-column>div{grid-gap:0;display:flex;flex-direction:column}.how-it-works.tablet-column>div picture{order:2;width:100%}.how-it-works.tablet-column>div>div:not(:only-child){margin-bottom:2.5rem;order:1}}@media (max-width:1023px){.how-it-works.tablet-row>div{grid-gap:0;display:flex;flex-direction:column}.how-it-works.tablet-row>div picture{order:2;width:100%}.how-it-works.tablet-row>div>div:not(:only-child){margin-bottom:2.5rem;order:1}}.how-it-works.has-wave{padding-top:14.5rem}@media (max-width:1023px){.how-it-works.has-wave{padding-top:9.5rem}}.how-it-works.border-rad{border-radius:0 0 1.875rem 1.875rem}@keyframes balloon{0%{top:0}50%{top:10%}to{top:0}}