.course-page{background-color:#fff}.course-detail{color:#272727}.course-detail__main{overflow:hidden;padding:24px 0 56px;position:relative}.course-detail__main>.ui-container{position:relative;z-index:1}.course-detail__blog-content,.course-detail__content,.course-detail__layout,.course-detail__lecturer-header,.course-detail__lecturer-info,.course-detail__lecturer-text,.course-detail__link-items,.course-detail__link-list,.course-detail__payment-options,.course-detail__price-meta,.course-detail__rich-text,.course-detail__sidebar,.course-detail__summary-body{display:flex;flex-direction:column;min-width:0}.course-detail__layout{gap:40px}.course-detail__sidebar{gap:32px;order:2}.course-detail__content{gap:20px;order:1}.course-detail__content>h1{color:#272727;font-size:32px;font-weight:700;line-height:36px;margin:0;overflow-wrap:anywhere;text-transform:none}.course-detail__summary-card{background-color:#f8f8f8;border:1px solid #a7a7a7}.course-detail__summary-card h2{background-color:#f4f4f4;color:#5f87a8;font-size:24px;font-weight:700;line-height:28px;margin:0;overflow-wrap:anywhere;padding:12px 20px;text-transform:none}.course-detail__summary-body{color:#555;font-size:16px;font-weight:500;gap:4px;line-height:22px;padding:20px}.course-detail__summary-meta{align-items:center;display:flex;flex-wrap:wrap;gap:4px;min-width:0}.course-detail__summary-start{background-color:#f4f4f4;color:#a271e2;font-weight:700;padding:4px 8px;text-transform:uppercase}.course-detail__summary-classes{color:#272727;font-weight:700;margin-left:auto;min-width:0;text-align:right;text-transform:uppercase}.course-detail__summary-detail{min-width:0;overflow-wrap:anywhere}.course-detail__summary-detail span{color:#272727;font-weight:700}.course-detail__summary-detail br{display:none}.course-detail__link-list{gap:12px}.course-detail__link-list h2{color:#272727;font-size:24px;font-weight:700;line-height:28px;margin:0;overflow-wrap:anywhere;text-transform:none}.course-detail__link-items{gap:8px}.course-detail__link-items a{align-items:center;background-color:#f4f4f4;border:1px solid #a7a7a7;color:#555;display:flex;font-size:16px;font-weight:700;line-height:22px;min-height:46px;overflow-wrap:anywhere;padding:11px 12px;text-decoration:none;text-transform:uppercase;transition:border-color .2s ease,color .2s ease}.course-detail__link-items a:focus-visible,.course-detail__link-items a:hover{border-color:#5f87a8;color:#272727}.course-detail__link-items a:focus-visible{outline:2px solid #5f87a8;outline-offset:2px}.course-detail__price-strip{background-color:#3f4143;color:#f8f8f8;display:flex;flex-direction:column;gap:12px;min-width:0;padding:16px 20px}.course-detail__price-meta{font-size:16px;font-weight:500;gap:8px;line-height:22px;overflow-wrap:anywhere}.course-detail__price-meta span{color:#5f87a8;font-weight:700;text-transform:uppercase}.course-detail__price-meta br{display:none}.course-detail__price{color:#5f87a8;font-size:36px;font-weight:700;line-height:40px;white-space:nowrap}.course-detail__lecturer-text,.course-detail__rich-text{color:#555;font-size:16px;font-weight:500;line-height:22px;overflow-wrap:anywhere}.course-detail__lecturer-text blockquote,.course-detail__lecturer-text h2,.course-detail__lecturer-text h3,.course-detail__lecturer-text h4,.course-detail__lecturer-text ol,.course-detail__lecturer-text p,.course-detail__lecturer-text ul,.course-detail__rich-text blockquote,.course-detail__rich-text h2,.course-detail__rich-text h3,.course-detail__rich-text h4,.course-detail__rich-text ol,.course-detail__rich-text p,.course-detail__rich-text ul{margin:0}.course-detail__lecturer-text blockquote+p,.course-detail__lecturer-text h2+p,.course-detail__lecturer-text h2+ul,.course-detail__lecturer-text h3+p,.course-detail__lecturer-text h3+ul,.course-detail__lecturer-text ol+p,.course-detail__lecturer-text p+h2,.course-detail__lecturer-text p+h3,.course-detail__lecturer-text p+ol,.course-detail__lecturer-text p+p,.course-detail__lecturer-text p+ul,.course-detail__lecturer-text ul+p,.course-detail__rich-text blockquote+p,.course-detail__rich-text h2+p,.course-detail__rich-text h2+ul,.course-detail__rich-text h3+p,.course-detail__rich-text h3+ul,.course-detail__rich-text ol+p,.course-detail__rich-text p+h2,.course-detail__rich-text p+h3,.course-detail__rich-text p+ol,.course-detail__rich-text p+p,.course-detail__rich-text p+ul,.course-detail__rich-text ul+p{margin-top:12px}.course-detail__lecturer-text h2,.course-detail__lecturer-text h3,.course-detail__lecturer-text h4,.course-detail__rich-text h2,.course-detail__rich-text h3,.course-detail__rich-text h4{color:#272727;font-size:24px;font-weight:700;line-height:26px;text-transform:uppercase}.course-detail__lecturer-text a,.course-detail__rich-text a{color:#a271e2;text-underline-offset:2px}.course-detail__lecturer-text b,.course-detail__lecturer-text strong,.course-detail__rich-text b,.course-detail__rich-text strong{color:#272727;font-weight:700}.course-detail__lecturer-text ul,.course-detail__rich-text ul{display:flex;flex-direction:column;gap:8px;list-style:none;padding:0}.course-detail__lecturer-text ul li,.course-detail__rich-text ul li{align-items:flex-start;display:flex;gap:8px;margin:0;min-width:0;padding:0;position:static}.course-detail__lecturer-text ul li:before,.course-detail__rich-text ul li:before{background:url(/assets/main/experience-list-marker.svg) 50%/50px 15px no-repeat;border-radius:0;content:"";flex:0 0 50px;height:15px;margin-top:4px;position:static;width:50px}.course-detail__lecturer-text ul li:after,.course-detail__rich-text ul li:after{content:none}.course-detail__lecturer-text ol,.course-detail__rich-text ol{padding-left:24px}.course-detail__lecturer-text blockquote,.course-detail__rich-text blockquote{background-color:#f4f4f4;border:0;min-height:80px;padding:16px 16px 16px 88px;position:relative}.course-detail__lecturer-text blockquote:before,.course-detail__rich-text blockquote:before{background-color:#5f87a8;bottom:16px;content:"";height:auto;left:72px;position:absolute;top:16px;width:3px}.course-detail__lecturer-text blockquote:after,.course-detail__rich-text blockquote:after{background:#dadada url(/assets/icons/ui-quote.svg) no-repeat 50%/24px auto;border-radius:50%;box-sizing:border-box;content:"";height:48px;left:12px;margin-top:0;padding:0;position:absolute;top:50%;transform:translateY(-50%);transition:background-color .2s ease;width:48px}.course-detail__lecturer-text blockquote:hover:after,.course-detail__rich-text blockquote:hover:after{background-color:#b4b4b4}.course-detail__lecturer-text blockquote>:last-child,.course-detail__rich-text blockquote>:last-child{margin-bottom:0}.course-detail__lecturer{display:grid;gap:20px;isolation:isolate;min-width:0;position:relative}.course-detail__lecturer:before{background-image:url(/assets/course/page-pattern.png);background-image:-webkit-image-set(url("/assets/course/page-pattern.webp") type("image/webp"),url("/assets/course/page-pattern.png") type("image/png"));background-image:image-set(url("/assets/course/page-pattern.webp") type("image/webp"),url("/assets/course/page-pattern.png") type("image/png"));background-position:0 0;background-repeat:no-repeat;background-size:906px 392px;content:"";height:392px;left:calc(clamp(16px, 5.333vw, 20px)*-1);pointer-events:none;position:absolute;top:180px;width:906px;z-index:-1}.course-detail__lecturer-picture{display:block;height:400px;min-width:0;overflow:hidden;width:100%}.course-detail__lecturer-picture img{display:block;height:100%;max-width:none;-o-object-fit:cover;object-fit:cover;-o-object-position:84% center;object-position:84% center;width:100%}.course-detail__lecturer-info{gap:16px}.course-detail__lecturer-header{gap:4px}.course-detail__lecturer-header h2{color:#272727;font-size:24px;font-weight:700;line-height:28px;margin:0;overflow-wrap:anywhere;text-transform:none}.course-detail__lecturer-experience{color:#555;font-size:16px;font-weight:500;line-height:22px}.course-detail__lecturer-experience span{color:#272727;font-weight:700;text-transform:uppercase}.course-detail__lecturer-experience br{display:none}.course-detail__lecturer-text{gap:12px}.course-detail__payment-options{gap:20px}.course-detail__payment-row{border:1px solid #a7a7a7;display:flex;flex-direction:column;gap:20px;min-width:0;padding:20px 24px}.course-detail__payment-row--featured{border-color:#a271e2}.course-detail__payment-row .ui-button{width:100%}.course-detail__payment-copy{align-items:center;display:flex;gap:12px;min-width:0}.course-detail__payment-copy h2,.course-detail__payment-copy strong{color:#272727;font-weight:700;margin:0}.course-detail__payment-copy h2{flex:1 1 auto;font-size:20px;line-height:24px;min-width:0;overflow-wrap:anywhere;text-transform:uppercase}.course-detail__payment-copy strong{flex:0 0 auto;font-size:32px;line-height:36px;white-space:nowrap}.course-detail__actions{display:grid;gap:12px;min-width:0}.course-detail__actions .ui-button{width:100%}.course-detail__blog{padding-bottom:56px}.course-detail__blog>.ui-container>h2{color:#3f4143;font-size:32px;font-weight:700;line-height:36px;margin:0 0 32px;overflow-wrap:anywhere;text-transform:none}.course-detail__blog-content{align-items:center;gap:36px}.course-detail__blog-content>.ui-button{max-width:100%;width:200px}.course-detail__blog-grid{display:grid;gap:20px;min-width:0;width:100%}.course-detail__blog-grid .ui-blog-card{min-height:268px}.course-detail__blog-grid .ui-blog-card__body{align-items:flex-start}@media (min-width:768px){.course-detail__lecturer-text blockquote,.course-detail__rich-text blockquote{min-height:128px;padding:32px 32px 32px 128px}.course-detail__lecturer-text blockquote:before,.course-detail__rich-text blockquote:before{bottom:32px;left:104px;top:32px}.course-detail__lecturer-text blockquote:after,.course-detail__rich-text blockquote:after{background-size:32px 29px;height:64px;left:20px;width:64px}.course-detail__lecturer:before{left:-24px}.course-detail__lecturer-picture{height:440px}.course-detail__payment-row{align-items:center;flex-direction:row;gap:44px}.course-detail__payment-row .ui-button{flex:0 0 200px;width:200px}.course-detail__payment-copy{flex:1 1 auto}.course-detail__payment-copy h2{font-size:24px;line-height:26px}.course-detail__payment-copy strong{font-size:36px;line-height:40px}.course-detail__actions{gap:20px}.course-detail__actions,.course-detail__blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:992px){.course-detail__main{padding-bottom:120px;padding-top:40px}.course-detail__layout{align-items:start;display:grid;gap:48px;grid-template-columns:300px minmax(0,1fr)}.course-detail__sidebar{order:1}.course-detail__content{order:2}.course-detail__content>h1{font-size:40px;line-height:44px}.course-detail__price-strip{align-items:center;flex-direction:row;gap:41px;min-height:68px;padding-bottom:12px;padding-top:12px}.course-detail__price-meta{flex:1 1 auto;flex-direction:row;gap:36px;min-width:0}.course-detail__price{flex:0 0 auto;font-size:40px;line-height:44px}.course-detail__lecturer{grid-template-columns:314px minmax(0,1fr)}.course-detail__lecturer:before{left:-372px}.course-detail__lecturer-picture{height:360px;width:314px}.course-detail__blog{padding-bottom:80px}.course-detail__blog>.ui-container>h2{font-size:40px;line-height:44px}}@media (min-width:1200px){.course-detail__layout{gap:80px;grid-template-columns:344px minmax(0,1fr)}.course-detail__lecturer:before{left:-448px}}@media (min-width:1401px){.course-detail__layout{gap:102px}.course-detail__lecturer:before{left:-506px}}@media (min-width:1441px){.course-detail__lecturer:before{left:calc(214px - 50vw)}}