.app-container{max-width:1300px!important}.flex-col{flex-direction:column}.course-folder{height:100%;display:flex;flex-direction:column;transition:transform .3s ease;overflow:hidden}.course-folder-content{display:flex;flex-direction:column;padding:20px 12px 12px;background-size:cover;background-repeat:no-repeat;background-position:center;flex:1}.course-folder:hover,.course-card:hover{transform:translateY(-10px)}.course-folder .course-folder-title{flex:1}.course-folders-images{display:flex;height:60px;position:relative;margin-top:20px}.course-folders-images img{border:1px solid #ffffff;height:60px;width:auto;position:absolute;right:0;border-radius:4px;z-index:0}.course-folders-images img:nth-last-child(4){right:36px;z-index:3}.course-folders-images img:nth-last-child(3){right:24px;z-index:2}.course-folders-images img:nth-last-child(2){right:12px;z-index:1}.course-card{display:flex;flex-direction:column;overflow:hidden;transition:transform .3s ease}.course-card-img-container{aspect-ratio:16/9;overflow:hidden}.course-card-img{height:100%;width:100%;max-width:100%;object-fit:cover}.course-card-content{padding:20px;flex-direction:column;gap:10px}@media screen and (max-width: 640px){.course-card-content{padding:15px}}.course-card-pointer{margin-left:8px;color:#323030;font-weight:500}.course-card-ava{width:22px;min-width:22px;height:22px;border-radius:50%;background-size:cover;background-position:center;background-repeat:no-repeat}.gap-4{gap:4px}.gap-8{gap:8px}.mt-25{margin-top:25px}.mb-25{margin-bottom:25px}.courses-page{padding-top:40px}.courses-page .justify-center{justify-content:center}.courses-page-title{font-family:Inter,sans-serif;font-weight:400;font-size:26px;line-height:160%;text-align:center;color:#000;text-transform:uppercase;margin-bottom:20px}@media screen and (max-width: 640px){.courses-page-title{font-size:20px}}@media screen and (max-width: 400px){.courses-page-title{font-size:16px}}.course-card-name{margin-bottom:10px}.course-folders{margin-bottom:80px}@media screen and (max-width: 980px){.course-folders{grid-template-columns:1fr 1fr!important;grid-gap:20px!important;margin-bottom:40px!important}}@media screen and (max-width: 540px){.course-folders{grid-template-columns:1fr!important}}@media screen and (max-width: 980px){.courses-wrapper{grid-template-columns:1fr 1fr!important;grid-gap:20px!important}}@media screen and (max-width: 540px){.courses-wrapper{grid-template-columns:1fr!important}}