:root{--gutter:1rem;--gutter-lg:2rem;--container-max:1200px;--font-base:1rem;--font-lg:1.25rem;--font-xl:2rem}.elearning-hero,.elearning-stats,.who-join,.more{width:100%;padding:2rem var(--gutter);background-color:var(--blue-lighter);flex-direction:column;display:flex}.elearning-hero{padding-top:2rem;padding-bottom:3rem}.who-join{background-color:var(--red-lighter)}.elearning-stats,.more{background-color:var(--blue-lighter)}.elearning-hero-container,.elearning-stats-container,.who-join-container,.more-container{width:100%;max-width:var(--container-max);gap:var(--gutter-lg);flex-direction:column;align-items:center;margin:0 auto;padding:0;display:flex}.elearning-text,.elearning-usp{width:100%;margin-bottom:var(--gutter-lg)}.elearning-text p{margin-bottom:1.2rem;line-height:1.6}.elearning-usp-header{margin-bottom:1.5rem}.elearning-usp-content{flex-direction:column;gap:1.5rem;display:flex}.elearning-usp-item{background-color:#ffffffb3;border-radius:.5rem;flex-direction:row;align-items:flex-start;gap:1.5rem;padding:1rem;transition:all .3s;display:flex}.elearning-usp-item:hover{background-color:#ffffffe6;transform:translateY(-3px)}.elearning-usp-icon{color:var(--blue-base);flex-shrink:0;margin-top:.25rem;font-size:2.2rem}.elearning-usp-item p{margin:0;line-height:1.6}.elearning-usp-item span{color:var(--blue-base);font-weight:600}.elearning-stats-container{background-color:var(--blue-base);color:var(--white);text-align:center;gap:var(--gutter-lg);border-radius:.5rem;flex-direction:column;padding:2rem 1rem}.elearning-stat h4{margin-bottom:.5rem;font-size:2rem;font-weight:700}.elearning-stat{transition:transform .3s cubic-bezier(.4,0,.2,1)}.elearning-stat:hover{transform:translateY(-8px)scale(1.03)}.who-join-header,.more-header{text-align:center;width:100%;margin:0 auto 1.5rem}.who-join-header h2,.more-header h2{margin-bottom:1rem}.who-join-content{gap:var(--gutter-lg);flex-direction:column;display:flex}.who-join-item{height:100%;margin-bottom:var(--gutter-lg);border-radius:.5rem;flex-direction:column;padding:1.5rem;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 8px #00000014}.who-join-item h3{margin-bottom:1rem}.who-join-item:first-child{background-color:var(--yellow-light)}.who-join-item:nth-child(2){background-color:var(--pink-light)}.who-join-item:last-child{background-color:var(--green-light)}.who-join-item:first-child:hover{background:var(--yellow-lighter);transform:translateY(-8px)scale(1.03)}.who-join-item:last-child:hover{background:var(--green-lighter);transform:translateY(-8px)scale(1.03)}.who-join-item:nth-child(2):hover{background:var(--pink-lighter);transform:translateY(-8px)scale(1.03)}.more-header{margin-bottom:1.5rem}.more-steps{gap:var(--gutter-lg);flex-direction:column;width:100%;display:flex}.more-step{width:100%;margin-bottom:var(--gutter-lg);border-radius:.5rem;padding:1.5rem;transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 8px #00000014}.more-step:hover{background:var(--red-lighter);transform:translateY(-8px)scale(1.03)}.more-step-header{align-items:center;margin-bottom:1rem;display:flex}.more-step-header h3{margin-left:1rem}@media (min-width:576px){.elearning-hero-container,.elearning-stats-container,.who-join-container,.more-container{padding:0 var(--gutter-lg)}.elearning-stat h4{font-size:2.2rem}.elearning-usp-content{gap:1.75rem}}@media (min-width:768px){.elearning-hero-container,.elearning-stats-container,.who-join-container,.more-container{gap:var(--gutter-lg);width:90%}.elearning-hero-container{flex-direction:row;align-items:center;gap:3rem}.elearning-text{width:45%}.elearning-usp{width:55%}.elearning-usp-content{gap:2rem}.elearning-stats-container{flex-direction:row;justify-content:space-around;gap:2rem}.elearning-stat{width:33%}.who-join-content{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.who-join-item{margin-bottom:0}.more-steps{flex-direction:row;gap:2rem}.more-step{width:33%;margin-bottom:0}}@media (min-width:992px){.elearning-hero-container,.elearning-stats-container,.who-join-container,.more-container{width:80%}.who-join-header,.more-header{width:70%}.elearning-stat h4{font-size:2.4rem}.elearning-usp-item{padding:1.25rem}}@media (min-width:1200px){.elearning-hero-container,.elearning-stats-container,.who-join-container,.more-container{width:70%;max-width:var(--container-max)}.who-join-header,.more-header{width:60%}}@media (min-width:1400px){.elearning-hero-container,.elearning-stats-container,.who-join-container,.more-container{width:60%;max-width:1400px}.elearning-usp-item{padding:1.5rem}}