.courses-page{background-color:#fff;padding-bottom:10rem}.courses-section{margin-top:4rem}.courses-section__header{text-align:center;margin-bottom:3.2rem}.courses-section__title{color:#0b385e;font-kerning:none;font-feature-settings:"liga" off;letter-spacing:-.0045rem;font-family:Ivy Presto Headline;font-size:5.6rem;font-style:normal;font-weight:400;line-height:108%}.courses-section__title em{font-style:italic;font-weight:100}.courses-section__subtitle{color:#576976;font-family:var(--font-inter),sans-serif;margin-top:2.1rem;font-size:1.8rem;font-style:normal;font-weight:500;line-height:150%}.courses-section__filters{justify-content:center;align-items:center;gap:2rem;margin-bottom:4.8rem;display:flex}.courses-section__filter-btn{color:#0b385e;cursor:pointer;background:#fff;border:1px solid #e0e5ea;border-radius:5.8rem;padding:1rem 2.4rem;font-size:1.4rem;font-weight:500;transition:all .3s}.courses-section__filter-btn:hover{background:#f0f5f9}.courses-section__filter-btn--active{color:#fff;background:#0084ef;border-color:#0084ef}.courses-section__filter-btn--active:hover{background:#0084ef}.courses-section__grid{grid-template-columns:repeat(3,1fr);gap:2.4rem;display:grid}.courses-section__spinner-wrapper{justify-content:center;align-items:center;min-height:30rem;display:flex}.courses-section__spinner{border:4px solid #e0e5ea;border-top-color:#0084ef;border-radius:50%;width:4.8rem;height:4.8rem;animation:.8s linear infinite courses-spin}@keyframes courses-spin{to{transform:rotate(360deg)}}.course-detail{background-color:#fff;padding-bottom:10rem}.course-detail-hero{align-items:flex-start;gap:6rem;margin-top:4rem;display:flex}.course-detail-hero__image{aspect-ratio:64.9/49.4;border-radius:2.4rem;flex-shrink:0;height:49.4rem;overflow:hidden}.course-detail-hero__image img{object-fit:cover;width:100%;height:100%}.course-detail-hero__info{flex-direction:column;flex:1;height:-webkit-fill-available;height:-moz-available;height:stretch;padding-top:1.8rem;display:flex}.course-detail-hero__badges{align-items:center;gap:1rem;margin-bottom:2.4rem;display:flex}.course-detail-hero__category{color:#fff;background:#0f1b2d;border-radius:5.8rem;padding:.8rem 2rem;font-size:1.4rem;font-weight:500}.course-detail-hero__discount{color:#fff;background:#01c7a9;border-radius:5.8rem;padding:.8rem 1.6rem;font-size:1.4rem;font-weight:600}.course-detail-hero__title{color:#0b385e;letter-spacing:-.08rem;margin-bottom:2rem;font-family:Ivy Presto Headline;font-size:4rem;font-style:normal;font-weight:400;line-height:110%}.course-detail-hero__title em{font-style:italic}.course-detail-hero__rating{align-items:center;gap:1rem;margin-bottom:4.1rem;display:flex}.course-detail-hero__stars{align-items:center;gap:.2rem;display:flex}.course-detail-hero__stars svg{color:#f5a623;width:2rem;height:2rem}.course-detail-hero__rating-text{color:#222;font-size:1.6rem;font-style:normal;font-weight:500;line-height:2rem}.course-detail-hero__pricing{align-items:center;gap:1.6rem;margin-bottom:4rem;display:flex}.course-detail-hero__price{color:#0084ef;font-size:2.9359rem;font-style:normal;font-weight:700;line-height:normal}.course-detail-hero__original-price{color:#b0b0b0;font-size:1.5487rem;font-style:normal;font-weight:400;line-height:normal;text-decoration:line-through}.course-detail-hero__cta{color:#fff;background:#0084ef;border-radius:5.8rem;justify-content:center;align-items:center;width:fit-content;margin-top:auto;padding:1.8rem 4.8rem;font-size:1.8rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.course-detail-hero__cta:hover{background:#0070d1}.course-sections{background:#fafafa;margin-top:4rem}.course-sections+.course-sections{margin-top:0}.course-sections+.course-sections .container{padding-top:0}.course-sections .container{flex-direction:column;gap:4rem;padding-block:5.9rem;display:flex}.course-sections__card{background:#fff;border:1px solid #eaedee;border-radius:2.4rem;align-items:flex-start;gap:4rem;padding:4.8rem 5.6rem;display:flex}.course-sections__sidebar{flex-direction:column;flex-shrink:0;align-self:stretch;align-items:flex-start;width:25%;display:flex}.course-sections__sidebar-top{align-items:center;gap:2.5rem;display:flex}.course-sections__sidebar-line{border-left:2px dashed #d0d5da;flex:1;width:2px;margin-top:1.6rem;margin-left:2.65rem;margin-right:auto}.course-sections__step{color:#fff;width:5.3rem;height:5.3rem;font-family:var(--font-inter),sans-serif;letter-spacing:.098rem;text-transform:uppercase;background:#0383e3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.4rem;font-style:normal;font-weight:700;line-height:normal;display:flex}.course-sections__label{color:#0b385e;letter-spacing:.1rem;text-transform:uppercase;white-space:nowrap;border:1px solid #e7e7e7;border-radius:10rem;justify-content:center;align-items:center;height:4.5rem;padding:0 3.8rem;font-size:1.2rem;font-weight:600;display:flex}.course-sections__content{flex:1;padding-top:.4rem}.course-sections__title{color:#0b385e;margin-bottom:.7rem;font-family:Ivy Presto Headline;font-size:3.6rem;font-style:normal;font-weight:400;line-height:180%}.course-sections__title em{font-style:italic}.course-sections__description{color:#101010;font-size:1.5943rem;font-style:normal;font-weight:400;line-height:2.81rem}.course-sections__subtitle{color:#0b385e;margin-top:3.2rem;margin-bottom:2.4rem;font-family:Ivy Presto Headline;font-size:2.8rem;font-style:italic;font-weight:400;line-height:110%}.course-sections__features{flex-direction:column;gap:1.4rem;display:flex}.course-sections__features li{color:#222;align-items:center;gap:1.2rem;padding-left:2.4rem;font-size:1.6rem;font-weight:500;line-height:150%;display:flex;position:relative}.course-sections__features li:before{aspect-ratio:1;content:"";background-image:url(/icons/check.svg);background-size:contain;width:1.4rem;height:1.4rem;display:flex;position:absolute;top:50%;left:0;transform:translateY(-50%)}.course-sections__features li span{background:#01c7a9;border-radius:50%;justify-content:center;align-items:center;width:1.8333rem;height:1.8333rem;display:flex}.course-sections__features li span svg path{fill:#fff}.course-content{border:1px solid #eaedee;border-radius:2rem;width:fit-content;max-height:50rem;padding:2.4rem;overflow-y:auto}.course-content::-webkit-scrollbar{width:.3rem}.course-content::-webkit-scrollbar-track{background:#e8edf2;border-radius:1rem}.course-content::-webkit-scrollbar-thumb{background:#0084ef;border-radius:1rem}.course-content{scrollbar-width:thin;scrollbar-color:#0084ef #e8edf2}.course-content__list{flex-direction:column;gap:1.2rem;width:fit-content;display:flex}.course-content__item{border-radius:1.2rem;align-items:center;gap:1.6rem;padding:1.6rem;transition:background .2s;display:flex}.course-content__item:hover{background:#f8f9fa}.course-content__progress{flex-shrink:0;width:4.8rem;height:4.8rem;position:relative}.course-content__circle{width:100%;height:100%;transform:rotate(-90deg)}.course-content__circle-bg{fill:none;stroke:#e8edf2;stroke-width:3px}.course-content__circle-fill{fill:none;stroke:#0084ef;stroke-width:3px;stroke-linecap:round}.course-content__progress-text{color:#0084ef;font-size:1rem;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.course-content__info{flex:1}.course-content__lesson-title{color:#0b385e;margin-bottom:.4rem;font-family:Ivy Presto Headline;font-size:1.8rem;font-weight:400;line-height:140%}.course-content__meta{align-items:center;gap:.8rem;display:flex}.course-content__meta svg{color:#01c7a9;width:1.6rem;height:1.6rem}.course-content__course{color:#0b385e;font-size:1.4rem;font-weight:600}.course-content__dot{background:#01c7a9;border-radius:50%;width:.5rem;height:.5rem}.course-content__duration{color:#8c8c8c;font-size:1.4rem;font-weight:500}.course-photo-gallery{grid-template-columns:1fr 1fr;align-items:stretch;gap:1.6rem;width:100%;margin-top:2.4rem;display:grid}.course-photo-gallery__main{aspect-ratio:37.4/30.2;cursor:pointer;border-radius:1.2rem;width:100%;position:relative;overflow:hidden}.course-photo-gallery__main img{object-fit:cover;transition:transform .3s}.course-photo-gallery__main:hover img{transform:scale(1.04)}.course-photo-gallery__side{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:1.6rem;height:100%;display:grid}.course-photo-gallery__item{cursor:pointer;border-radius:1.2rem;width:100%;height:100%;position:relative;overflow:hidden}.course-photo-gallery__item img{object-fit:cover;transition:transform .3s}.course-photo-gallery__item:hover img{transform:scale(1.04)}.course-video-player{width:100%;margin-top:2.4rem}.course-video-player__wrapper{aspect-ratio:77.4/35.8;background-color:#0000;width:100%;height:40.8rem;position:relative;overflow:visible}.course-video-player__wrapper div{border-radius:1.2rem}.course-video-player__wrapper video,.course-video-player__wrapper iframe{object-fit:cover;border-radius:1.2rem;width:100%;height:100%}.course-video-player__play-btn{cursor:pointer;z-index:2;background-color:#4daa9e;border:none;border-radius:50%;justify-content:center;align-items:center;width:5.2rem;height:5.2rem;transition:transform .2s;display:flex;position:absolute;top:-1.5rem;left:-1.5rem}.course-video-player__play-btn svg circle{stroke:#fff}.course-video-player__play-btn:hover{transform:scale(1.1)}.course-detail__share{background:#fff;padding-top:2.4rem;padding-bottom:4rem;padding-left:2.4rem}.course-detail__share .share-buttons{margin-bottom:0}@media screen and (max-width:1199.9px){.courses-section__grid{grid-template-columns:repeat(2,1fr)}.course-detail-hero{gap:3.2rem}.course-detail-hero__image{height:38rem}.course-detail-hero__title{font-size:3.2rem}.course-sections__card{gap:2.4rem;padding:3.2rem}.course-sections__sidebar{width:30%}.course-sections__title{font-size:2.8rem}.platform-card__features{gap:.6rem;height:auto;margin-bottom:1.6rem}.platform-card__features li{font-size:1.3rem}.platform-card__footer{flex-wrap:wrap;gap:1.6rem}.platform-card__btn{justify-content:center;width:100%}}@media screen and (max-width:767.9px){.courses-page{padding-bottom:6rem}.courses-section{margin-top:2.4rem}.courses-section__title{font-size:3.2rem}.courses-section__subtitle{font-size:1.5rem}.courses-section__filters{padding-bottom:.8rem;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;justify-content:flex-start;gap:1rem;margin-inline:-2rem;padding-inline:2rem;overflow-x:auto}.courses-section__filters::-webkit-scrollbar{display:none}.courses-section__filter-btn{white-space:nowrap;flex-shrink:0}.courses-section__grid{grid-template-columns:1fr;gap:2rem}.platform-card{height:auto}.platform-card__body{padding:1.6rem 1.2rem}.platform-card__features{gap:.4rem;height:9rem;margin-bottom:1.2rem;overflow-y:auto}.platform-card__features li{font-size:1.2rem;line-height:140%}.platform-card__stats{gap:2rem;margin-bottom:1.4rem;padding-bottom:1.4rem}.course-detail-hero{flex-direction:column;gap:2.4rem;margin-top:2.4rem}.course-detail-hero__image{aspect-ratio:64.9/49.4;flex-shrink:unset;width:100%;height:auto}.course-detail-hero__info{padding-top:0}.course-detail-hero__title{font-size:2.8rem}.course-detail-hero__rating,.course-detail-hero__pricing{margin-bottom:2.4rem}.course-detail-hero__cta{justify-content:center;width:100%;padding:1.6rem 2rem;font-size:1.6rem}.course-sections__card{border-radius:1.6rem;flex-direction:column;gap:2rem;padding:2.4rem 1.6rem}.course-sections__sidebar{flex-direction:row;align-items:center;width:100%}.course-sections__sidebar-top{flex-direction:row;align-items:center}.course-sections__sidebar-line{display:none}.course-sections__title{font-size:2.4rem}.course-sections__description{font-size:1.4rem;line-height:2.4rem}.course-sections__subtitle{font-size:2rem}.course-content{width:100%;max-height:40rem}.course-content__list{width:100%}.course-content__lesson-title{font-size:1.5rem}.course-photo-gallery{grid-template-columns:1fr}.course-photo-gallery__side{flex-direction:row}.course-photo-gallery__item{aspect-ratio:1;flex:1}.course-video-player__wrapper{aspect-ratio:16/9;height:auto}.course-detail{padding-bottom:6rem}.course-sections .container{gap:2.4rem;padding-block:3.2rem}}
