.detail{background:#f1f1f1;position:relative}.detail:before{background:var(--main-color,#7abfe6);content:"";left:0;position:absolute;top:0;width:100%;z-index:1}@media (max-width:991.98px){.detail:before{max-height:420px;min-height:300px}}@media (max-width:576.98px){.detail:before{min-height:200px}}.detail>.container{position:relative;z-index:2}.detail .col-detail-left{padding-right:5%}@media (max-width:1199.98px){.detail .col-detail-left{padding-right:15px}}@media (max-width:991.98px){.detail .col-detail-left h1.h1.ci-white{color:#212529}}@media (min-width:991.98px){.detail .col-detail-left #short-desc{margin-bottom:6rem!important}}.detail .col-detail-right{width:455px}@media (max-width:991.98px){.detail .col-detail-right{margin-bottom:2rem;width:100%}}.detail .col-detail-right .card-thumbnail-desc .card-img .card-img-inner{height:239px}@media (max-width:991.98px){.detail .col-detail-right .card-thumbnail-desc .card-img .card-img-inner{height:-webkit-calc(52.5405vw - 15.76215px);height:calc(52.5405vw - 15.76215px)}}.detail .col-detail-right .card-thumbnail-desc .card-desc{background:#fff}.detail .col-detail-right .card-thumbnail-desc .card-desc .card-period{color:#005392;font-size:1.3em;font-weight:700}.detail .col-detail-right .card-thumbnail-desc .card-desc .card-nav .btn{width:100%}.detail .col-detail-right .card-thumbnail-desc .card-desc .card-nav .btn .icon-arrow-right{font-size:1.25rem;line-height:1.5;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.detail .col-detail-right .course-list .col-icon{width:36px}.detail .col-detail-right .course-list .col-icon i{font-size:1.4rem;position:relative;top:-1px}.detail .course-offering-select .offering-heading{font-size:1rem}.detail .course-offering-select .offering-heading i.icon-info{color:#7abfe6;font-size:1.1rem;position:relative;top:2px}.detail .course-offering-select .offering-cards{display:grid;gap:12px}.detail .course-offering-select .offering-cards.is-multi{grid-template-columns:1fr 1fr}.detail .course-offering-select .offering-cards.is-single{grid-template-columns:1fr}.detail .course-offering-select .offering-card{--accent:#005392;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:#fff;border:1.5px solid rgba(0,83,146,.35);-webkit-border-radius:12px;border-radius:12px;color:var(--accent);cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:10px;margin:0;padding:14px;position:relative;-webkit-transition:border-color .15s ease,background-color .15s ease;-o-transition:border-color .15s ease,background-color .15s ease;transition:border-color .15s ease,background-color .15s ease}.detail .course-offering-select .offering-card[data-type=onsite]{--accent:#198754;border-color:rgba(25,135,84,.35)}.detail .course-offering-select .offering-card[data-type=online]{--accent:#6f42c1;border-color:rgba(111,66,193,.35)}.detail .course-offering-select .offering-card:hover{border-color:var(--accent)}.detail .course-offering-select .offering-card.selected{background:rgba(0,83,146,.06);border-color:var(--accent)}.detail .course-offering-select .offering-card[data-type=onsite].selected{background:rgba(25,135,84,.06)}.detail .course-offering-select .offering-card[data-type=online].selected{background:rgba(111,66,193,.06)}.detail .course-offering-select .offering-card .offering-radio{opacity:0;pointer-events:none;position:absolute}.detail .course-offering-select .offering-card .offering-card-icon{-webkit-box-flex:0;color:var(--accent);-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;height:34px;width:34px}.detail .course-offering-select .offering-card .offering-card-icon svg{display:block;height:100%;width:100%}.detail .course-offering-select .offering-card .offering-card-label{-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;font-weight:700;line-height:1.25}.detail .course-offering-select .offering-card .offering-card-check{-webkit-box-flex:0;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background:var(--accent);-webkit-border-radius:50%;border-radius:50%;color:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;height:24px;-webkit-justify-content:center;justify-content:center;opacity:0;-webkit-transition:opacity .15s ease;-o-transition:opacity .15s ease;transition:opacity .15s ease;width:24px}.detail .course-offering-select .offering-card .offering-card-check svg{display:block;height:15px;width:15px}.detail .course-offering-select .offering-card.selected .offering-card-check{opacity:1}.detail .course-offering-select .class-date-block .offering-heading{color:#212529}@media (max-width:1199.98px){.slide-course{margin-left:0;width:100%}}@media (max-width:991.98px){.slide-course{margin-left:-15px;width:-webkit-calc(100% + 30px);width:calc(100% + 30px)}}@media (min-width:991.98px){.slide-course .swiper-button-next,.slide-course .swiper-button-prev,.slide-course .swiper-pagination{display:none!important}.slide-course .swiper-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:20px}.slide-course .swiper-wrapper .swiper-slide{-webkit-box-sizing:border-box;box-sizing:border-box;width:-webkit-calc(33.33333% - 13.33333px);width:calc(33.33333% - 13.33333px)}}