.courses-card__wrap{display:flex;flex-wrap:wrap}.courses-card{background:#f1f4f9;border-radius:24px;display:flex;flex-direction:column;overflow:hidden;width:calc(33.333% - 21.333px);z-index:4}.courses-card__header{position:relative}.courses-card__header-img{height:200px;object-fit:cover;width:100%}.courses-card__body{display:flex;flex-direction:column;flex-grow:1;padding:32px 32px 20px}.courses-card__tags-wrap{display:flex;flex-wrap:wrap;margin-bottom:12px}.courses-card__tag{align-items:center;border-radius:6px;display:flex;font-family:Open Sans;font-size:12px;font-weight:600;justify-content:center;line-height:18px;padding:4px 6px 4px 4px}.courses-card__tag svg,.courses-card__tag:not(:last-child){margin-right:5px}.courses-card__title{color:#181b21;flex-grow:1;font-size:22px;font-weight:700;line-height:24px;margin:0 0 20px;text-transform:uppercase}.courses-card__date-wrap{display:flex;justify-content:flex-start;margin-bottom:24px}.courses-card__date-left{border-right:1px solid #ced7e4;margin-right:15px;padding-right:15px}.courses-card__date-text{color:#505966;font-family:Open Sans;font-size:12px;line-height:16px;margin:0 0 4px}.courses-card__date{color:#181b21;font-size:18px;font-weight:700;line-height:24px;text-transform:uppercase}.courses-card__btn{display:flex;justify-content:flex-start}.courses-card:hover{background:#e6ecf4}.courses-card:hover .courses-card__header:before{background:#225fbf;bottom:0;content:"";left:0;opacity:.32;position:absolute;right:0;top:0}.courses-card:hover .courses-card__title{color:#225fbf}.courses-card:hover .courses-card__btn .button--without-bg{color:#3a7be0}.courses-card:hover .courses-card__btn .button--without-bg svg{fill:#3a7be0}.courses-card:active{background:#dae1ec}.courses-card:active .courses-card__header:before{background:#225fbf;bottom:0;content:"";left:0;opacity:.64;position:absolute;right:0;top:0}.courses-card:active .courses-card__title{color:#0f4599}.courses-card:active .courses-card__btn .button--without-bg{color:#1852ad}.courses-card:active .courses-card__btn .button--without-bg svg{fill:#1852ad}.courses-card__wrap::-webkit-scrollbar{-webkit-appearance:none;background-color:#181b21;height:16px}.courses-card__wrap::-webkit-scrollbar-thumb{background-clip:content-box;background-color:#272b33;border:4px solid transparent;border-radius:14px;width:10px}.courses-card__wrap::-webkit-scrollbar-thumb:hover{background-color:#272b33;cursor:pointer}@media (min-width:1199.5px){.courses-card:not(:nth-child(3n)){margin-right:32px}.courses-card:nth-child(n+4){margin-top:32px}}@media (max-width:1199.5px){.courses-card__body{padding:32px 48px 24px}}@media (max-width:1199.5px) and (min-width:1023.5px){.courses-card{width:calc(50% - 16px)}.courses-card:not(:nth-child(2n)){margin-right:32px}.courses-card__body{padding:32px 48px 20px}.courses-card:nth-child(n+3){margin-top:32px}.courses-card__header-img{height:234px}}@media (max-width:1023.5px) and (min-width:767.5px){.courses-card{width:calc(50% - 16px)}.courses-card:not(:nth-child(2n)){margin-right:32px}.courses-card:nth-child(n+3){margin-top:32px}.courses-card__date-wrap,.courses-card__title{margin-bottom:16px}.courses-card__header-img{height:180px}.courses-card__body{padding:32px 32px 24px}}@media (max-width:767.5px){.courses-card{width:100%}.courses-card:not(:last-child){margin-bottom:24px}.courses-card__title{margin-bottom:14px}.courses-card__body{padding:24px 24px 16px}.courses-card__title{font-size:22px;line-height:24px;margin-bottom:16px}.courses-card__date{font-size:18px;line-height:24px}.courses-card__date-wrap{margin-bottom:16px}.courses-card__header-img{height:146px}}