.direction-card{border-radius:3.2rem;background-color:#191c22}@media screen and (max-width: 1024px){.direction-card{padding:2.4rem}}@media screen and (min-width: 1025px){.direction-card{max-width:68rem;padding:4rem}}.direction-card__img-wr{display:flex;align-items:flex-end;border:1px solid gray;border-radius:2.4rem;background:radial-gradient(100% 100% at 0% 0%,rgba(255,255,255,.18) 0%,rgba(255,255,255,.07) 100%);box-shadow:inset -.799072px -.799072px 39.9536px #ffffff05;overflow:hidden}@media screen and (max-width: 1024px){.direction-card__img-wr{width:8rem;height:8rem;border-radius:1.6rem}}@media screen and (min-width: 1025px){.direction-card__img-wr{width:12rem;height:12rem;border-radius:2.4rem}}@media screen and (max-width: 1024px){.direction-card__img{width:7rem;height:6rem}}@media screen and (min-width: 1025px){.direction-card__img{width:11rem;height:9.3rem}}.direction-card__title{margin-top:3rem;font-family:var(--font-headings);font-size:2.4rem;color:#fff}.direction-card__text{margin-top:1rem;font-size:1.8rem;line-height:3.2rem;color:#ffffffe6}@media screen and (max-width: 1024px){.direction-card__text{font-size:1.6rem}}@media screen and (min-width: 1025px){.direction-card__text{font-size:1.8rem}}.course-direction{background-color:#000}.course-direction__inner{padding:1.6rem}@media screen and (min-width: 1400px){.course-direction__inner{max-width:128rem;margin:0 auto;padding-left:0;padding-right:0}}@media screen and (min-width: 1921px){.course-direction__inner{max-width:140rem}}@media screen and (min-width: 768px) and (max-width: 1024px){.course-direction__inner{padding:3.2rem 4rem}}@media screen and (min-width: 1025px) and (max-width: 1399px){.course-direction__inner{padding:4.8rem 8rem}}@media screen and (min-width: 1400px){.course-direction__inner{padding:4.8rem 0}}.course-direction__title{margin-bottom:3.2rem}@media screen and (max-width: 767px){.course-direction__title{text-align:left}}.course-direction__card-list{display:grid}@media screen and (max-width: 1024px){.course-direction__card-list{grid-template-columns:1fr;gap:2.4rem}}@media screen and (min-width: 1025px){.course-direction__card-list{grid-template-columns:repeat(2,1fr);gap:4rem}}