.hero-carousel{flex-direction:row;align-items:stretch;gap:48px;margin:16px 16px 24px;display:flex}.progress-bar-container{background-color:#e5e7eb;border-radius:1px;flex-direction:column-reverse;justify-content:flex-end;width:6px;min-height:224px;display:flex;overflow:hidden}.progress-bar{background:linear-gradient(gray);width:100%;transition:height .1s ease-out}.hero-carousel-content{flex-direction:row;align-items:center;gap:32px;display:flex}.hero-card{flex:3;min-width:300px}.course-list{flex-direction:column;flex:1;gap:8px;display:flex}.course-card{flex:1;justify-content:flex-start;align-items:flex-start;gap:48px;display:flex}.card-text-area{flex-direction:column;gap:8px;height:100%;display:flex}.course-card h2{color:#fff}.course-card p{color:#ababab;font-size:13px}.course-card button{margin-top:auto}.course-card svg{transform-style:preserve-3d;background-color:#fff;border-radius:4px;padding:16px;font-size:200px;transition:all .2s ease-in;transform:rotateY(20deg)rotateX(20deg)rotate(-10deg);box-shadow:-1px 1px #d3d3d3,-2px 2px #d3d3d3,-3px 3px #d3d3d3,-4px 4px #d3d3d3,-5px 5px #d3d3d3,-6px 6px #d3d3d3}.course-list button{width:100%;padding:4px 20px}.compact{opacity:.8;flex-direction:row;align-items:center;gap:12px;width:100%;padding:0;display:flex}.compact svg{transform-style:unset;transform:unset;box-shadow:unset;background-color:#0000;padding:0;font-size:24px!important}@media screen and (max-width:1024px){.hero-carousel-content{flex-direction:column}.hero-card{min-width:100%}.course-list{flex-wrap:wrap;align-items:center;min-width:100%;margin-top:16px;display:flex}.course-list button{flex:30%}}@media screen and (max-width:770px){.course-card{flex-direction:column;justify-content:center;align-items:center}.compact{flex-direction:row}}