.offered-programs-grid { margin-top: 28px; grid-row-gap: 60px; }

@media (min-width: 992px) { .offered-programs-grid { grid-template-columns: 1fr 1fr 1fr; margin-top: 40px; grid-column-gap: 19px; } }

.programs-list { background-color: #F4F5F8; }

@media (min-width: 992px) { .programs-list { min-height: 346px; overflow: hidden; } }

.programs-list.yellow-card { background-color: #F9F3EA; }

.programs-list.yellow-card p strong { color: #C88C32 !important; }

@media (min-width: 992px) and (max-width: 1199px) { .programs-list.yellow-card button { font-size: 14px; list-style: 16px; padding: 16px 16px; } }

.programs-list .programs-image { position: relative; height: 0; overflow: hidden; padding-bottom: 75%; }

.programs-list .programs-image img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: unset; width: 100%; height: auto; }

.programs-list .programs-description { padding: 28px 20px 31px 20px; }

@media (max-width: 991px) { .programs-list .programs-description { padding: 16px 20px 20px 20px; } }

.programs-list .programs-description p { margin-top: 16px; color: #647297; max-width: 330px; }

@media (min-width: 992px) and (max-width: 1199px) { .programs-list .programs-description p { font-size: 14px; line-height: 16px; } }

@media (min-width: 768px) and (max-width: 991px) { .programs-list .programs-description p { max-width: 100%; } }

.programs-list .programs-description p:first-child { margin-top: 0; }

.programs-list .programs-description p b, .programs-list .programs-description p strong { font-weight: 700; color: #22366A; }

.programs-list .programs-description p em { font-weight: 700; }

.programs-list .programs-description button { margin-top: 14px; }

.programs-list .programs-description button a { color: #FFFFFF; font-size: 16px; line-height: 20px; font-weight: 700; }

@media (min-width: 992px) and (max-width: 1199px) { .programs-list .programs-description button a { font-size: 12px; line-height: 16px; } }

.programs-list .programs-description button.arrow-down:after { right: 20px; top: 40%; transform: rotate(-90deg); }