body {
  --ij-body-bg:#f8f8f8; }

.p-list-section .profileList-wrap {
  display: grid; }
  @media (min-width: 992px) {
    .p-list-section .profileList-wrap {
      grid-template-columns: 300px calc(100% - 300px); } }
  @media (max-width: 991.98px) {
    .p-list-section .profileList-wrap {
      grid-template-columns: 100%; } }
.p-list-section .profile-box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: clamp(1.5625em, 2.5vw, 1.875em); }
  @media (min-width: 992px) {
    .p-list-section .profile-box {
      padding: 1.875em 2.5em;
      padding-right: 0; } }
  @media (max-width: 991.98px) {
    .p-list-section .profile-box {
      padding: 1.25em 0; } }
  .p-list-section .profile-box .profile-list {
    margin-bottom: auto; }

.profile-controls {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.9375em; }
  .profile-controls .title {
    font-size: 1.5em;
    font-weight: var(--ij-fw-bold);
    margin-bottom: 0; }
  .profile-controls .sort-box {
    display: flex;
    align-items: center;
    gap: 0.625em; }
    .profile-controls .sort-box .form-select {
      width: 150px; }
    .profile-controls .sort-box .lable,
    .profile-controls .sort-box .products-count {
      font-size: 0.8125em;
      font-weight: var(--ij-fw-medium); }
      @media (max-width: 991.98px) {
        .profile-controls .sort-box .lable,
        .profile-controls .sort-box .products-count {
          display: none; } }
  .profile-controls .products-nav {
    display: flex;
    align-items: center;
    gap: 0.625em;
    line-height: 1; }
    @media (max-width: 575.98px) {
      .profile-controls .products-nav {
        font-size: 16px; } }
    @media (min-width: 992px) {
      .profile-controls .products-nav {
        color: var(--ij-text-white); } }
    .profile-controls .products-nav .navlink {
      width: 2em;
      height: 2em;
      flex: 0 0 2em;
      border-radius: 100%;
      padding: 0.25em;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 0.8125em; }
      @media (min-width: 992px) {
        .profile-controls .products-nav .navlink {
          color: rgba(var(--ij-white-rgb), 0.5); }
          .profile-controls .products-nav .navlink:hover {
            color: rgba(var(--ij-white-rgb), 1); } }
      .profile-controls .products-nav .navlink [class^="xag-"],
      .profile-controls .products-nav .navlink [class*=" xag-"] {
        font-size: 0.625em; }
  .profile-controls .btn {
    font-weight: var(--ij-fw-semibold);
    font-size: 0.875em;
    display: flex;
    align-items: center;
    gap: 0.3125em; }
  .profile-controls .btn-link {
    color: rgba(var(--ij-t-secondary-rgb), 1); }
    .profile-controls .btn-link svg {
      fill: rgba(var(--ij-t-secondary-rgb), 1); }

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 2px rgba(var(--ij-black-rgb), 0.3); }
  70% {
    box-shadow: 0 0 0 10px rgba(var(--ij-black-rgb), 0); }
  100% {
    box-shadow: 0 0 0 2px rgba(var(--ij-black-rgb), 0); } }
@media (min-width: 992px) {
  [data-page="orders-details"] .page-header .c-head .goBack {
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgba(var(--ij-white-rgb), 1); } }

.p-detail-section {
  padding: clamp(0.9375em, 2.5vw, 1.875em) 0; }
  .p-detail-section .container {
    width: min(100%, 1320px);
    max-width: initial; }

.card-box {
  display: flex;
  flex-direction: column;
  gap: 1.5625em; }
  .card-box .box-footer {
    background: rgba(var(--ij-white-rgb), 1);
    padding: 0.625em 0.625em;
    border: 1px solid rgba(var(--ij-t-primary-rgb), 0.1);
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: sticky;
    bottom: 0;
    z-index: 1; }
    @media (max-width: 991.98px) {
      .card-box .box-footer {
        position: sticky;
        bottom: 0;
        z-index: 1; }
        .card-box .box-footer > * {
          flex: 1; } }
    .card-box .box-footer [class*="btn-"] {
      padding: 0.5rem 1rem;
      font-size: 1em;
      border-radius: 0.1875em;
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 0.5em;
      min-height: 2.5em;
      min-width: 11.25em; }
      .card-box .box-footer [class*="btn-"] [class^="xag-"],
      .card-box .box-footer [class*="btn-"] [class*=" xag-"] {
        font-size: 0.5em; }

.c-detail-wrap {
  display: grid;
  grid-template-columns: 100%; }

.c-delivery-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.625em;
  padding: 0.9375em;
  background-color: rgba(var(--ij-white-rgb), 1);
  box-shadow: 0 0 2em #f0f4f7;
  border-radius: 0.375em;
  margin-bottom: 1.25em;
  position: sticky;
  top: 0;
  z-index: 3; }
  .c-delivery-head .goBack {
    padding: 0;
    color: var(--ij-t-primary-text);
    background-color: transparent;
    border: 0;
    margin-right: 5px;
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center; }
    .c-delivery-head .goBack [class^="icon-"],
    .c-delivery-head .goBack [class*=" icon-"] {
      font-size: 2em;
      width: 2em;
      height: 2em;
      border-radius: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: rgba(var(--ij-black-rgb), 0.05); }
      .c-delivery-head .goBack [class^="icon-"]::before,
      .c-delivery-head .goBack [class*=" icon-"]::before {
        content: '';
        background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 10' fill='%233C4852'%3e%3cpath d='M14.8 8.159a.644.644 0 0 0-1.011 0L10.514 12A.656.656 0 0 1 9.5 12L6.224 8.159a.644.644 0 0 0-1.011.021.942.942 0 0 0 0 1.162l3.278 3.837a1.932 1.932 0 0 0 3.034 0h0L14.8 9.342A.941.941 0 0 0 14.8 8.159Z' transform='translate%28-7.915 15.012%29 rotate%28-90%29' /%3e%3c/svg%3e") no-repeat center;
        font-size: 0.75em;
        color: rgba(var(--ij-t-primary-text-rgb), 1);
        width: 0.875em;
        height: 0.875em;
        transform: rotate(180deg);
        padding: 2px;
        transition: 350ms ease-in-out; }
  .c-delivery-head .title {
    font-size: 1.375em;
    font-weight: var(--ij-fw-bold);
    margin-bottom: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    flex: 1; }
  .c-delivery-head .cs-duration {
    margin-bottom: 0;
    font-size: 1em;
    font-weight: var(--ij-fw-medium);
    color: rgba(var(--ij-t-primary-text-rgb), 0.7); }
  .c-delivery-head .d-status {
    display: flex;
    gap: 0.5em;
    font-size: 0.75em;
    letter-spacing: 0.0625em;
    font-weight: var(--ij-fw-semibold);
    align-items: center; }
    .c-delivery-head .d-status [class^="icon-"],
    .c-delivery-head .d-status [class*=" icon-"] {
      padding: 3px;
      border-radius: 3.125rem;
      background-color: rgba(var(--ij-black-rgb), 0.1);
      transition: 350ms ease-in-out; }
      .c-delivery-head .d-status [class^="icon-"] svg,
      .c-delivery-head .d-status [class*=" icon-"] svg {
        fill: rgba(var(--ij-white-rgb), 1); }
    .c-delivery-head .d-status.status-upcoming {
      color: var(--ij-orange); }
      .c-delivery-head .d-status.status-upcoming [class^="icon-"],
      .c-delivery-head .d-status.status-upcoming [class*=" icon-"] {
        background-color: rgba(var(--ij-orange-rgb), 1); }
    .c-delivery-head .d-status.status-active, .c-delivery-head .d-status.status-current {
      color: var(--ij-blue); }
      .c-delivery-head .d-status.status-active [class^="icon-"],
      .c-delivery-head .d-status.status-active [class*=" icon-"], .c-delivery-head .d-status.status-current [class^="icon-"],
      .c-delivery-head .d-status.status-current [class*=" icon-"] {
        background-color: rgba(var(--ij-blue-rgb), 1); }
    .c-delivery-head .d-status.status-completed {
      color: var(--ij-green); }
      .c-delivery-head .d-status.status-completed [class^="icon-"],
      .c-delivery-head .d-status.status-completed [class*=" icon-"] {
        background-color: rgba(var(--ij-green-rgb), 1); }
  .c-delivery-head .d-meta-info {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5em;
    margin-top: 0.3125em; }
    .c-delivery-head .d-meta-info .d-meta {
      display: flex;
      gap: 0.5em;
      font-size: 0.9375em;
      font-weight: var(--ij-fw-medium);
      color: rgba(var(--ij-t-primary-text-rgb), 0.7); }
      .c-delivery-head .d-meta-info .d-meta [class^="icon-"] svg,
      .c-delivery-head .d-meta-info .d-meta [class*=" icon-"] svg {
        color: rgba(var(--ij-t-primary-text-rgb), 0.7); }
  .c-delivery-head .d-description .course-name, .c-delivery-head .d-description .syllabus-name, .c-delivery-head .d-description .live-metting {
    font-size: 0.875em;
    font-weight: var(--ij-fw-medium);
    color: rgba(var(--ij-t-primary-text-rgb), 0.7);
    display: inline-flex;
    flex-wrap: wrap;
    gap: 0.3125em; }
    .c-delivery-head .d-description .course-name span, .c-delivery-head .d-description .syllabus-name span, .c-delivery-head .d-description .live-metting span {
      font-weight: var(--ij-fw-semibold); }
  .c-delivery-head .apply-control {
    margin-left: auto; }
  .c-delivery-head .apply-control {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5em;
    margin-top: 0.625em;
    width: min(390px, 100%); }
    .c-delivery-head .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; }

.c-delivery-info {
  display: grid;
  gap: 1.875em;
  padding: clamp(0.9375em, 2.5vw, 1.875em);
  background-color: rgba(var(--ij-white-rgb), 1);
  border-radius: 0.375em; }
  @media (min-width: 992px) {
    .c-delivery-info {
      grid-template-columns: 1fr 33.33333333%; } }
  @media (max-width: 991.98px) {
    .c-delivery-info {
      grid-template-columns: 100%; } }
  .c-delivery-info .c-head {
    display: flex;
    align-items: center;
    gap: 0.625em; }
    .c-delivery-info .c-head .goBack {
      padding: 0;
      color: var(--ij-t-primary-text);
      background-color: transparent;
      border: 0;
      margin-right: 5px;
      font-size: 12px;
      display: flex;
      justify-content: center;
      align-items: center; }
      .c-delivery-info .c-head .goBack [class^="icon-"],
      .c-delivery-info .c-head .goBack [class*=" icon-"] {
        font-size: 2em;
        width: 2em;
        height: 2em;
        border-radius: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: rgba(var(--ij-black-rgb), 0.05); }
        .c-delivery-info .c-head .goBack [class^="icon-"]::before,
        .c-delivery-info .c-head .goBack [class*=" icon-"]::before {
          content: '';
          background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 10' fill='%233C4852'%3e%3cpath d='M14.8 8.159a.644.644 0 0 0-1.011 0L10.514 12A.656.656 0 0 1 9.5 12L6.224 8.159a.644.644 0 0 0-1.011.021.942.942 0 0 0 0 1.162l3.278 3.837a1.932 1.932 0 0 0 3.034 0h0L14.8 9.342A.941.941 0 0 0 14.8 8.159Z' transform='translate%28-7.915 15.012%29 rotate%28-90%29' /%3e%3c/svg%3e") no-repeat center;
          font-size: 0.75em;
          color: rgba(var(--ij-t-primary-text-rgb), 1);
          width: 0.875em;
          height: 0.875em;
          transform: rotate(180deg);
          padding: 2px;
          transition: 350ms ease-in-out; }
    .c-delivery-info .c-head .title {
      font-size: 1.375em;
      font-weight: var(--ij-fw-bold);
      margin-bottom: 0;
      line-height: 1;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      flex: 1; }
  .c-delivery-info .info-left {
    display: flex;
    flex-direction: column;
    gap: 1.875em;
    padding-bottom: 1.875em; }
    @media (min-width: 992px) {
      .c-delivery-info .info-left {
        padding-right: 1.875em;
        border-right: 1px solid rgba(var(--ij-black-rgb), 0.05); } }
    @media (max-width: 991.98px) {
      .c-delivery-info .info-left {
        padding-bottom: 1.875em;
        border-bottom: 1px solid rgba(var(--ij-black-rgb), 0.05); } }
  .c-delivery-info .info-right {
    display: flex;
    flex-direction: column;
    gap: 1.875em;
    padding-bottom: 1.875em; }
    .c-delivery-info .info-right .cart-summary {
      display: flex;
      flex-direction: column;
      gap: 1.25em;
      background-color: rgba(var(--ij-white-rgb), 1);
      border-radius: 0.1875em; }
      .c-delivery-info .info-right .cart-summary .summary-head {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        align-items: center;
        gap: 0.3125em; }
        .c-delivery-info .info-right .cart-summary .summary-head .title {
          font-size: 1.125em;
          font-weight: var(--ij-fw-bold);
          margin-bottom: 0; }
        .c-delivery-info .info-right .cart-summary .summary-head .btn {
          margin-bottom: 0;
          line-height: 1;
          font-size: 0.8125em;
          color: var(--ij-t-secondary-text);
          background: rgba(var(--ij-t-primary-rgb), 0.08);
          font-weight: var(--ij-fw-bold); }
      .c-delivery-info .info-right .cart-summary .summary-body {
        flex-direction: column;
        gap: 0.75em;
        transition: height 0.35s ease-in-out;
        display: flex; }
      .c-delivery-info .info-right .cart-summary .pay-info {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 0.9375em;
        margin-bottom: 1.25em; }
        .c-delivery-info .info-right .cart-summary .pay-info .pay-method {
          aspect-ratio: 1/1;
          background: #eee;
          padding: 4px; }
        .c-delivery-info .info-right .cart-summary .pay-info .pay-label {
          display: flex;
          flex-direction: column;
          margin-bottom: 0; }
          .c-delivery-info .info-right .cart-summary .pay-info .pay-label .label-title {
            font-weight: var(--ij-fw-bold);
            font-size: 1.125em; }
          .c-delivery-info .info-right .cart-summary .pay-info .pay-label .label-text {
            color: var(--ij-t-secondary-text); }
      .c-delivery-info .info-right .cart-summary .form-label {
        display: flex;
        justify-content: space-between;
        margin-bottom: 0;
        font-size: 0.9375em;
        font-weight: var(--ij-fw-semibold); }
        .c-delivery-info .info-right .cart-summary .form-label .label-text {
          font-weight: var(--ij-fw-bold); }
        .c-delivery-info .info-right .cart-summary .form-label .info {
          display: block;
          font-size: 0.875em;
          color: rgba(var(--ij-t-primary-text-rgb), 0.6); }
        .c-delivery-info .info-right .cart-summary .form-label.label-footer {
          font-size: 1.125em;
          border-top: 1px solid rgba(var(--ij-black-rgb), 0.05);
          border-bottom: 1px solid rgba(var(--ij-black-rgb), 0.05);
          padding: 0.5em 0;
          font-weight: var(--ij-fw-bold); }
        .c-delivery-info .info-right .cart-summary .form-label.smart-save {
          color: var(--ij-green); }

.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); }

.quiz-support {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
  padding: 1.25em;
  background: url(../images/quiz-bg.svg) right top no-repeat rgba(var(--ij-yellow-rgb), 0.1);
  border-radius: 0.375em; }
  .quiz-support .title {
    font-size: 1.5em;
    font-weight: var(--ij-fw-bold);
    margin-bottom: 0; }
  .quiz-support .dec {
    font-size: 1em;
    font-weight: var(--ij-fw-medium);
    margin-bottom: 0; }
  .quiz-support .support-footer {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75em;
    margin-top: 0.75em; }
    .quiz-support .support-footer [class*="btn"] {
      border-radius: 0.1875em;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 1; }

.announcement-support {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
  padding: 1.25em;
  background: url(../images/announcement-bg.svg) right top no-repeat rgba(var(--ij-purple-rgb), 0.1);
  border-radius: 0.375em; }
  .announcement-support .title {
    font-size: 1.5em;
    font-weight: var(--ij-fw-bold);
    margin-bottom: 0; }
  .announcement-support .dec {
    font-size: 1em;
    font-weight: var(--ij-fw-medium);
    margin-bottom: 0; }
  .announcement-support .support-footer {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75em;
    margin-top: 0.75em; }
    .announcement-support .support-footer [class*="btn"] {
      border-radius: 0.1875em;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 1; }

.delivery-to {
  display: flex;
  flex-direction: column;
  gap: 1.125em; }
  .delivery-to .delivery-head {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.3125em; }
    .delivery-to .delivery-head .title {
      font-size: 1.125em;
      font-weight: var(--ij-fw-bold);
      margin-bottom: 0; }
    .delivery-to .delivery-head .exp-delivery {
      margin-bottom: 0;
      line-height: 1;
      font-size: 0.875em;
      color: var(--ij-green);
      background: rgba(var(--ij-green-rgb), 0.04);
      font-weight: var(--ij-fw-medium);
      padding: 0.25em 0.5em; }
  .delivery-to .address-card {
    width: 100%;
    position: relative;
    gap: 0.25em;
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
    line-height: 1.2; }
    .delivery-to .address-card .address-head {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 0.375em;
      align-items: center;
      position: relative;
      margin-bottom: 0.5em; }
      .delivery-to .address-card .address-head .a-name {
        font-size: 1em;
        font-weight: var(--ij-fw-semibold); }
      .delivery-to .address-card .address-head .a-type {
        margin-right: auto;
        display: flex;
        align-items: center;
        gap: 0.3125em;
        padding: 0.125em 0.625em;
        background-color: rgba(var(--ij-black-rgb), 0.1);
        color: var(--ij-primary-text);
        border-radius: 0.3125em;
        font-size: 0.75em;
        font-weight: var(--ij-fw-bold);
        text-transform: uppercase; }
    .delivery-to .address-card .a-detail {
      font-size: 0.9375em; }
    .delivery-to .address-card .a-phone {
      font-size: 0.9375em;
      margin-top: 0.5em; }
      .delivery-to .address-card .a-phone span {
        font-weight: var(--ij-fw-bold); }

.course-track {
  display: flex;
  flex-direction: column;
  gap: 1.25em;
  border-top: 1px dashed rgba(var(--ij-black-rgb), 0.1);
  padding-top: 1.875em; }
  .course-track .track-head .title {
    font-size: 1.125em;
    font-weight: var(--ij-fw-semibold);
    margin-bottom: 0.75em; }
  .course-track .track-list {
    width: 100%;
    position: relative;
    display: flex; }
    @media (min-width: 992px) {
      .course-track .track-list {
        justify-content: space-between; } }
    @media (max-width: 991.98px) {
      .course-track .track-list {
        flex-direction: column; } }
    .course-track .track-list[track-process="0"] > *.track-process::before, .course-track .track-list[track-process="0"] > *.track-process::after {
      background: rgba(var(--ij-danger-rgb), 1); }
    .course-track .track-list[track-process="1"] > *:is(:nth-child(1))::before, .course-track .track-list[track-process="1"] > *:is(:nth-child(1))::after {
      background: rgba(var(--ij-green-rgb), 1); }
    @media (min-width: 992px) {
      .course-track .track-list[track-process="1"] > *:nth-child(1)::before {
        width: 0%; } }
    @media (max-width: 991.98px) {
      .course-track .track-list[track-process="1"] > *:nth-child(1)::before {
        height: 0%; } }
    .course-track .track-list[track-process="1"] > *:nth-child(1):after {
      animation: pulse 2s infinite; }
    .course-track .track-list .track-process {
      position: relative;
      flex: 1; }
      @media (min-width: 992px) {
        .course-track .track-list .track-process {
          border-top: 3px solid rgba(var(--ij-primary-rgb), 0.1);
          padding-top: 0.9375em;
          text-align: center;
          padding: 0.9375em 0.5em 0; } }
      @media (max-width: 991.98px) {
        .course-track .track-list .track-process {
          border-left: 2px solid rgba(var(--ij-primary-rgb), 0.1);
          display: flex;
          align-items: center;
          padding: 0.9375em 0.9375em 0;
          padding-left: 1.5625em;
          min-height: 60px; } }
      @media (min-width: 992px) {
        .course-track .track-list .track-process:first-child {
          text-align: left;
          padding-left: 0; } }
      @media (max-width: 991.98px) {
        .course-track .track-list .track-process:first-child {
          align-items: flex-start;
          padding-top: 0; } }
      @media (min-width: 992px) {
        .course-track .track-list .track-process:first-child::after {
          left: 0; } }
      @media (max-width: 991.98px) {
        .course-track .track-list .track-process:first-child::after {
          top: 0; } }
      @media (min-width: 992px) {
        .course-track .track-list .track-process:first-child::before {
          border-bottom-left-radius: 100px;
          border-top-left-radius: 100px; } }
      @media (max-width: 991.98px) {
        .course-track .track-list .track-process:first-child::before {
          border-top-right-radius: 100px;
          border-top-left-radius: 100px; } }
      @media (min-width: 992px) {
        .course-track .track-list .track-process:last-child {
          text-align: right;
          padding-right: 0; } }
      @media (max-width: 991.98px) {
        .course-track .track-list .track-process:last-child {
          align-items: flex-end; } }
      @media (min-width: 992px) {
        .course-track .track-list .track-process:last-child::after {
          right: 0;
          left: auto; } }
      @media (max-width: 991.98px) {
        .course-track .track-list .track-process:last-child::after {
          top: auto;
          bottom: 0; } }
      @media (min-width: 992px) {
        .course-track .track-list .track-process:last-child::before {
          border-bottom-right-radius: 100px;
          border-top-right-radius: 100px; } }
      @media (max-width: 991.98px) {
        .course-track .track-list .track-process:last-child::before {
          border-bottom-right-radius: 100px;
          border-bottom-left-radius: 100px; } }
      .course-track .track-list .track-process::before {
        content: '';
        position: absolute; }
        @media (min-width: 992px) {
          .course-track .track-list .track-process::before {
            height: 0.1875em;
            width: 100%;
            top: -0.1875em;
            left: 0; } }
        @media (max-width: 991.98px) {
          .course-track .track-list .track-process::before {
            height: 100%;
            width: 0.1875em;
            top: 0;
            left: -0.1875em; } }
      .course-track .track-list .track-process::after {
        content: '';
        background: rgba(var(--ij-white-rgb), 1);
        position: absolute;
        border-radius: 100px; }
        @media (min-width: 992px) {
          .course-track .track-list .track-process::after {
            left: 50%;
            transform: translate(0, 50%);
            top: -0.96875em;
            height: 0.875em;
            width: 0.875em;
            border: 2px solid rgba(var(--ij-primary-rgb), 0.1); } }
        @media (max-width: 991.98px) {
          .course-track .track-list .track-process::after {
            top: 50%;
            transform: translate(50%, 0);
            left: -0.9375em;
            height: 0.875em;
            width: 0.875em;
            border: 1px solid rgba(var(--ij-primary-rgb), 0.1); } }
      .course-track .track-list .track-process span {
        font-size: 0.875em;
        font-weight: var(--ij-fw-semibold);
        line-height: 1;
        display: flex;
        flex-direction: column;
        gap: 0.3125em; }
        .course-track .track-list .track-process span small {
          color: rgba(var(--ij-primary-rgb), 0.7);
          font-weight: var(--ij-fw-medium); }
    .course-track .track-list .track-processbar {
      position: absolute;
      left: 0;
      top: 0;
      display: flex; }
      @media (min-width: 992px) {
        .course-track .track-list .track-processbar {
          width: 100%; } }
      @media (max-width: 991.98px) {
        .course-track .track-list .track-processbar {
          height: 100%; } }
      .course-track .track-list .track-processbar .processbar {
        background: rgba(var(--ij-green-rgb), 1);
        position: relative; }
        @media (min-width: 992px) {
          .course-track .track-list .track-processbar .processbar {
            width: 44%;
            height: 3px; } }
        @media (max-width: 991.98px) {
          .course-track .track-list .track-processbar .processbar {
            height: 44%;
            width: 3px; } }
        .course-track .track-list .track-processbar .processbar::after {
          content: '';
          background: rgba(var(--ij-green-rgb), 1);
          position: absolute; }
          @media (min-width: 992px) {
            .course-track .track-list .track-processbar .processbar::after {
              width: 2px;
              height: 8px;
              right: 0;
              top: 50%;
              transform: translateY(-50%); } }
          @media (max-width: 991.98px) {
            .course-track .track-list .track-processbar .processbar::after {
              height: 2px;
              width: 8px;
              left: 50%;
              bottom: 0;
              transform: translateX(-50%); } }
        .course-track .track-list .track-processbar .processbar .processinfo {
          background: rgba(var(--ij-green-rgb), 1);
          color: #fff;
          font-size: 12px;
          padding: 2px 5px;
          border-radius: 4px;
          position: absolute;
          min-width: 60px;
          text-align: center; }
          @media (min-width: 992px) {
            .course-track .track-list .track-processbar .processbar .processinfo {
              transform: translate(0, -30px);
              right: 0; } }
          @media (max-width: 991.98px) {
            .course-track .track-list .track-processbar .processbar .processinfo {
              transform: translate(26px, 0);
              bottom: 0; } }

.modal-form {
  display: flex;
  flex-direction: column;
  gap: 1.25em;
  padding: 0.9375em; }
  .modal-form .modal-f-head {
    padding-bottom: 0.625em; }
    .modal-form .modal-f-head .title {
      margin-bottom: 0;
      font-weight: var(--ij-fw-m);
      font-size: 1.125em; }
  .modal-form .modal-r-head {
    padding-bottom: 0.625em; }
    .modal-form .modal-r-head .product-card {
      position: relative;
      background: var(--ij-bg-white);
      display: flex;
      transition: all 0.15s ease-in-out;
      gap: 0.9375em; }
      .modal-form .modal-r-head .product-card .product-img {
        align-self: flex-start;
        border-radius: 0.3125em; }
        @media (min-width: 576px) {
          .modal-form .modal-r-head .product-card .product-img {
            flex: 0 0 72px; } }
        @media (max-width: 575.98px) {
          .modal-form .modal-r-head .product-card .product-img {
            flex: 0 0 52px; } }
        .modal-form .modal-r-head .product-card .product-img img {
          object-fit: contain;
          aspect-ratio: 1/1;
          width: 100%;
          transition: 350ms ease-in-out;
          max-height: 100px; }
      .modal-form .modal-r-head .product-card:hover .product-title a {
        color: var(--ij-primary-text-hover); }
      .modal-form .modal-r-head .product-card .product-body {
        flex: 1;
        display: flex;
        flex-direction: column;
        gap: 0.5em;
        overflow: hidden; }
        .modal-form .modal-r-head .product-card .product-body .product-title {
          font-size: 0.9375em;
          font-weight: var(--ij-fw-m);
          color: var(--ij-primary-text);
          margin-bottom: 0; }
          .modal-form .modal-r-head .product-card .product-body .product-title a {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            display: block;
            transition: all 0.15s ease-in-out; }
            .modal-form .modal-r-head .product-card .product-body .product-title a:hover {
              color: var(--ij-primary-text-hover); }
        .modal-form .modal-r-head .product-card .product-body .p-rating {
          display: flex;
          align-items: center;
          gap: 0.5em; }
          .modal-form .modal-r-head .product-card .product-body .p-rating .p-rating-star {
            display: flex;
            align-items: center;
            gap: 0.3125em;
            padding: 0.375em 0.75em;
            background-color: rgba(var(--ij-green-rgb), 1);
            color: var(--ij-text-white);
            border-radius: 1.25em;
            font-size: 0.875em;
            font-weight: var(--ij-fw-m);
            line-height: 1; }
            .modal-form .modal-r-head .product-card .product-body .p-rating .p-rating-star::before {
              content: attr(data-rating) ""; }
            .modal-form .modal-r-head .product-card .product-body .p-rating .p-rating-star [class^="xag-"],
            .modal-form .modal-r-head .product-card .product-body .p-rating .p-rating-star [class*=" xag-"] {
              font-size: 0.8125em; }
          .modal-form .modal-r-head .product-card .product-body .p-rating .p-rating-text {
            font-size: 0.8125em;
            color: var(--ij-secondary-text);
            font-weight: var(--ij-fw-m); }
  .modal-form .modal-r-body {
    display: flex;
    flex-direction: column;
    gap: 1.25em; }
    .modal-form .modal-r-body.p-account-form {
      border: 1px solid rgba(var(--ij-primary-rgb), 0.1);
      background: var(--ij-bg-white);
      transition: all 0.15s ease-in-out;
      border-radius: 5px;
      padding: 1.25em 1.25em;
      display: grid;
      gap: 2.5em; }
      .modal-form .modal-r-body.p-account-form .rate-form-box {
        display: grid;
        gap: 1.25em;
        width: min(100%, 500px); }
        .modal-form .modal-r-body.p-account-form .rate-form-box .title {
          margin-bottom: 0;
          font-weight: var(--ij-fw-m);
          font-size: 1.125em; }
    .modal-form .modal-r-body .rate-box-wrap {
      display: flex; }
    .modal-form .modal-r-body .rate-box {
      display: flex; }
      .modal-form .modal-r-body .rate-box .info {
        display: flex;
        align-items: center;
        font-size: 0.875em;
        font-weight: var(--ij-fw-b);
        color: var(--ij-primary-text); }
      .modal-form .modal-r-body .rate-box .rate-check-input {
        display: none; }
      .modal-form .modal-r-body .rate-box .rate-check-input:checked[type=radio] ~ .rate-check-label::before {
        content: "\e91c";
        color: rgba(var(--ij-primary-text-rgb), 1);
        pointer-events: none; }
      .modal-form .modal-r-body .rate-box .rate-check-input:hover ~ .rate-check-label::before {
        content: "\e91c" !important;
        color: rgba(var(--ij-primary-text-rgb), 1) !important; }
      .modal-form .modal-r-body .rate-box:hover .rate-check-label::before {
        content: "\e91b" !important;
        color: rgba(var(--ij-green-rgb), 1) !important; }
      .modal-form .modal-r-body .rate-box .rate-check-label {
        padding: 0 0.5em; }
        .modal-form .modal-r-body .rate-box .rate-check-label::before {
          content: "\e91b";
          font-size: 1.25em;
          color: rgba(var(--ij-green-rgb), 1);
          padding: 2px;
          transition: 350ms ease-in-out;
          width: 1em;
          height: 1em;
          transition: color 0.15s ease-in-out; }
  .modal-form .modal-f-body {
    display: flex;
    flex-direction: column;
    gap: 1.25em; }
    .modal-form .modal-f-body .form-check-group {
      display: flex;
      flex-direction: column;
      gap: 0.9375em; }

.file-custom .file-preview .clickable {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); }

@media (max-width: 991.98px) {
  .course-info .form-content {
    display: flex; } }
@media (max-width: 991.98px) {
  .course-info .form-content > * {
    flex: 1; } }
@media (max-width: 991.98px) {
  .course-info .form-content .form-label {
    flex: 0.5; } }
@media (max-width: 991.98px) {
  .course-info .form-content .form-dec {
    text-align: right; } }

.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; } }

.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; }

.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%); }

.Logs-list h6 {
  margin-bottom: 0; }
.Logs-list p {
  margin-bottom: 0; }

.course-gallery-list .course-gallery-card {
  display: flex;
  flex-direction: column;
  gap: clamp(0.9375em, 2.5vw, 1.25em);
  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; }
  .course-gallery-list .course-gallery-card .img-block {
    border-radius: 0.5em;
    overflow: hidden;
    position: relative; }
    .course-gallery-list .course-gallery-card .img-block::before, .course-gallery-list .course-gallery-card .img-block::after {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      transition: 0.2s all ease-out;
      background: linear-gradient(180deg, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.5) 100%);
      z-index: 1; }
    .course-gallery-list .course-gallery-card .img-block::after {
      background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.1) 100%);
      opacity: 0; }
    .course-gallery-list .course-gallery-card .img-block img {
      aspect-ratio: 1/.58;
      width: 100%;
      object-fit: cover;
      object-position: center;
      transition: 0.2s all ease-out; }
    .course-gallery-list .course-gallery-card .img-block .icon {
      width: 2.625em;
      height: 2.625em;
      flex: 0 0 2.625em;
      border-radius: 3.125rem;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 1em;
      position: absolute;
      right: 0.9375em;
      bottom: 0.9375em;
      z-index: 3; }
      .course-gallery-list .course-gallery-card .img-block .icon svg {
        display: block;
        height: 100%;
        width: 100%;
        fill: rgba(var(--ij-secondary-rgb), 1);
        position: relative;
        z-index: 2; }
@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1; }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0; } }
  .course-gallery-list .course-gallery-card:hover .img-block::after {
    opacity: 1; }
  .course-gallery-list .course-gallery-card:hover .img-block img {
    transform: scale(1.04); }
  .course-gallery-list .course-gallery-card:hover .icon:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 3.25em;
    height: 3.25em;
    background: rgba(var(--ij-white-rgb), 1);
    border-radius: 3.125rem;
    animation: pulse-border 1500ms ease-out infinite;
    z-index: 1; }
  .course-gallery-list .course-gallery-card .p-card-body {
    display: flex;
    flex-direction: column;
    gap: clamp(0.25em, 2.5vw, 0.5em); }
  .course-gallery-list .course-gallery-card .title {
    font-size: clamp(0.875em, 2.5vw, 1em);
    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; }
  .course-gallery-list .course-gallery-card a.title:hover {
    color: var(--ij-secondary); }
  .course-gallery-list .course-gallery-card .meta-info {
    font-size: 0.8125em;
    margin-bottom: 0;
    font-weight: var(--ij-fw-medium);
    color: rgba(var(--ij-t-primary-text-rgb), 0.7); }
  .course-gallery-list .course-gallery-card .dec {
    font-size: 0.8125em;
    margin-bottom: 0;
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; }

.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.5);
    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); }

.c-accordion {
  display: flex;
  flex-direction: column;
  gap: 1.5em; }
  .c-accordion .accordion-item {
    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); }
    .c-accordion .accordion-item .accordion-header .accordion-button {
      font-weight: var(--ij-fw-semibold);
      --ij-accordion-btn-bg: var(--ij-white); }
      .c-accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
        --ij-accordion-active-color: var(--ij-secondary);
        --ij-accordion-active-bg: var(--ij-white); }
      .c-accordion .accordion-item .accordion-header .accordion-button .icon-action-i svg {
        fill: currentColor; }
      .c-accordion .accordion-item .accordion-header .accordion-button .title {
        font-size: 1.125em;
        font-weight: var(--ij-fw-semibold);
        margin-bottom: 0; }
      .c-accordion .accordion-item .accordion-header .accordion-button .c-module-meta {
        display: flex;
        flex-wrap: wrap;
        gap: 0.3125em 0.5em;
        line-height: 1.2; }
      .c-accordion .accordion-item .accordion-header .accordion-button .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; }
        .c-accordion .accordion-item .accordion-header .accordion-button .c-module-info.status-completed {
          color: rgba(var(--ij-green-rgb), 1); }
          .c-accordion .accordion-item .accordion-header .accordion-button .c-module-info.status-completed [class^="icon-"],
          .c-accordion .accordion-item .accordion-header .accordion-button .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; }
            .c-accordion .accordion-item .accordion-header .accordion-button .c-module-info.status-completed [class^="icon-"] svg,
            .c-accordion .accordion-item .accordion-header .accordion-button .c-module-info.status-completed [class*=" icon-"] svg {
              fill: rgba(var(--ij-white-rgb), 1); }
      .c-accordion .accordion-item .accordion-header .accordion-button .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; }
      .c-accordion .accordion-item .accordion-header .accordion-button .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; }
    .c-accordion .accordion-item .accordion-body {
      --ij-accordion-bg: #f8f8f8; }

.quizModuleWrap {
  display: flex;
  flex-direction: column;
  gap: 0.9375em; }

.module-quiz-builder {
  display: flex;
  flex-direction: column; }
  .module-quiz-builder .module-list {
    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-quiz-builder .module-list:last-child {
      border-bottom: 0; }
    .module-quiz-builder .module-list .title {
      font-size: 1.125em;
      font-weight: var(--ij-fw-semibold);
      margin-bottom: 0; }
    .module-quiz-builder .module-list .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-quiz-builder .module-list .quiz-info {
      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;
      display: flex;
      flex-wrap: wrap;
      gap: 0.5em; }
    .module-quiz-builder .module-list .action-control > .btn {
      padding: 0;
      display: flex;
      align-items: center;
      gap: 0.5em; }
    .module-quiz-builder .module-list .action-control > .status {
      font-size: 1.125em;
      padding: 0.5em;
      border-radius: 3.125rem;
      background-color: rgba(var(--ij-black-rgb), 0.02); }

.status-completed .status {
  background-color: rgba(var(--ij-green-rgb), 1) !important; }
  .status-completed .status svg {
    fill: rgba(var(--ij-white-rgb), 1); }
.status-unlock .status {
  background-color: rgba(var(--ij-orange-rgb), 1) !important; }
  .status-unlock .status svg {
    fill: rgba(var(--ij-white-rgb), 1); }
.status-lock a {
  pointer-events: none; }
.status-lock .status {
  background-color: rgba(var(--ij-orange-rgb), 0.5) !important; }
  .status-lock .status svg {
    fill: rgba(var(--ij-white-rgb), 1); }

.stats-support {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
  padding: 1.25em;
  background: rgba(var(--ij-green-rgb), 0.04);
  border-radius: 0.375em; }
  .stats-support .title {
    font-size: 1.125em;
    font-weight: var(--ij-fw-bold);
    margin-bottom: 0; }
  .stats-support .dec {
    font-size: 0.9375em;
    margin-bottom: 0; }
  .stats-support .stats-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: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 0.9375em; }
    .stats-support .stats-list li {
      padding: 0.625em;
      background-color: rgba(var(--ij-green-rgb), 0.1);
      border-radius: 0.375em;
      display: flex;
      flex-direction: column;
      gap: 0.1875em; }
      .stats-support .stats-list li span {
        order: 1; }
      .stats-support .stats-list li a {
        font-weight: var(--ij-fw-semibold); }
      .stats-support .stats-list li span:nth-child(2) {
        font-weight: var(--ij-fw-bold);
        font-size: 2em;
        order: 0; }

.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=enrolled-courses-details.min.css.map */