html{scroll-behavior:smooth}body{background-color:#28282a;position:relative}.background-shadow{max-height:90vh;opacity:.7;position:absolute;right:0;top:10px;z-index:-1}.main-container{margin-top:-130px;max-width:100%;padding-bottom:40px;position:relative}section.recommended-courses{margin-bottom:-160px;padding-top:180px}section.recommended-courses:last-child{margin-bottom:40px}section.recommended-courses .title{align-items:baseline;color:#fff;display:flex;font-family:Inter;font-size:24px;font-style:normal;font-weight:800;gap:24px;justify-content:flex-start;line-height:30px;margin-bottom:-5px}section.recommended-courses .title .btn-more{color:#fff;font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:16px;white-space:nowrap}section.recommended-courses .courses{display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(255px,1fr));margin:0;padding:20px 0 5px}section.recommended-courses .courses .course{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:hsla(0,0%,63%,.1);border-radius:10px;box-shadow:0 4px 48px rgba(16,24,40,.7);margin:0;min-height:247px;text-decoration:none;transition:transform .5s ease-in-out;width:100%}section.recommended-courses .courses .course:hover{transform:scale(1.03)}section.recommended-courses .courses .course .photo{position:relative}section.recommended-courses .courses .course .photo .thumbnail{border-radius:10px 10px 0 0;height:126px;-o-object-fit:cover;object-fit:cover;width:100%}section.recommended-courses .courses .course .text{padding:8px 16px}section.recommended-courses .courses .course .text h5.name{color:#fff;font-family:Inter;font-size:15px;font-style:normal;font-weight:800;line-height:20px;min-height:40px}section.recommended-courses .courses .course .text .desc{color:#d7d7d7;font-family:Inter;font-size:14px;font-style:normal;font-weight:400;height:55px;line-height:18px;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:break-spaces}section.recommended-courses .courses .course .text .btn-watch{background:#763ea3;border-radius:22px;color:#fff;font-size:16px;font-weight:600;line-height:16px;margin-bottom:5px;margin-top:10px;padding:8px 20px;width:100%}section.recommended-courses .courses .course .text .info{align-items:center;display:flex;justify-content:space-between}section.recommended-courses .courses .course .text .info .amount-students{color:#fff;font-family:Inter;font-size:14px;font-style:normal;font-weight:600;line-height:18px}section.recommended-courses .courses .course .text .info .amount-students img{margin-right:2.5px;width:20px}section.recommended-courses .courses .course .text .info .amount-difficulty{align-items:baseline;color:#fff;display:flex;font-family:Inter;font-size:14px;font-style:normal;font-weight:600;justify-content:center;line-height:18px}section.recommended-courses .courses .course .text .info .amount-difficulty img{margin-left:4.5px;width:17.5px}section.recommended-courses .courses::-webkit-scrollbar{height:0!important}section.recommended-courses .courses{-ms-overflow-style:none;scrollbar-width:none}.sticky-courses-header{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:rgba(0,0,0,.8);padding-bottom:20px;padding-top:60px;position:sticky;top:0;width:100%;z-index:6}.sticky-courses-header .container{align-items:flex-end;display:flex;flex-direction:row;justify-content:space-between;max-width:100%}.sticky-courses-header .left{flex-shrink:0}.sticky-courses-header .right{display:flex;flex:1;justify-content:flex-end}.sticky-courses-header .right .nav{border-bottom:2px solid #9747ff;display:flex;flex-direction:row;flex-wrap:wrap;gap:30px;justify-content:flex-end}.sticky-courses-header .right .nav .nav-link{color:#ececec;font-family:Inter;font-size:16px;font-weight:600;position:relative;transition:all .25s ease;white-space:nowrap}.sticky-courses-header .right .nav .nav-link.active:before{background:#ff9e44;bottom:-2px;content:"";height:4px;left:0;position:absolute;width:100%}.sticky-courses-header .title{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#9747ff .15%,#ff9e44 92.34%);background-clip:text;-webkit-background-clip:text;display:inline-block;font-family:Inter;font-size:40px;font-weight:700;text-align:center}.sticky-courses-header .subtitle{color:#ececec;font-family:Inter;font-size:24px;font-weight:500}@media screen and (max-width:1200px){.sticky-courses-header .right .nav{border-bottom:0;gap:20px}section.recommended-courses .courses{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media screen and (max-width:992px){.main-container{margin-top:-180px;padding-top:20px}section.recommended-courses .courses{-webkit-overflow-scrolling:touch;display:flex;flex-wrap:nowrap;gap:0;margin:0 -10px;overflow-x:scroll;overflow-y:visible}section.recommended-courses .courses .course{box-shadow:0 4px 19.5px rgba(16,24,40,.7);flex-shrink:0;margin:0 10px;width:284px}.sticky-courses-header{padding-bottom:15px;padding-top:10px;width:100%}.sticky-courses-header .container{align-items:flex-start;flex-direction:column}.sticky-courses-header .left{flex-shrink:1}.sticky-courses-header .right{justify-content:flex-start;width:100%}.sticky-courses-header .title{font-size:20px}.sticky-courses-header .subtitle{font-size:16px;margin-bottom:20px}.sticky-courses-header .right .nav{border-bottom:0;gap:20px;justify-content:flex-start}.sticky-courses-header .right .nav .nav-link{font-size:14px;padding:0}.sticky-courses-header .right .nav .nav-link.active:before{bottom:-6px;height:2px}}