/* Viva City | Course catalogue redesign | isolated styles | v3 */
.back-course-filter{background:#f2f5fa!important}
.back-course-filter .container{max-width:1170px}
.back-course-filter .back__title__section h2{font-size:clamp(30px,3vw,41px);line-height:1.14;letter-spacing:-1.3px;color:#0e183b}
.back-course-filter .back-filter{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px}
.back-course-filter .back-filter button{border:1px solid #dde5f1!important;border-radius:999px!important;background:#fff!important;color:#334262!important;font-size:12px!important;font-weight:750!important;line-height:1.2!important;padding:11px 17px!important;margin:0!important;box-shadow:none!important;transition:.2s ease}
.back-course-filter .back-filter button:hover,.back-course-filter .back-filter button.active{background:#245ff2!important;color:#fff!important;border-color:#245ff2!important;box-shadow:0 7px 17px rgba(36,95,242,.16)!important}
.back-course-filter .viva-premium-grid{display:flex!important;flex-wrap:wrap!important;margin-top:30px;position:relative!important;height:auto!important;align-items:stretch}
.back-course-filter .viva-premium-grid .single-studies{position:relative!important;top:auto!important;left:auto!important;transform:none!important;margin-bottom:24px!important;float:none!important}
.back-course-filter .viva-premium-grid .viva-hidden-course,.back-course-filter .viva-premium-grid .viva-filtered-out{display:none!important}
.back-course-filter .viva-premium-grid .viva-premium-card{display:flex!important;flex-flow:row nowrap!important;align-items:stretch!important;width:100%!important;min-height:258px!important;height:100%!important;overflow:hidden!important;background:#fff!important;border:1px solid #e5eaf4!important;border-radius:16px!important;box-shadow:0 5px 16px rgba(14,30,68,.045)!important;transition:box-shadow .25s ease,border-color .25s ease,transform .25s ease!important}
.back-course-filter .viva-premium-grid .viva-premium-card:hover{transform:translateY(-4px)!important;box-shadow:0 19px 40px rgba(21,39,87,.12)!important;border-color:#d2ddf3!important}
.back-course-filter .viva-premium-grid .viva-course-media{display:block!important;position:relative!important;flex:0 0 38%!important;width:38%!important;min-width:0!important;height:auto!important;overflow:hidden!important;border-radius:0!important;background:#dae4f2!important;padding:0!important;margin:0!important}
.back-course-filter .viva-premium-grid .viva-course-media img{display:block!important;width:100%!important;height:100%!important;position:absolute!important;inset:0!important;min-height:0!important;max-height:none!important;max-width:none!important;object-fit:cover!important;object-position:center!important;border-radius:0!important;transition:transform .5s ease!important}
.back-course-filter .viva-premium-grid .viva-premium-card:hover .viva-course-media img{transform:scale(1.055)!important}
.back-course-filter .viva-photo-label{position:absolute;bottom:13px;left:12px;z-index:2;padding:7px 10px;background:rgba(10,24,52,.84);backdrop-filter:blur(7px);border:1px solid rgba(255,255,255,.22);border-radius:7px;color:#fff;font-size:10px;font-weight:800;letter-spacing:.3px}
.back-course-filter .viva-premium-grid .viva-course-content{display:flex!important;flex:1 1 62%!important;min-width:0!important;flex-direction:column!important;justify-content:flex-start!important;position:relative!important;width:auto!important;min-height:0!important;padding:23px 21px 18px!important;margin:0!important;background:#fff!important;float:none!important}
.back-course-filter .viva-mode-list{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 17px!important;align-items:center}
.back-course-filter .viva-mode{display:inline-flex;align-items:center;gap:5px;background:#f0f5ff;border:1px solid #e3edff;color:#3d527c;border-radius:6px;font-size:10.5px;font-weight:700;padding:5px 7px;line-height:1.2;white-space:nowrap}
.back-course-filter .viva-mode svg{display:inline-block!important;width:15px!important;height:15px!important;color:#2866ee!important;flex:none!important;margin:0!important;position:static!important;vertical-align:middle!important;background:none!important;padding:0!important}
.back-course-filter .viva-premium-grid .viva-course-title{font-size:19px!important;line-height:1.27!important;letter-spacing:-.45px!important;font-weight:800!important;margin:0 0 11px!important;max-width:none!important}
.back-course-filter .viva-premium-grid .viva-course-title a{color:#121d42!important}
.back-course-filter .viva-premium-grid .viva-course-title a:hover{color:#235ff1!important}
.back-course-filter .viva-premium-grid .viva-course-desc{font-family:inherit!important;font-size:12.5px!important;font-weight:500!important;line-height:1.65!important;color:#586783!important;margin:0 0 17px!important;min-height:0!important;padding:0!important}
.back-course-filter .viva-course-footer{margin-top:auto!important;border-top:1px solid #e8ecf3;padding-top:15px;display:flex;justify-content:space-between;align-items:center;gap:9px;flex-wrap:wrap}
.back-course-filter .viva-duration{display:inline-flex;align-items:center;gap:5px;color:#5c6b83;font-size:11px;font-weight:750;white-space:nowrap}
.back-course-filter .viva-duration svg{display:inline-block!important;width:15px!important;height:15px!important;color:#7183a4!important;margin:0!important;position:static!important;padding:0!important}
.back-course-filter .viva-course-cta{display:inline-flex;align-items:center;gap:6px;color:#215df0!important;font-size:11px!important;font-weight:800!important;white-space:nowrap}
.back-course-filter .viva-course-cta svg{display:inline-block!important;width:16px!important;height:16px!important;margin:0!important;position:static!important;color:currentColor!important;background:none!important;padding:0!important;transition:transform .2s}
.back-course-filter .viva-course-cta:hover svg{transform:translateX(3px)}
@media(max-width:1199px){.back-course-filter .viva-premium-grid .viva-course-media{flex-basis:35%!important;width:35%!important}.back-course-filter .viva-premium-grid .viva-course-content{padding:19px 17px 16px!important}.back-course-filter .viva-premium-grid .viva-course-title{font-size:17px!important}}
@media(max-width:991px){.back-course-filter .back-filter{justify-content:flex-start}.back-course-filter .viva-premium-grid .viva-premium-card{min-height:255px!important}.back-course-filter .viva-premium-grid .viva-course-media{flex-basis:39%!important;width:39%!important}}
@media(max-width:575px){.back-course-filter .viva-premium-grid .viva-premium-card{min-height:210px!important;border-radius:13px!important}.back-course-filter .viva-premium-grid .viva-course-media{flex-basis:35%!important;width:35%!important}.back-course-filter .viva-premium-grid .viva-course-content{padding:14px 12px!important}.back-course-filter .viva-premium-grid .viva-course-title{font-size:15px!important;margin-bottom:7px!important}.back-course-filter .viva-premium-grid .viva-course-desc{font-size:11px!important;line-height:1.5!important}.back-course-filter .viva-mode-list{gap:5px;margin-bottom:10px!important}.back-course-filter .viva-mode{font-size:9px;padding:4px 5px}.back-course-filter .viva-mode svg{width:12px!important;height:12px!important}.back-course-filter .viva-course-footer{padding-top:10px}.back-course-filter .viva-duration,.back-course-filter .viva-course-cta{font-size:10px!important}.back-course-filter .viva-photo-label{font-size:8px;padding:5px;left:6px;bottom:9px}}
@media(max-width:350px){.back-course-filter .viva-premium-grid .viva-premium-card{flex-direction:column!important}.back-course-filter .viva-premium-grid .viva-course-media{width:100%!important;flex-basis:auto!important;height:155px!important}.back-course-filter .viva-premium-grid .viva-course-content{min-height:180px!important}}
@media(prefers-reduced-motion:reduce){.back-course-filter .viva-premium-card,.back-course-filter .viva-course-media img{transition:none!important}}