@media (min-width: 992px) {
  [data-page="online-courses-list"] .page-header {
    z-index: 1;
    background-color: transparent; } }

@media (min-width: 992px) {
  [data-page="online-courses-details"] .page-header {
    z-index: 1;
    background-color: transparent; } }

.course-banner-section {
  background-color: rgba(var(--ij-black-rgb), 0.02);
  padding: clamp(3.125em, 1.5vw, 4.375em) 0; }
  @media (max-width: 991.98px) {
    .course-banner-section {
      padding-top: 1.875em; } }
  @media (min-width: 992px) {
    .course-banner-section {
      padding-top: 70px;
      margin-top: -64px; } }

.course-banner {
  padding: clamp(2.5em, 1.5vw, 3.125em);
  border-radius: 0.5em;
  display: grid;
  gap: 1.875em;
  background: rgba(var(--ij-white-rgb), 1);
  box-shadow: 0 0 2em #f0f4f7;
  align-items: center; }
  @media (min-width: 992px) {
    .course-banner {
      grid-template-columns: 1fr 380px; } }
  @media (max-width: 991.98px) {
    .course-banner {
      grid-template-columns: 100%; } }
  .course-banner .course-banner-content {
    display: flex;
    flex-direction: column;
    gap: clamp(1.25em, 2.5vw, 1.875em);
    width: min(540px, 100%); }
    @media (max-width: 991.98px) {
      .course-banner .course-banner-content {
        margin: auto;
        text-align: center;
        order: 1; } }
    .course-banner .course-banner-content .title {
      font-size: clamp(2em, 2.5vw, 2.375em);
      font-weight: var(--ij-fw-bold);
      margin-bottom: 0; }
    .course-banner .course-banner-content .sub-title {
      font-size: clamp(0.9375em, 2.5vw, 1em);
      font-weight: var(--ij-fw-semibold);
      margin-bottom: 0; }
    .course-banner .course-banner-content .dec {
      font-size: 1em;
      line-height: 2; }
    .course-banner .course-banner-content .btn-box .btn {
      font-size: clamp(0.875em, 2.5vw, 1em);
      min-height: 3em;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      width: min(200px, 100%); }
    .course-banner .course-banner-content .b-info {
      font-size: 0.8125em;
      font-weight: var(--ij-fw-semibold);
      margin-bottom: 0; }
  .course-banner .img-block {
    text-align: center; }

.advantages-list-wrap {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: clamp(0.9375em, 2.5vw, 3.125em);
  row-gap: 3.125em; }
  @media (min-width: 992px) {
    .advantages-list-wrap {
      grid-template-columns: repeat(3, 1fr); } }
  @media (min-width: 768px) and (max-width: 991.98px) {
    .advantages-list-wrap {
      grid-template-columns: repeat(3, 1fr); } }
  @media (max-width: 767.98px) {
    .advantages-list-wrap {
      grid-template-columns: 100%; } }
  .advantages-list-wrap li {
    font-size: 0.9375em;
    margin-bottom: 0;
    position: relative;
    padding: 1.25em;
    border-radius: 0.375em;
    background-color: rgba(var(--ij-black-rgb), 0.02);
    box-shadow: 0 0 2em #f0f4f7; }
    .advantages-list-wrap li:nth-child(1) {
      background-color: rgba(112, 170, 252, 0.1); }
    .advantages-list-wrap li:nth-child(2) {
      background-color: rgba(255, 161, 161, 0.1); }
    .advantages-list-wrap li:nth-child(3) {
      background-color: rgba(255, 195, 112, 0.1); }
  .advantages-list-wrap .title {
    font-size: clamp(1.25em, 2.5vw, 1.5em);
    font-weight: var(--ij-fw-semibold);
    margin-bottom: 0;
    display: flex;
    gap: 0.625em; }
    .advantages-list-wrap .title::before {
      content: '';
      background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6.834' fill='%233C4852'%3e%3cpath d='M9.315 4.259 3.557 10.016a.417.417 0 0 1-.589 0h0L.741 7.788a.417.417 0 0 0-.589 0h0a.417.417 0 0 0 0 .589h0L2.378 10.6a1.253 1.253 0 0 0 1.771 0L9.905 4.849a.417.417 0 0 0 0-.589h0a.417.417 0 0 0-.589 0Z' transform='translate%28-0.028 -4.137%29' /%3e%3c/svg%3e") no-repeat center rgba(var(--ij-primary-rgb), 0.05);
      background-size: 0.625em;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 1.25em;
      height: 1.25em;
      flex: 0 0 1.25em;
      padding: 0.25em;
      border-radius: 3.125rem;
      border: 1px solid; }
  .advantages-list-wrap .dec {
    font-size: clamp(0.875em, 2.5vw, 1em);
    font-weight: var(--ij---ij-fw-medium);
    margin-bottom: 0;
    margin-top: 0.75em;
    line-height: 1.8; }

.search-wrap {
  margin-top: 1.25em; }
  .search-wrap.search-wrap-location {
    display: grid;
    gap: 0.625em; }
    @media (min-width: 576px) {
      .search-wrap.search-wrap-location {
        grid-template-columns: auto 1fr; } }
    @media (max-width: 575.98px) {
      .search-wrap.search-wrap-location {
        grid-template-columns: 100%; } }
  .search-wrap .search-box .input-group, .search-wrap .location-box .input-group {
    border: 1px solid rgba(var(--ij-primary-rgb), 0.3);
    border-radius: 0.375em;
    background-color: rgba(var(--ij-white-rgb), 1); }
    .search-wrap .search-box .input-group .form-control, .search-wrap .location-box .input-group .form-control {
      border: 0;
      background-color: transparent;
      font-weight: var(--ij-fw-medium);
      height: 48px; }
    .search-wrap .search-box .input-group .btn, .search-wrap .location-box .input-group .btn {
      color: rgba(var(--ij-t-primary-text), 0.7);
      padding: 0.3125em 0.75em;
      padding-right: 0.375em;
      font-size: 1.25em;
      display: flex;
      justify-content: center;
      align-items: center; }
      .search-wrap .search-box .input-group .btn .icon, .search-wrap .location-box .input-group .btn .icon {
        width: 1.125em;
        height: 1.125em;
        flex: 0 0 1.125em;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 1.125em; }
        .search-wrap .search-box .input-group .btn .icon svg, .search-wrap .location-box .input-group .btn .icon svg {
          display: block;
          height: 100%;
          width: 100%;
          fill: rgba(var(--ij-t-primary-text-rgb), 1); }
    .search-wrap .search-box .input-group .btn:first-child:active, .search-wrap .location-box .input-group .btn:first-child:active {
      border-color: transparent; }

.course-list-search {
  display: grid;
  gap: clamp(0.9375em, 2.5vw, 1.875em);
  row-gap: 1.875em; }
  @media (min-width: 768px) {
    .course-list-search {
      grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); } }
  @media (min-width: 576px) and (max-width: 767.98px) {
    .course-list-search {
      grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); } }
  @media (max-width: 575.98px) {
    .course-list-search {
      grid-template-columns: repeat(2, 1fr); } }
  @media (max-width: 359.98px) {
    .course-list-search {
      grid-template-columns: repeat(1, 1fr); } }
  .course-list-search .course-list {
    display: flex;
    flex-direction: column;
    box-shadow: 0 0 2em #f0f4f7;
    border: 1px solid rgba(var(--ij-black-rgb), 0.1);
    border-radius: 0.5em;
    overflow: hidden; }
    .course-list-search .course-list .img-block {
      border-radius: 0.5em;
      overflow: hidden;
      align-self: flex-start; }
      .course-list-search .course-list .img-block img {
        width: 100%;
        object-fit: cover;
        object-position: center;
        transition: 0.2s all ease-out; }
    .course-list-search .course-list .content {
      display: flex;
      flex-direction: column;
      gap: 0.9375em;
      padding: 0.75em;
      flex: 1; }
    .course-list-search .course-list .title {
      font-size: 1.125em;
      font-weight: var(--ij-fw-bold);
      display: -webkit-box;
      max-width: 100%;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis; }
    .course-list-search .course-list .dec p {
      font-size: 0.875em;
      font-weight: var(--ij-fw-medium); }
      .course-list-search .course-list .dec p:last-child {
        margin-bottom: 0; }
    .course-list-search .course-list .completion {
      list-style: none;
      padding: 0;
      margin: 0; }
      .course-list-search .course-list .completion li {
        background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6.834' fill='%233C4852'%3e%3cpath d='M9.315 4.259 3.557 10.016a.417.417 0 0 1-.589 0h0L.741 7.788a.417.417 0 0 0-.589 0h0a.417.417 0 0 0 0 .589h0L2.378 10.6a1.253 1.253 0 0 0 1.771 0L9.905 4.849a.417.417 0 0 0 0-.589h0a.417.417 0 0 0-.589 0Z' transform='translate%28-0.028 -4.137%29' /%3e%3c/svg%3e") no-repeat left;
        background-size: 0.75em;
        padding-left: 1.125em;
        font-size: 0.875em;
        margin-bottom: 0.5em; }
    .course-list-search .course-list .apply-control {
      display: flex;
      flex-wrap: wrap;
      gap: 0.5em;
      padding-top: 0.5em;
      margin-top: auto; }
      .course-list-search .course-list .apply-control > .btn {
        display: flex;
        justify-content: center;
        align-items: center;
        width: min(180px, 100%);
        min-height: 3.25em;
        font-weight: var(--ij-fw-semibold);
        font-size: 0.875em;
        flex: 1;
        white-space: nowrap; }
    .course-list-search .course-list .course-contact {
      background-color: rgba(var(--ij-primary-rgb), 0.03);
      padding: 0.9375em; }
      @media (min-width: 768px) {
        .course-list-search .course-list .course-contact {
          grid-column: span 2; } }
      .course-list-search .course-list .course-contact .h5 {
        margin-bottom: 0.75em;
        font-size: 1.125em;
        font-weight: var(--ij-fw-semibold);
        text-align: center; }
      .course-list-search .course-list .course-contact .contact-list {
        list-style: none;
        margin: 0;
        padding: 0;
        font-size: 0.9375em;
        font-weight: var(--ij-fw-medium);
        line-height: 1.3;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 0.9375em;
        text-align: center; }

.course-list-wrap {
  display: grid;
  gap: clamp(0.9375em, 2.5vw, 1.5625em);
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); }
  .course-list-wrap a.course-list:hover .title {
    color: rgba(var(--ij-t-secondary-rgb), 1); }
  .course-list-wrap a.course-list:hover .img-block::before {
    animation: hoverShine 1.2s; }
@-webkit-keyframes hoverShine {
  100% {
    left: 125%; } }
@keyframes hoverShine {
  100% {
    left: 125%; } }
  .course-list-wrap .course-list {
    display: flex;
    flex-direction: column;
    box-shadow: 0 3px 3px -2px rgba(39, 44, 51, 0.1), 0 3px 4px 0 rgba(39, 44, 51, 0.04), 0 1px 8px 0 rgba(39, 44, 51, 0.02);
    border-radius: 0.5em;
    background-color: rgba(var(--ij-white-rgb), 1); }
    .course-list-wrap .course-list .img-block {
      border-radius: 0.5em;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
      overflow: hidden;
      position: relative; }
      .course-list-wrap .course-list .img-block::before {
        position: absolute;
        top: 0;
        left: -100%;
        display: block;
        content: '';
        width: 50%;
        height: 100%;
        background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
        background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.3)));
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
        transform: skewX(-25deg); }
      .course-list-wrap .course-list .img-block .badge-list {
        position: absolute;
        left: 0.5em;
        top: 0.5em;
        display: flex;
        flex-wrap: wrap;
        gap: 0.5em; }
        .course-list-wrap .course-list .img-block .badge-list > [class^="badge"], .course-list-wrap .course-list .img-block .badge-list > .btn-circle [class*=" badge"] {
          letter-spacing: 1px;
          text-transform: uppercase;
          font-size: 0.625em; }
      .course-list-wrap .course-list .img-block img {
        width: 100%;
        object-fit: cover;
        object-position: center;
        transition: 0.2s all ease-out;
        height: 140px; }
    .course-list-wrap .course-list .b-content {
      display: flex;
      flex-direction: column;
      gap: 0.9375em;
      padding: 0.625em 0.75em;
      flex: 1; }
    .course-list-wrap .course-list .content {
      display: flex;
      gap: 0.5em; }
    .course-list-wrap .course-list .content-left {
      display: flex;
      flex-direction: column;
      gap: 0.3125em;
      flex: 1; }
    .course-list-wrap .course-list .title {
      font-size: 1.0625em;
      font-weight: var(--ij-fw-semibold);
      margin-bottom: 0;
      display: -webkit-box;
      max-width: 100%;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis; }
    .course-list-wrap .course-list .c-fee {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 0.3125em;
      line-height: 1.3;
      margin-top: 0.5em; }
      .course-list-wrap .course-list .c-fee .total-fee {
        font-size: 1.125em;
        font-weight: var(--ij-fw-semibold); }
      .course-list-wrap .course-list .c-fee .processing-fee {
        font-size: 1em;
        color: rgba(var(--ij-t-primary-text-rgb), 0.7); }
    .course-list-wrap .course-list .c-info {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 0.3125em;
      line-height: 1.3; }
      .course-list-wrap .course-list .c-info .c-start {
        font-size: 0.875em;
        color: rgba(var(--ij-t-primary-text-rgb), 0.7);
        font-weight: var(--ij-fw-medium); }
    .course-list-wrap .course-list .apply-control {
      display: flex;
      flex-wrap: wrap;
      gap: 0.5em; }
      .course-list-wrap .course-list .apply-control > .btn {
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: var(--ij-fw-medium);
        font-size: 0.8125em;
        white-space: nowrap; }
    .course-list-wrap .course-list .f-content {
      padding: 0.625em 0.75em;
      border-top: 1px solid #dfe2e6; }
    .course-list-wrap .course-list .c-meta-wrap {
      display: flex;
      justify-content: space-between;
      gap: 0.5em; }
      .course-list-wrap .course-list .c-meta-wrap .c-meta {
        display: flex;
        gap: 0.5em;
        font-size: 0.875em;
        font-weight: var(--ij-fw-medium);
        color: rgba(var(--ij-t-primary-text-rgb), 0.7); }
        .course-list-wrap .course-list .c-meta-wrap .c-meta [class^="icon-"] svg, .course-list-wrap .course-list .c-meta-wrap .c-meta [class*=" icon-"] svg {
          color: rgba(var(--ij-t-primary-text-rgb), 0.7); }

.course-detail-wrap {
  display: flex;
  flex-direction: column;
  border-radius: 0.5em;
  background: rgba(var(--ij-white-rgb), 1);
  box-shadow: 0 0 2em #f0f4f7; }
  @media (min-width: 768px) {
    .course-detail-wrap {
      padding: clamp(1.875em, 1.5vw, 3.125em);
      gap: 1.875em; } }
  .course-detail-wrap .course-box {
    display: grid; }
    @media (min-width: 768px) {
      .course-detail-wrap .course-box {
        grid-template-columns: 1fr 280px;
        gap: 1.875em; } }
    @media (max-width: 767.98px) {
      .course-detail-wrap .course-box {
        grid-template-columns: 100%; } }
    @media (min-width: 768px) {
      .course-detail-wrap .course-box .img-block {
        order: 1; } }
    .course-detail-wrap .course-box .img-block {
      border-radius: 0.5em;
      overflow: hidden;
      align-self: flex-start;
      position: relative; }
      .course-detail-wrap .course-box .img-block .badge-list {
        position: absolute;
        left: 0.5em;
        top: 0.5em;
        display: flex;
        flex-wrap: wrap;
        gap: 0.5em; }
        .course-detail-wrap .course-box .img-block .badge-list > [class^="badge"],
        .course-detail-wrap .course-box .img-block .badge-list > .btn-circle [class*=" badge"] {
          letter-spacing: 1px;
          text-transform: uppercase;
          font-size: 0.625em; }
      @media (max-width: 767.98px) {
        .course-detail-wrap .course-box .img-block {
          border-bottom-left-radius: 0;
          border-bottom-right-radius: 0; } }
      .course-detail-wrap .course-box .img-block img {
        width: 100%;
        object-fit: cover;
        object-position: center;
        transition: 0.2s all ease-out; }
        @media (max-width: 767.98px) {
          .course-detail-wrap .course-box .img-block img {
            height: 168px; } }
    .course-detail-wrap .course-box .content {
      display: flex;
      flex-direction: column;
      gap: 0.9375em; }
      @media (max-width: 767.98px) {
        .course-detail-wrap .course-box .content {
          padding: clamp(1.875em, 1.5vw, 3.125em); } }
    .course-detail-wrap .course-box .cd-header {
      display: flex;
      flex-direction: column;
      gap: 0.625em;
      margin-bottom: 0.625em; }
    .course-detail-wrap .course-box .title {
      font-size: 2em;
      font-weight: var(--ij-fw-bold);
      margin-bottom: 0; }
    .course-detail-wrap .course-box .cd-meta-wrap {
      display: flex;
      flex-wrap: wrap;
      gap: 0.75em;
      line-height: 1.3; }
      .course-detail-wrap .course-box .cd-meta-wrap .cd-meta {
        display: flex;
        gap: 0.5em;
        font-size: 1em;
        font-weight: var(--ij-fw-medium);
        color: rgba(var(--ij-t-primary-text-rgb), 0.7); }
        .course-detail-wrap .course-box .cd-meta-wrap .cd-meta [class^="icon-"] svg,
        .course-detail-wrap .course-box .cd-meta-wrap .cd-meta [class*=" icon-"] svg {
          fill: rgba(var(--ij-t-primary-text-rgb), 0.7); }
    .course-detail-wrap .course-box .cd-fee {
      line-height: 1.3;
      margin-top: 15px; }
      .course-detail-wrap .course-box .cd-fee .fee-title {
        font-size: 1em;
        font-weight: var(--ij-fw-semibold);
        color: rgba(var(--ij-t-primary-text-rgb), 0.7); }
      .course-detail-wrap .course-box .cd-fee .total-fee {
        display: flex;
        font-size: 2em;
        font-weight: var(--ij-fw-semibold);
        color: rgba(var(--ij-t-secondary-text-rgb), 1); }
    .course-detail-wrap .course-box .cd-fee-info .fee-info {
      display: inline-flex;
      gap: 0.5em;
      font-weight: var(--ij-fw-medium);
      font-size: 0.875em;
      color: rgba(var(--ij-t-primary-text-rgb), 0.7);
      padding: 0.375em 0.75em;
      background-color: rgba(var(--ij-blue-rgb), 0.1);
      border-radius: 0.375em; }
      .course-detail-wrap .course-box .cd-fee-info .fee-info .icon-info-i {
        font-size: 1.25em; }
      .course-detail-wrap .course-box .cd-fee-info .fee-info svg {
        fill: rgba(var(--ij-blue-rgb), 0.7); }
    .course-detail-wrap .course-box .dec p {
      font-size: 1em;
      font-weight: var(--ij-fw-medium); }
      .course-detail-wrap .course-box .dec p:last-child {
        margin-bottom: 0; }
    .course-detail-wrap .course-box .fee-info-wrap {
      list-style: none;
      padding: 0;
      margin: 0;
      display: flex;
      flex-direction: column;
      gap: clamp(0.75em, 2.5vw, 1.125em); }
      .course-detail-wrap .course-box .fee-info-wrap .fee-info-list {
        display: flex;
        flex-direction: column;
        gap: clamp(0.25em, 2.5vw, 0.5em);
        line-height: 1.3; }
        .course-detail-wrap .course-box .fee-info-wrap .fee-info-list .title {
          font-size: 0.875em;
          margin-bottom: 0;
          font-weight: var(--ij-fw-semibold);
          text-transform: uppercase;
          display: flex;
          align-items: center;
          gap: 0.5em; }
          @media (max-width: 767.98px) {
            .course-detail-wrap .course-box .fee-info-wrap .fee-info-list .title {
              justify-content: center; } }
          .course-detail-wrap .course-box .fee-info-wrap .fee-info-list .title::before {
            content: '';
            background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6.834' fill='%23fff'%3e%3cpath d='M9.315 4.259 3.557 10.016a.417.417 0 0 1-.589 0h0L.741 7.788a.417.417 0 0 0-.589 0h0a.417.417 0 0 0 0 .589h0L2.378 10.6a1.253 1.253 0 0 0 1.771 0L9.905 4.849a.417.417 0 0 0 0-.589h0a.417.417 0 0 0-.589 0Z' transform='translate%28-0.028 -4.137%29' /%3e%3c/svg%3e") no-repeat center rgba(var(--ij-secondary-rgb), 1);
            background-size: 0.75em;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 1.125em;
            height: 1.125em;
            flex: 0 0 1.125em;
            padding: 0.25em;
            border-radius: 3.125rem; }
        .course-detail-wrap .course-box .fee-info-wrap .fee-info-list .dec {
          font-size: 0.875em;
          margin-bottom: 0;
          line-height: 1.5; }
          .course-detail-wrap .course-box .fee-info-wrap .fee-info-list .dec strong {
            font-weight: var(--ij-fw-semibold); }
    .course-detail-wrap .course-box .apply-control {
      display: flex;
      flex-wrap: wrap;
      gap: 0.5em;
      margin-top: 0.625em;
      width: min(480px, 100%); }
      .course-detail-wrap .course-box .apply-control > .btn {
        display: flex;
        justify-content: center;
        align-items: center;
        width: min(180px, 100%);
        min-height: 3.25em;
        font-weight: var(--ij-fw-semibold);
        font-size: 0.875em;
        flex: 1;
        white-space: nowrap; }
    .course-detail-wrap .course-box .learner-support .h5 {
      margin-bottom: 0.75em;
      font-size: 1.125em;
      font-weight: var(--ij-fw-semibold); }
    .course-detail-wrap .course-box .learner-support .contact-list {
      list-style: none;
      margin: 0;
      padding: 0;
      font-size: 0.9375em;
      font-weight: var(--ij-fw-medium);
      line-height: 1.3;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 0.9375em; }

.profile-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1.25em 1em;
  gap: 1em;
  background: rgba(var(--ij-primary-rgb), 0.03);
  border: 1px solid rgba(var(--ij-primary-rgb), 0.02);
  border-radius: 0.5em; }
  .profile-box .profile-img {
    width: 80px;
    height: 80px;
    border-radius: 3.125rem;
    overflow: hidden;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); }
  .profile-box .profile-content {
    display: flex;
    flex-direction: column;
    gap: 0.625em;
    text-align: center;
    width: 100%; }
    .profile-box .profile-content .title {
      font-size: 1em;
      font-weight: var(--ij-fw-semibold);
      margin-bottom: 0;
      text-transform: uppercase;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .profile-box .profile-content .instr-position {
      font-size: 0.875em;
      font-weight: var(--ij-fw-medium);
      color: rgba(var(--ij-t-primary-text-rgb), 0.7); }
    .profile-box .profile-content .btn-sm {
      font-size: 0.8125em;
      min-height: 2em;
      margin-top: 0.5em;
      margin-left: auto;
      margin-right: auto;
      width: min(120px, 100%); }

.programmes-details .programmes-card {
  display: flex;
  flex-direction: column;
  gap: clamp(1.25em, 2.5vw, 1.75em);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
  .programmes-details .programmes-card .img-block {
    border-radius: 0.5em;
    overflow: hidden; }
    .programmes-details .programmes-card .img-block img {
      width: 100%;
      object-fit: cover;
      object-position: center;
      transition: 0.2s all ease-out; }
  .programmes-details .programmes-card .p-card-body {
    display: flex;
    flex-direction: column;
    gap: clamp(0.75em, 2.5vw, 1.125em); }
    .programmes-details .programmes-card .p-card-body .cb-head {
      display: flex;
      flex-direction: column;
      gap: 0.75em; }
    .programmes-details .programmes-card .p-card-body .cb-body > :is(h1, h2, h3, h4, h5, h6) {
      font-size: 1.125em;
      text-transform: capitalize;
      font-weight: var(--ij-fw-bold);
      margin: 1.25em 0;
      color: var(--ij-t-primary-text); }
      .programmes-details .programmes-card .p-card-body .cb-body > :is(h1, h2, h3, h4, h5, h6):first-child {
        margin-top: 0; }
    .programmes-details .programmes-card .p-card-body .cb-body > :is(p) {
      font-size: 0.9375em;
      margin-bottom: 0.9375em;
      line-height: 1.8; }
    .programmes-details .programmes-card .p-card-body .cb-body > :is(strong) {
      font-weight: var(--ij-fw-semibold); }
    .programmes-details .programmes-card .p-card-body .cb-body > :is(ul, ol) {
      padding-left: 0.9375em; }
      .programmes-details .programmes-card .p-card-body .cb-body > :is(ul, ol) li {
        font-size: 0.9375em;
        margin-bottom: 0.9375em; }
  .programmes-details .programmes-card .p-meta {
    font-size: 0.8125em;
    font-weight: var(--ij-fw-semibold);
    color: #7A8B94;
    text-transform: uppercase;
    margin-bottom: 0; }
  .programmes-details .programmes-card .title {
    font-size: clamp(1.125em, 2.5vw, 1.25em);
    line-height: 1.3;
    font-weight: var(--ij-fw-semibold);
    margin-bottom: 0;
    transition: color ease .45s;
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; }
  .programmes-details .programmes-card a.title:hover {
    color: var(--ij-secondary); }
  .programmes-details .programmes-card .p-info-wrap {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: clamp(0.625em, 2.5vw, 0.9375em);
    padding: 1.125em;
    border-radius: 0.375em;
    background-color: rgba(var(--ij-primary-rgb), 0.03); }
    .programmes-details .programmes-card .p-info-wrap .p-info-list {
      display: grid;
      grid-template-columns: auto 1fr;
      gap: clamp(0.625em, 2.5vw, 0.9375em); }
      .programmes-details .programmes-card .p-info-wrap .p-info-list .icon {
        width: 1.25em;
        height: 1.25em;
        flex: 0 0 1.25em;
        border-radius: 3.125rem;
        padding: 0.25em;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: rgba(var(--ij-t-secondary-rgb), 1);
        font-size: 1.25em; }
        .programmes-details .programmes-card .p-info-wrap .p-info-list .icon svg {
          display: block;
          height: 100%;
          width: 100%;
          fill: rgba(var(--ij-white-rgb), 1); }
      .programmes-details .programmes-card .p-info-wrap .p-info-list .p-info {
        display: flex;
        flex-direction: column;
        gap: clamp(0.25em, 2.5vw, 0.5em);
        line-height: 1.3; }
        .programmes-details .programmes-card .p-info-wrap .p-info-list .p-info span {
          font-size: 0.875em;
          display: -webkit-box;
          max-width: 100%;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          overflow: hidden;
          text-overflow: ellipsis; }
        .programmes-details .programmes-card .p-info-wrap .p-info-list .p-info strong {
          font-size: 0.9375em;
          font-weight: var(--ij-fw-semibold); }

.form-content-grid {
  display: grid;
  grid-template-columns: 100%;
  gap: 0.9375em; }
  @media (min-width: 992px) {
    .form-content-grid.gtc-2 {
      grid-template-columns: repeat(2, 1fr); } }
  @media (max-width: 991.98px) {
    .form-content-grid.gtc-2 {
      grid-template-columns: 100%; } }
  @media (min-width: 992px) {
    .form-content-grid .gc-2 {
      grid-column: span 2; } }

.content-wrap-box {
  padding: 1.125em;
  border-radius: 0.375em;
  box-shadow: 0px 16px 32px 0px rgba(233, 238, 242, 0.4);
  background-color: rgba(var(--ij-white-rgb), 1); }

.courseDetailsWrap {
  display: flex;
  flex-direction: column;
  gap: 1.875em; }

.cd-card {
  display: flex;
  flex-direction: column;
  gap: 1.25em; }
  .cd-card .cd-card-head .title {
    font-size: 1.25em;
    font-weight: var(--ij-fw-bold);
    margin-bottom: 0; }
  .cd-card .cd-card-head .info {
    font-size: 0.875em;
    margin-bottom: 0;
    font-weight: var(--ij-fw-medium);
    margin-top: 0.5em; }
  .cd-card .cd-card-body .module-list-wrap {
    display: flex;
    flex-direction: column;
    gap: 0.9375em; }
    .cd-card .cd-card-body .module-list-wrap .module-list {
      padding: 1.125em;
      border-radius: 0.375em;
      box-shadow: 0px 16px 32px 0px rgba(233, 238, 242, 0.4);
      background-color: rgba(var(--ij-white-rgb), 1);
      display: flex;
      flex-direction: column;
      gap: 0.9375em; }
      .cd-card .cd-card-body .module-list-wrap .module-list .ml-head .title {
        font-size: 1.125em;
        font-weight: var(--ij-fw-semibold);
        margin-bottom: 0; }
      .cd-card .cd-card-body .module-list-wrap .module-list .ml-head .dec {
        font-size: 0.875em;
        font-weight: var(--ij-fw-medium);
        color: rgba(var(--ij-t-primary-text-rgb), 0.7);
        margin-top: 0.3125em;
        margin-bottom: 0; }
      .cd-card .cd-card-body .module-list-wrap .module-list .ml-body {
        color: rgba(var(--ij-t-primary-text-rgb), 0.8); }
        .cd-card .cd-card-body .module-list-wrap .module-list .ml-body :is(p,li) {
          font-size: 0.875em;
          font-weight: var(--ij-fw-medium);
          line-height: 1.8; }
        .cd-card .cd-card-body .module-list-wrap .module-list .ml-body .list-tick {
          list-style: none;
          padding: 0;
          margin: 0;
          display: flex;
          flex-direction: column;
          gap: 0.5em; }
          .cd-card .cd-card-body .module-list-wrap .module-list .ml-body .list-tick li {
            display: flex;
            gap: 0.5em; }
            .cd-card .cd-card-body .module-list-wrap .module-list .ml-body .list-tick li::before {
              content: '';
              background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6.834' fill='%233C4852'%3e%3cpath d='M9.315 4.259 3.557 10.016a.417.417 0 0 1-.589 0h0L.741 7.788a.417.417 0 0 0-.589 0h0a.417.417 0 0 0 0 .589h0L2.378 10.6a1.253 1.253 0 0 0 1.771 0L9.905 4.849a.417.417 0 0 0 0-.589h0a.417.417 0 0 0-.589 0Z' transform='translate%28-0.028 -4.137%29' /%3e%3c/svg%3e") no-repeat center rgba(var(--ij-black-rgb), 0.05);
              background-size: 0.75em;
              display: flex;
              justify-content: center;
              align-items: center;
              width: 1.125em;
              height: 1.125em;
              flex: 0 0 1.125em;
              padding: 0.25em;
              border-radius: 3.125rem;
              margin-top: 0.3125em; }

.courseSidebar {
  display: flex;
  flex-direction: column;
  gap: 1.875em; }
  @media (min-width: 992px) {
    .courseSidebar {
      position: sticky;
      top: 0.9375em;
      align-self: self-start; } }

.learnSkills {
  border: 1px solid #DDE6ED;
  border-radius: 0.5em;
  padding: 1.25em;
  display: flex;
  flex-direction: column;
  gap: 0.9375em; }
  .learnSkills .title {
    font-size: 1.25em;
    font-weight: var(--ij-fw-semibold);
    margin: 0; }
  .learnSkills .li-tick {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: 100%;
    gap: 0.9375em; }
    .learnSkills .li-tick.gc-2 {
      grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 1fr)); }
    .learnSkills .li-tick li {
      display: flex;
      gap: 0.75em;
      font-size: 0.9375em; }
      .learnSkills .li-tick li::before {
        content: '';
        background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6.834' fill='%233C4852'%3e%3cpath d='M9.315 4.259 3.557 10.016a.417.417 0 0 1-.589 0h0L.741 7.788a.417.417 0 0 0-.589 0h0a.417.417 0 0 0 0 .589h0L2.378 10.6a1.253 1.253 0 0 0 1.771 0L9.905 4.849a.417.417 0 0 0 0-.589h0a.417.417 0 0 0-.589 0Z' transform='translate%28-0.028 -4.137%29' /%3e%3c/svg%3e") no-repeat center;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 1.125em;
        height: 1.125em;
        flex: 0 0 1.125em;
        padding: 0.25em;
        border-radius: 3.125rem;
        margin-top: 0.3125em;
        opacity: 0.6; }

.learner-support {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
  padding: 1.25em;
  background: rgba(var(--ij-green-rgb), 0.04);
  border-radius: 0.375em; }
  .learner-support .title {
    font-size: 1.125em;
    font-weight: var(--ij-fw-bold);
    margin-bottom: 0; }
  .learner-support .dec {
    font-size: 0.9375em;
    margin-bottom: 0; }
  .learner-support .contact-list {
    list-style: none;
    margin: 0;
    margin-top: 0.5em;
    padding: 0;
    font-size: 0.875em;
    font-weight: var(--ij-fw-medium);
    line-height: 1.3;
    display: flex;
    flex-wrap: wrap;
    gap: 0.9375em; }
    .learner-support .contact-list li a {
      font-weight: var(--ij-fw-semibold); }
    .learner-support .contact-list li span:nth-child(2) {
      font-weight: var(--ij-fw-semibold); }

.courseDetailsModal .modal-footer .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 3.375em;
  flex: 1;
  font-size: 0.875em; }

.module-accordion {
  display: flex;
  flex-direction: column;
  gap: 1.5em; }
  .module-accordion .module-list {
    display: flex;
    flex-direction: column;
    border: 1px solid rgba(var(--ij-black-rgb), 0.08);
    border-radius: 0.375em;
    box-shadow: 0 3px 3px -2px rgba(39, 44, 51, 0.1), 0 3px 4px 0 rgba(39, 44, 51, 0.04), 0 1px 8px 0 rgba(39, 44, 51, 0.02); }
    .module-accordion .module-list .module-head {
      display: flex;
      justify-content: space-between;
      gap: 0.625em;
      align-items: center;
      padding: 0.75em 1em 0.75em 1.5em;
      border-radius: 0.375em;
      background-color: rgba(var(--ij-white-rgb), 1); }
      .module-accordion .module-list .module-head.module-toggle-collapse:not(.collapsed) {
        color: var(--ij-accordion-active-color);
        background-color: rgba(var(--ij-white-rgb), 1); }
        .module-accordion .module-list .module-head.module-toggle-collapse:not(.collapsed)::after {
          background-image: var(--ij-accordion-btn-active-icon);
          transform: var(--ij-accordion-btn-icon-transform); }
        .module-accordion .module-list .module-head.module-toggle-collapse:not(.collapsed) .title {
          color: rgba(var(--ij-t-secondary-text-rgb), 1); }
      .module-accordion .module-list .module-head.module-toggle-collapse::after {
        flex-shrink: 0;
        width: 1em;
        height: 1em;
        margin-left: auto;
        content: "";
        background-image: var(--ij-accordion-btn-icon);
        background-repeat: no-repeat;
        background-size: 1em;
        transition: var(--ij-accordion-btn-icon-transition); }
        @media (prefers-reduced-motion: reduce) {
          .module-accordion .module-list .module-head.module-toggle-collapse::after {
            transition: none; } }
      .module-accordion .module-list .module-head.module-plus-collapse:not(.collapsed) {
        color: var(--ij-accordion-active-color);
        background-color: rgba(var(--ij-secondary-rgb), 0.03); }
        .module-accordion .module-list .module-head.module-plus-collapse:not(.collapsed)::after {
          background-image: var(--ij-accordion-btn-active-minus);
          transform: var(--ij-accordion-btn-icon-transform); }
      .module-accordion .module-list .module-head.module-plus-collapse::after {
        flex-shrink: 0;
        width: 0.875em;
        height: 0.875em;
        margin-left: auto;
        content: "";
        background-image: var(--ij-accordion-btn-plus);
        background-repeat: no-repeat;
        background-size: 0.875em;
        transition: var(--ij-accordion-btn-icon-transition); }
        @media (prefers-reduced-motion: reduce) {
          .module-accordion .module-list .module-head.module-plus-collapse::after {
            transition: none; } }
      .module-accordion .module-list .module-head .icon-ply-line-i svg {
        fill: rgba(var(--ij-t-secondary-text-rgb), 1); }
      .module-accordion .module-list .module-head .title {
        font-size: 1.125em;
        font-weight: var(--ij-fw-semibold);
        margin-bottom: 0; }
      .module-accordion .module-list .module-head .c-module-meta {
        display: flex;
        flex-wrap: wrap;
        gap: 0.3125em 0.5em;
        line-height: 1.2; }
      .module-accordion .module-list .module-head .c-module-info {
        font-size: 0.6875em;
        font-weight: var(--ij-fw-bold);
        text-transform: uppercase;
        color: rgba(var(--ij-t-primary-text-rgb), 0.7);
        display: inline-block;
        letter-spacing: 1px; }
        .module-accordion .module-list .module-head .c-module-info.status-completed {
          color: rgba(var(--ij-green-rgb), 1); }
          .module-accordion .module-list .module-head .c-module-info.status-completed [class^="icon-"],
          .module-accordion .module-list .module-head .c-module-info.status-completed [class*=" icon-"] {
            padding: 2px;
            border-radius: 3.125rem;
            background-color: rgba(var(--ij-green-rgb), 1);
            transition: 350ms ease-in-out; }
            .module-accordion .module-list .module-head .c-module-info.status-completed [class^="icon-"] svg,
            .module-accordion .module-list .module-head .c-module-info.status-completed [class*=" icon-"] svg {
              fill: rgba(var(--ij-white-rgb), 1); }
      .module-accordion .module-list .module-head .c-dot {
        font-size: 0.6875em;
        font-weight: var(--ij-fw-bold);
        text-transform: uppercase;
        color: rgba(var(--ij-t-primary-text-rgb), 0.7);
        display: inline-block;
        letter-spacing: 1px; }
      .module-accordion .module-list .module-head .dec {
        font-size: 0.875em;
        font-weight: var(--ij-fw-medium);
        color: rgba(var(--ij-t-primary-text-rgb), 0.7);
        margin-top: 0.3125em;
        margin-bottom: 0; }
    .module-accordion .module-list .module-body {
      color: rgba(var(--ij-t-primary-text-rgb), 0.8); }
      .module-accordion .module-list .module-body :is(p, li) {
        font-size: 0.875em;
        font-weight: var(--ij-fw-medium);
        line-height: 1.8; }
      .module-accordion .module-list .module-body .section-list {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        flex-direction: column; }
        .module-accordion .module-list .module-body .section-list .status-completed .status {
          background-color: rgba(var(--ij-green-rgb), 1) !important; }
          .module-accordion .module-list .module-body .section-list .status-completed .status svg {
            fill: rgba(var(--ij-white-rgb), 1); }
        .module-accordion .module-list .module-body .section-list .status-unlock .status {
          background-color: rgba(var(--ij-orange-rgb), 1) !important; }
          .module-accordion .module-list .module-body .section-list .status-unlock .status svg {
            fill: rgba(var(--ij-white-rgb), 1); }
        .module-accordion .module-list .module-body .section-list .status-lock a {
          pointer-events: none; }
        .module-accordion .module-list .module-body .section-list .status-lock .status {
          background-color: rgba(var(--ij-orange-rgb), 0.5) !important; }
          .module-accordion .module-list .module-body .section-list .status-lock .status svg {
            fill: rgba(var(--ij-white-rgb), 1); }
        .module-accordion .module-list .module-body .section-list .status-default a {
          pointer-events: none; }
        .module-accordion .module-list .module-body .section-list .status-default .status {
          background-color: rgba(var(--ij-gray-rgb), 0.5) !important; }
          .module-accordion .module-list .module-body .section-list .status-default .status svg {
            fill: rgba(var(--ij-white-rgb), 1); }
        .module-accordion .module-list .module-body .section-list li {
          display: flex;
          gap: 0.75em;
          padding: 0.75em 1em 0.75em 1.5em;
          border-bottom: 1px solid #e9edf2;
          justify-content: space-between;
          align-items: center;
          font-size: 0.9375em; }
          .module-accordion .module-list .module-body .section-list li:last-child {
            border-bottom: 0; }
          .module-accordion .module-list .module-body .section-list li .status {
            font-size: 1.125em;
            padding: 0.5em;
            border-radius: 3.125rem;
            background-color: rgba(var(--ij-black-rgb), 0.02); }
          .module-accordion .module-list .module-body .section-list li .c-info {
            flex: 1;
            line-height: 1.3; }
          .module-accordion .module-list .module-body .section-list li .c-duration {
            font-weight: var(--ij-fw-semibold); }

/*# sourceMappingURL=online-courses.min.css.map */