.subjects-layout{background-color:#f4f7f9;margin:0 auto;position:relative}.subjects-layout__list .swiper-wrapper{display:grid;grid-template-columns:repeat(12,1fr);gap:1.25rem;width:100%;margin-top:3rem}@media (max-width:1199px){.subjects-layout__list .swiper-wrapper{grid-template-columns:repeat(2,1fr)}}@media (max-width:1023px){.subjects-layout__list .swiper-wrapper{margin-top:2rem}}@media (max-width:767px){.subjects-layout__list .swiper-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;gap:0}}.subjects-layout__item{grid-column:span 3}.subjects-layout__item:first-child{grid-column:span 4}@media (min-width:1200px){.subjects-layout__item:first-child{grid-row:span 2}}.subjects-layout__item:nth-child(2){grid-column:span 8}.subjects-layout__item:nth-child(3),.subjects-layout__item:nth-child(4){grid-column:span 4}@media (max-width:1199px){.subjects-layout__item:first-child,.subjects-layout__item:nth-child(2){grid-column:span 2}.subjects-layout__item:nth-child(n+3){grid-column:span 1}}@media (max-width:1023px){.subjects-layout__item:nth-child(n){grid-column:span 1}}.subject-card{display:block;text-decoration:none;position:relative;padding:1.5rem;height:200px;color:#000;background-color:#fff;border-radius:.25rem;overflow:hidden;-webkit-transition:background-color ease .3s;transition:background-color ease .3s}.subject-card:nth-child(-n+4){height:230px}.subject-card:nth-child(2) .subject-card__title{word-spacing:unset;max-width:400px}@media (min-width:1200px){.subject-card:first-child{height:auto}}@media (max-width:1199px){.subject-card:nth-child(-n+2){height:230px}.subject-card:nth-child(n+3){height:245px}}@media (max-width:1023px){.subject-card:nth-child(n){height:245px}}@media (max-width:767px){.subject-card:nth-child(n){height:300px;padding:1rem 1.25rem}}.subject-card:hover{background-color:#cef}.subject-card__img{position:absolute;top:0;bottom:0;right:0;height:100%;width:100%;-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center}.subject-card__img img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.subject-card__title{position:relative;z-index:1;font-weight:600;font-size:2rem;line-height:1.2;display:inline-block;word-spacing:100vw;letter-spacing:0;color:currentcolor}@media (max-width:1023px){.subject-card__title{line-height:1.2}}@media (max-width:767px){.subject-card__title{font-size:1.25rem;font-weight:500}}