@keyframes rotateGraphic{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes revealText{from{clip-path:inset(-20% 100% -20% 0)}to{clip-path:inset(-20% 0 -20% 0)}}@keyframes fadeInOut{0%{opacity:1}50%{opacity:0}100%{opacity:1}}@keyframes autoplayLine{from{width:0%}to{width:100%}}@media screen and (max-width: 978px){.sub{padding-top:0}}.course-detail .course-detail-breadcrumbs{margin:0 0 3.125rem}.course-detail .course-detail-top{display:flex;justify-content:space-between;align-items:flex-end;gap:3.75rem;margin:0 0 3.75rem}@media screen and (max-width: 768px){.course-detail .course-detail-top{flex-direction:column;align-items:flex-start;justify-content:initial;margin:0 0 2.5rem;gap:1.5rem}}.course-detail .course-detail-top .course-detail-title{display:flex;flex-direction:column;gap:0.75rem}.course-detail .course-detail-top .course-detail-title .item-title{margin:0}.course-detail .course-detail-top .course-detail-title .item-code{color:var(--colorPrimary);margin:0}.course-detail .course-detail-top .link1{min-width:16.25rem}@media screen and (max-width: 978px){.course-detail .course-detail-top .link1{min-width:initial}}.course-detail .course-detail-images{margin:0 0 3.75rem}@media screen and (max-width: 768px){.course-detail .course-detail-images{margin:0 0 2.5rem}}.course-detail .course-detail-images .swiper .swiper-wrapper .swiper-slide .img{position:relative;overflow:hidden;padding-bottom:45.16129032%}.course-detail .course-detail-images .swiper .swiper-wrapper .swiper-slide .img img{position:absolute;object-fit:cover;object-position:50% 50%;transform:scale(1.01);width:100%;height:100%}.course-detail .course-detail-qualification-details{margin:0 0 2rem;display:flex;flex-direction:column;gap:2rem}.course-detail .course-detail-qualification-details>*{margin:0}.course-detail .course-detail-info{border-top:0.0625rem solid rgba(0,0,0,.1);border-bottom:0.0625rem solid rgba(0,0,0,.1);padding:1.5rem 0;margin:0 0 3.75rem;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:1.5rem}@media screen and (max-width: 768px){.course-detail .course-detail-info{grid-template-columns:1fr 1fr;margin:0 0 2.5rem}}@media screen and (max-width: 480px){.course-detail .course-detail-info{grid-template-columns:1fr}}.course-detail .course-detail-info .item{border-left:0.0625rem solid rgba(0,0,0,.1);padding:0 2rem;display:flex;flex-direction:column;gap:1rem}@media screen and (max-width: 978px){.course-detail .course-detail-info .item{border-left:none;padding:0}}.course-detail .course-detail-info .item .icon{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;border-radius:0.25rem;background:var(--colorPrimary)}.course-detail .course-detail-info .item .item-title{margin:0}.course-detail .course-detail-info .item .item-text{margin:0;color:var(--colorLightGrey)}.course-detail .course-detail-info .item:first-of-type{border-left:none;padding-left:0}.course-detail .course-detail-feature{display:flex;overflow:hidden;border-radius:0.375rem;background:rgba(245,132,37,.04);margin:0 0 3.75rem}@media screen and (max-width: 978px){.course-detail .course-detail-feature{flex-direction:column}}@media screen and (max-width: 768px){.course-detail .course-detail-feature{margin:0 0 2.5rem}}.course-detail .course-detail-feature .img{width:50%;min-width:50%;position:relative;overflow:hidden}@media screen and (max-width: 978px){.course-detail .course-detail-feature .img{padding-bottom:56.25%;width:100%;min-width:initial}}.course-detail .course-detail-feature .img img{position:absolute;object-fit:cover;object-position:50% 50%;transform:scale(1.01);width:100%;height:100%}.course-detail .course-detail-feature .text{padding:3rem 5rem}@media screen and (max-width: 1200px){.course-detail .course-detail-feature .text{padding:3rem}}@media screen and (max-width: 768px){.course-detail .course-detail-feature .text{padding:2rem}}@media screen and (max-width: 480px){.course-detail .course-detail-feature .text{padding:1.5rem}}.course-detail .course-detail-feature .text>*{margin-bottom:1.5rem}.course-detail .course-detail-feature .text>*:last-child{margin-bottom:0}.course-detail .course-detail-feature .text h3{color:var(--colorBlack);margin:0 0 2rem}.course-detail .course-detail-feature .text .link1{margin-top:0.5rem}.course-detail .course-detail-subjects{border-top:0.0625rem solid rgba(0,0,0,.1);padding:3.75rem 0 0;margin:0 0 3.75rem}@media screen and (max-width: 768px){.course-detail .course-detail-subjects{margin:0 0 2.5rem;padding:0;border-top:none}}.course-detail .course-detail-subjects h2{margin-top:0}.course-detail .course-detail-subjects p{margin-bottom:1.5rem}.course-detail .course-detail-subjects .course-units-table{width:100%;border-collapse:collapse;margin:0}.course-detail .course-detail-subjects .course-units-table thead tr{background:var(--Gradient, linear-gradient(90deg, #F6A83C 0.29%, #F6A83C 21.29%, #F48423 98.29%, #F48423 100.29%))}.course-detail .course-detail-subjects .course-units-table thead tr th{font-size:1rem;text-align:left;padding:1rem;font-weight:700;color:#fff}.course-detail .course-detail-subjects .course-units-table tbody tr{border-bottom:0.0625rem solid rgba(248,169,58,.05)}.course-detail .course-detail-subjects .course-units-table tbody tr:last-child{border-bottom:none}.course-detail .course-detail-subjects .course-units-table tbody tr td{padding:1rem;vertical-align:top}.course-detail .course-detail-subjects .course-units-table tbody tr td:first-child{background:rgba(248,169,58,.05);white-space:nowrap;width:12.5rem}@media screen and (max-width: 640px){.course-detail .course-detail-subjects .course-units-table tbody tr td:first-child{width:7.5rem}}.course-detail .course-detail-subjects .course-units-table tbody tr td:last-child{color:var(--colorLightGrey)}.course-detail .course-detail-return{border-top:0.0625rem solid rgba(0,0,0,.1);padding:2.5rem 0 0}.course-detail .course-detail-return a{display:flex;align-items:center;gap:1.5rem}.course-detail .course-detail-return a svg{transform:scaleX(-1)}.course-detail .course-detail-return a span{font-size:1.125rem;font-weight:700;color:var(--colorBlack);transition:color .6s cubic-bezier(0.19, 1, 0.22, 1)}@media(hover: hover){.course-detail .course-detail-return a:hover span{color:var(--colorPrimary)}}