.course-heading{background-image:url("../img/blocks/course-detail-bg.webp");background-position:center;background-size:cover;background-color:#313641;color:#f8f8f8;width:100%;height:500px;margin-top:90px}.course-heading .container{height:100%}.course-heading .container .row{height:100%}.course-heading .container .row .col-12:last-child{align-self:flex-end;margin-bottom:54px}.course-heading .info-bar-wrapper{position:relative;margin-top:-90px;border-radius:40px;overflow:hidden}.course-heading .info-bar-wrapper .info-bar{padding:0 20px;display:flex;justify-content:space-between;align-items:center;width:100%;position:absolute;top:0;left:0;height:100%}.course-heading .info-bar-wrapper .info-bar .left{display:flex;justify-content:flex-start;align-items:flex-start}.course-heading .info-bar-wrapper .info-bar .left>img{width:8.75rem;height:auto;margin-right:30px}.course-heading .info-bar-wrapper .info-bar .left div h2{max-width:473px;font-style:normal;font-weight:600;font-size:28px;line-height:40px;margin-top:19px;margin-bottom:20px}.course-heading .info-bar-wrapper .info-bar .left div a{font-weight:700;font-size:16px;line-height:24px;color:#313641;background-color:#ffdf25;padding:16px 24px;border-radius:50px;display:inline-block}.course-heading .info-bar-wrapper .info-bar .left div a img{margin-left:8px}.course-heading .info-bar-wrapper .info-bar .right{display:flex;align-items:flex-start;flex-direction:column}.course-heading .info-bar-wrapper .info-bar .right .date{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;margin-bottom:30px;color:#22262e}.course-heading .info-bar-wrapper .info-bar .right .date p{font-weight:700;text-transform:uppercase;padding:0;margin:0}.course-heading .info-bar-wrapper .info-bar .right .date p:first-child{font-size:14px;line-height:24px;margin-bottom:2px}.course-heading .info-bar-wrapper .info-bar .right .date p:last-child{font-size:11px;line-height:16px}.course-heading .info-bar-wrapper .info-bar .right .date-box{display:flex}.course-heading .info-bar-wrapper .info-bar .right .date-box .box{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100px;text-align:center}.course-heading .info-bar-wrapper .info-bar .right .date-box .box:first-child{margin-right:30px}.course-heading .info-bar-wrapper .info-bar .right .date-box .box span{width:100%;font-weight:700;text-align:center}.course-heading .info-bar-wrapper .info-bar .right .date-box .box span:first-child{font-size:16px;line-height:24px;padding:11px 0 20px 0;background:#22262e;border-top-left-radius:20px;border-top-right-radius:20px}.course-heading .info-bar-wrapper .info-bar .right .date-box .box span:last-child{font-size:40px;line-height:32px;padding:18px 0;background:#fff;border-radius:20px;color:#000;margin-top:-12px}.course-heading .detail-top-info{display:flex;padding:0;margin:0;list-style:none}.course-heading .detail-top-info li{display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:200;font-size:24px;line-height:30px;text-transform:uppercase}.course-heading .detail-top-info li:not(:last-child){margin-right:65px}.course-heading .detail-top-info li img{margin-bottom:22px;height:24px;width:auto}.course-heading .detail-top-info li img+span{margin-bottom:11px}.course-heading .detail-top-info li img+span+span{font-weight:700;font-size:11px;line-height:16px}@media screen and (min-width:768px)and (max-width:992px){.course-heading{height:300px}.course-heading .info-bar-wrapper .info-bar .left>img{max-width:80px}.course-heading .info-bar-wrapper .info-bar .left div h2{font-size:17px;line-height:28px;margin:15px 0}.course-heading .info-bar-wrapper .info-bar .left div a{padding:9px 20px}.course-heading .info-bar-wrapper .info-bar .right .date{margin-bottom:10px}.course-heading .info-bar-wrapper .info-bar .right .date span:first-child{font-size:13px;line-height:20px}.course-heading .info-bar-wrapper .info-bar .right .date span:last-child{font-size:10px;line-height:14px}.course-heading .info-bar-wrapper .info-bar .right .date-box .box{width:90px}.course-heading .info-bar-wrapper .info-bar .right .date-box .box:first-child{margin-right:10px}.course-heading .info-bar-wrapper .info-bar .right .date-box .box span:first-child{font-size:12px;line-height:16px;border-top-left-radius:15px;border-top-right-radius:15px}.course-heading .info-bar-wrapper .info-bar .right .date-box .box span:last-child{font-size:28px;line-height:22px;padding:15px;border-radius:15px}}@media screen and (max-width:768px){.course-heading{height:auto}.course-heading .info-bar-wrapper>img.mobile-only{display:none!important}.course-heading .info-bar-wrapper .info-bar{position:static;flex-direction:column;background-image:url("../../img/blocks/course-header-bg-mobile.svg");background-repeat:no-repeat;background-size:cover;background-position:right bottom 40%;padding:20px}.course-heading .info-bar-wrapper .info-bar .left{flex-direction:column}.course-heading .info-bar-wrapper .info-bar .left>img{max-width:70px}.course-heading .info-bar-wrapper .info-bar .right{margin-top:90px}.course-heading .detail-top-info{flex-wrap:wrap;justify-content:center;margin-top:30px}.course-heading .detail-top-info li{margin:25px 30px!important}}