@keyframes rotateGraphic{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes revealText{from{clip-path:inset(-20% 100% -20% 0)}to{clip-path:inset(-20% 0 -20% 0)}}@keyframes fadeInOut{0%{opacity:1}50%{opacity:0}100%{opacity:1}}@keyframes autoplayLine{from{width:0%}to{width:100%}}.courses{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2.6875rem 3.125rem}@media screen and (max-width: 1200px){.courses{gap:1.5rem}}@media screen and (max-width: 978px){.courses{grid-template-columns:1fr 1fr}}@media screen and (max-width: 640px){.courses{grid-template-columns:1fr}}.courses .item a{display:flex;flex-direction:column;height:100%}.courses .item a .img{position:relative;overflow:hidden;padding-bottom:76.31578947%;border-radius:0.375rem}.courses .item a .img img{position:absolute;object-fit:cover;object-position:50% 50%;transform:scale(1.01);width:100%;height:100%;background:rgba(var(--colorPrimaryVals), 0.1);transition:transform .6s cubic-bezier(0.19, 1, 0.22, 1)}.courses .item a .img svg{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);max-width:60%;max-height:60%}.courses .item a .img span{position:absolute;bottom:2.5rem;left:0;border-radius:0 0.375rem 0 0;background:linear-gradient(90deg, #F6A83C 0.29%, #F6A83C 21.29%, #F48423 98.29%, #F48423 100.29%);color:#fff;padding:0.375rem 0.625rem;font-weight:700;font-size:0.875rem}.courses .item a .text{position:relative;background-color:#fff;border-radius:0 0.375rem 0 0;margin:-2.5rem 2.5rem 0 0;padding:2.5rem 2.5rem 0 0;display:flex;flex-direction:column;gap:1.25rem;flex-grow:1}.courses .item a .text .item-title{margin:0}.courses .item a .text p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 0.625rem}.courses .item a .text .item-more{margin-top:auto;position:relative;align-self:flex-start;font-weight:700;font-size:1rem;color:var(--colorPrimary);transition:all .6s cubic-bezier(0.19, 1, 0.22, 1)}.courses .item a .text .item-more:after{content:"";position:absolute;bottom:-0.25rem;left:0;width:100%;height:0.0625rem;background:var(--colorPrimary);transition:background .6s cubic-bezier(0.19, 1, 0.22, 1)}@media(hover: hover){.courses .item a:hover .img img{transform:scale(1.05)}.courses .item a:hover .text .item-more{color:var(--colorBlack)}.courses .item a:hover .text .item-more:after{background:var(--colorBlack)}}
