/*------ v 1. Theme Basic v -------*/

@import url("https://fonts.googleapis.com/css2?family=Coda&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap");

:root {
  --primary-theme-color: #6429ec;
  --coda-font: Coda;
}

html {
  font-size: 10px;
}

body {
  font-family: "DM Sans", sans-serif;
  color: #2c2925;
  margin: 0;
  padding: 0;
}

.hidden
{
  display: none;
}

.mt-6pr
{
  margin-top: 6%;
}

.mt-8pr
{
  margin-top: 8%;
}

.mt-10pr
{
  margin-top: 10%;
}

.mt-20pr
{
  margin-top: 20%;
}

.mb-6pr
{
  margin-bottom: 6%;
}

.mb-8pr
{
  margin-bottom: 8%;
}

.mb-10pr
{
  margin-bottom: 10%;
}

.mb-20pr
{
  margin-bottom: 20%;
}


.bold-text { font-weight:bold; }

.bolder-text { font-weight:bolder; }

.border-top-light-gray { border-top:1px solid #CFD2D3; }

.border-orenge { border:1px solid orange; }

.dark-bg { background:#8e8e8e; }

.dark-text { background:#8e8e8e; }

.white-text { color:#fff!important; }

.orange-txt
{
  color: orange;
}

.font-size-14 { font-size:14px; }

.font-size-15 { font-size:15px; }

.font-size-16 { font-size:16px; }

.font-size-13 { font-size:13px; }

.font-weight-normal {
  font-weight: normal;
}

.black-bg { background:#000; }

.layout {
  background-color: #e0e0e0!important;
}

.gray-bg-color {
  background-color: #f8f8f8;
  padding-left: 30px;
  padding-right: 30px;
}

.gray-bottom-border {
  border-bottom: 0.1rem solid #cfd2d3;
}

.gray-text {
  color: #838889;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.heading {
  padding-top: 5rem;
  padding-bottom: 2.6rem;

  h2 {
    margin-bottom: 1.6rem;
  }

  p {
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
  }
}

.wrapper {
  background-color: #ffffff;
  margin-left: auto;
  margin-right: auto;
  max-width: 140rem;
  min-height: 100vh;
  position: relative;
  width: 100%;
}

.navbar {
  background-color: #f8f8f8;
  padding: 0;

  .navbar-brand {
    padding-right: 2rem;

    img {
      width: 14rem;
      transition: all 0.3s;
    }
  }

  .navbar-collapse {

    .nav-link,
    .dropdown-toggle,
    .dropdown-item {
      font-family: Coda;
      font-size: 1.6rem;
      color: #2c2925;
      padding: 3rem 1rem;
      text-decoration: none;
      text-transform: uppercase;
      transition: all 0.3s;

      &:hover {
        color: var(--primary-theme-color);
      }

      &.active {
        color: var(--primary-theme-color);
        border-bottom: 0.2rem solid var(--primary-theme-color);
      }
    }

    .navbar-right {
      .dropdown-toggle {
        padding: 1rem;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.3rem;
      }

      .dropdown-menu {
        padding: 0;

        .dropdown-item {
          padding: 1rem;

          &:hover {
            background-color: #ffffff;
          }
        }
      }
    }
  }

  &.shrink-navbar {
    .navbar-brand img {
      width: 10rem;
    }

    .navbar-collapse {

      .nav-link,
      .dropdown-toggle,
      .dropdown-item {
        padding: 2rem 1rem;
      }
    }
  }
}

header {
  .fit-image {
    width: 100%;
  }

  .hero-wrapper {
    position: relative;

    .hero-heading {
      position: absolute;
      bottom: 3rem;
      color: white;
      /* border-left: 0.2rem solid #fff800; */
      padding-left: 2rem;

      h1 {
        color: #ffffff;
        margin: 0;
      }

      p {
        color: #ffffff;
        font-family: Coda;
        font-size: 3.2rem;
        font-style: normal;
        font-weight: 400;
        line-height: 100%;
        margin: 0;
      }
    }
  }
}

.breadcrumb-wrapper {
  .breadcrumb {
    padding-top: 1rem;

    .breadcrumb-item {
      font-size: 2rem;

      a {
        text-decoration: none;
        font-family: Coda;
        color: #525656;
        text-align: center;
        font-size: 1.5rem;
        line-height: 100%;
        letter-spacing: 0.028rem;
        text-transform: uppercase;
      }

      &.active a {
        color: var(--primary-theme-color);
      }
    }
  }
}

footer {
  background-color: #2c2925;
  padding-top: 2rem;

  a,
  .value {
    color: #ffffff;
    font-size: 1.6rem;
    line-height: 180%;
    letter-spacing: 0.032rem;
    text-decoration: none;

    &:hover {
      color: #838889;
    }
  }

  .policy-social-links {
    border-top: 0.1rem solid #525656;
    border-bottom: 0.1rem solid #525656;
    margin-top: 5rem;

    .policy-links {
      a {
        color: #838889;
      }
    }
  }

  .contact-details {
    border-bottom: 0.1rem solid #525656;
    padding-bottom: 4rem;

    .title {
      color: #838889;
      font-family: Coda;
      font-size: 1.6rem;
    }
  }

  .footer-navigation {
    padding-top: 4rem;

    p {
      color: #838889;
      font-family: Coda;
      font-size: 1.6rem;
    }

    ul {
      padding: 0;

      li {
        list-style: none;
      }
    }
  }

  .address {
    margin-top: 6rem;
    margin-bottom: 5rem;

    span {
      color: #ffffff;
      font-size: 1.6rem;
      letter-spacing: 0.032rem;
      line-height: 160%;
      display: block;
    }
  }

  .location-btn {
    display: inline-block;
    border: 0.1rem solid #525656;
    padding: 1.6rem 2.4rem;

    &:hover {
      background-color: #ffffff;
      color: #2c2925;
    }
  }

  .copyright-text span {
    font-size: 1.6rem;
    font-style: normal;
    line-height: 160%;
    letter-spacing: 0.032rem;
    color: #838889;
  }
}


.menu-bar .static-top.navbar .menu-bar>.navbar-nav>li>a:hover,
.menu-bar .navbar-dark .navbar-nav>li>a:hover {
  text-decoration: Plain text !important;
  background: none !important;
  color: var(--primary-theme-color) !important;
}

.daterangepicker {
  .btn {
    display: inline-block;
    min-width: fit-content;
  }

  td.start-date.active,
  td.end-date.active {
    background-color: var(--primary-theme-color);

    &:hover {
      background-color: var(--primary-theme-color);
    }
  }
}

.red-text {
  color: #ff2439 !important;
}

.green-text {
  color: #00916e !important;
}

.btn {
  background-color: var(--primary-theme-color);
  color: #ffffff!important;
  border: 0.1rem solid var(--primary-theme-color);
  font-family: Coda;
  font-size: 1.6rem;
  line-height: 124%;
  letter-spacing: 0.036rem;
  text-transform: uppercase;
  display: flex;
  min-width: 22rem;
  padding: 1rem 3.5rem;
  /* justify-content: flex-end; */
  align-items: center;
  gap: 1rem;
  border-radius: 0;
  position: relative;
  width: fit-content;

  .arrow {
    right: 2rem;
    position: absolute;
    transition: all 0.15s ease;
    border: solid #ffffff;
    border-width: 0 0.2rem 0.2rem 0;
    display: inline-block;
    padding: 0.4rem;

    &.right {
      transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
    }
  }

  &:hover {
    border: 0.1rem solid #062dfd;
    background-color: #062dfd;
    color: #ffffff;

    .arrow {
      right: 1rem;
    }
  }

  &.without-outline {
    color: var(--primary-theme-color);
    border: 0.1rem solid #ffffff;
    background-color: #ffffff;

    .arrow {
      border: solid var(--primary-theme-color);
      border-width: 0 0.2rem 0.2rem 0;
    }
  }

  &.outline-btn {
    background-color: #fff;
    color: var(--primary-theme-color);

    .arrow {
      border: solid var(--primary-theme-color);
      border-width: 0 0.2rem 0.2rem 0;
    }
  }

  &.disabled {
    background-color: #cfd2d3;
    border: 0.1rem solid #cfd2d3;
  }
}

.modal-dialog {
  .modal-header {
    border-bottom: 0;
  }

  .modal-footer {
    border-top: 0;
  }
}

/*------ ^ 1. Theme Basic ^ -------*/


/*------ v 1.1 Hedings v -------*/

h1 {
  font-family: Coda!important;
  font-size: 4rem!important;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.096rem!important;
}

h2 {
  font-family: Coda!important;
  font-size: 3.6rem!important;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.072rem!important;
}

h3 {
  font-family: Coda!important;
  font-size: 2.8rem!important;
  font-style: normal;
  font-weight: 400;
  line-height: 124%!important;
  letter-spacing: -0.056rem!important;
}

/*------ ^ 1.1 Hedings ^ -------*/


/*------ v 2. Form General v -------*/

.form-group {
  margin-bottom: 3rem;
  position: relative;

  label {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 180%;
    text-transform: uppercase;
    margin-bottom: 1rem;
  }

  input,
  select {
    padding: 1rem 1.6rem;
    font-size: 1.8rem;
    line-height: 180%;
    position: relative;

    &.is-invalid[type="date"]::-webkit-calendar-picker-indicator {
      padding-right: 1.2rem;
    }

    &[type="file"]::-webkit-file-upload-button {
      display: none;
    }

    &[type="file"] {
      &::before {
        content: "Upload";
        position: absolute;
        color: #ffffff;
        background-color: #cfd2d3;
        right: 0.5rem;
        top: 0.5rem;
        padding: 1rem 1.5rem;
        font-family: Coda;
        font-size: 1.8rem;
        line-height: 124%;
        letter-spacing: 0.036rem;
        text-transform: uppercase;
      }

      &:valid::before {
        background-color: #6429ec;
      }
    }
  }

  .invalid-feedback {
    position: absolute;
    font-size: 1.2rem;
    margin-top: 0;
  }
}

.radio-input {
  margin-bottom: 3rem;

  >label {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 180%;
    text-transform: uppercase;
    margin-bottom: 1rem;
  }

  .radio-group {
    height: 100%;

    label {
      display: flex;
      justify-content: space-between;
      align-items: center;
      border: 0.1rem solid #cfd2d3;
      padding: 1.2rem 1.6rem;
      cursor: pointer;
      font-size: 1.6rem;
      gap: 2rem;
      line-height: 150%;
      height: 100%;
    }
  }
}

.form-check {
  display: flex;
  gap: 1.5rem;

  .form-check-input[type="checkbox"] {
    padding: 0.8rem;
    border-radius: 0;

    &:checked {
      background-color: var(--primary-theme-color);
      border-color: var(--primary-theme-color);
    }
  }
}

/*------ ^ 2.  Form General ^ -------*/

/*--- v Placeholder Style v-----*/

::placeholder {
  color: #CFD2D3!important;
  opacity: 1; /* Firefox */
}

::-ms-input-placeholder { /* Edge 12-18 */
  color: #CFD2D3!important;
}

input::placeholder {
  color: #CFD2D3!important; /* Change this to your desired color */
}
  
input::-webkit-input-placeholder { /* Chrome, Safari, Opera */
  color: #CFD2D3!important;
}

input::-moz-placeholder { /* Firefox 19+ */
  color: #CFD2D3!important;
}

input:-ms-input-placeholder { /* IE 10+ */
  color: #CFD2D3!important;
}

input::-ms-input-placeholder { /* Edge */
  color: #CFD2D3!important;
}

/*--- ^ Form Placeholder Style ^ -----*/


/*--- v Loader v -----*/

.loader-bg
{
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.6);
}

.loader-dim
{
  width: 50px;
  height: 50px;
  background-image: url(/page-loader2.png);
}


.on-boarding-loader, .loader-dim
{
  position: absolute;
  bottom: 45%;
  left: 45%;
}

/* Define the keyframes for the rotation */
@keyframes rotateLeft {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-360deg); /* Rotate 90 degrees to the left */
  }
}

/* Apply the animation to the div */
.loader-dim {
  animation: rotateLeft 2s infinite; /* 2 seconds duration, infinite loop */
}

.loader-txt
{
  font-size: 8px;
  color: #fff;
  position: absolute;
  top: -30px;
  left: 10px;
  z-index: 2;
  width:40px;
}


/*--- ^ Loader ^ -----*/


/*------ v 3.  Current & Upcoming Offerings v -------*/

.current-upcoming-offer {
  .company-list {
    margin-bottom: 9.7rem;

    .company-item {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      border-bottom: 0.1rem solid #cfd2d3;
      padding: 3.3rem 0;

      .company-details {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 3.2rem;

        .content {
          margin-right: 10rem;
          width: 76%;

          .company-header {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            gap: 2rem;

            .company-name {
              font-size: 1.8rem;
              font-style: normal;
              font-weight: 400;
              line-height: 180%;
            }

            .status {
              display: flex;
              padding: 0.2rem 0.4rem;
              justify-content: center;
              align-items: center;
              gap: 0.2rem;
              background-color: #d9eeff;
              font-size: 1.2rem;
              font-style: normal;
              font-weight: 500;
              line-height: 180%;
            }
          }

          .subscription-time {
            font-size: 1.6rem;
            font-style: normal;
            font-weight: 400;
            line-height: 150%;
            color: #838889;
          }

          .company-content {
            color: #525656;
            font-size: 1.6rem;
            font-style: normal;
            font-weight: 400;
            line-height: 150%;
            margin: 1.6rem 0;
          }
        }
      }
    }
  }

  .secondary-trade {
    padding-bottom: 7rem;

    .filters {
      margin-top: 4.8rem;
      margin-bottom: 4.8rem;
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 2rem;

      .tabs {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 1rem;

        a {
          text-align: center;
          text-decoration: none;
          padding: 0.8rem 2.4rem;
          font-size: 1.8rem;
          font-style: normal;
          font-weight: 400;
          line-height: 180%;
          background-color: #ffffff;
          border: 0.1rem solid #cfd2d3;

          &.active {
            background-color: var(--primary-theme-color);
            border: 0.1rem solid var(--primary-theme-color);
            color: #ffffff;
          }

          &:hover {
            border: 0.1rem solid #062dfd;
            background-color: #062dfd;
            color: #ffffff;
          }
        }
      }

      .search-bar {
        width: 30%;

        input {
          width: 100%;
          padding: 0.8rem 1.9rem;
          font-size: 1.8rem;
          font-style: normal;
          font-weight: 400;
          line-height: 180%;
          border: 0.1rem solid #cfd2d3;
        }
      }
    }

    .brand-list {
      .brand-item {
        background-color: #ffffff;
        padding: 4rem 2.6rem;
        height: 100%;

        .header {
          display: flex;
          justify-content: flex-start;
          align-items: center;
          gap: 1.2rem;

          .blur-card {
            img {
              width: 100%;
            }
          }

          /* .logo {
            width: 11.6rem;
            height: 11.6rem;
            border: 0.1rem solid #cfd2d3;
            display: flex;
          } */

          .title .brand-name {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            gap: 1rem;

            span {
              background-color: #f8f8f8;
              padding: 0.5rem 1.1rem;
              margin-bottom: 0.7rem;
              color: #838889;
              font-family: Coda;
              font-size: 1.5rem;
              font-style: normal;
              font-weight: 400;
              line-height: normal;
              letter-spacing: 0.042rem;
            }
          }

          .name {
            font-size: 1.8rem;
            font-style: normal;
            font-weight: 400;
            line-height: 180%;
          }

          .bond-details {
            font-size: 1.2rem;
            font-style: normal;
            font-weight: 400;
            line-height: 180%;
            color: #838889;
          }
        }

        .content {
          .brand-description {
            background-color: #f8f8f8;
            display: flex;
            padding: 1.8rem 1.8rem;
            flex-direction: column;
            align-items: flex-start;
            gap: 1rem;
            color: #525656;
            font-size: 1.4rem;
            font-style: normal;
            font-weight: 400;
            line-height: 180%;
            margin-top: 3.5rem;
          }

          .price-wrap {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin: 3.5rem 0;
            width: 100%;
            gap: 1.8rem;

            .title {
              color: #838889;
              text-align: center;
              font-family: Coda;
              font-size: 1.4rem;
              font-style: normal;
              font-weight: 400;
              line-height: 2rem;
              display: block;
            }

            .amount {
              color: var(--primary-theme-color);
              font-size: 1.8rem;
              font-style: normal;
              font-weight: 700;
              line-height: 180%;
            }

            .current-price {
              background-color: #f8f8f8;
              padding: 1.2rem 0;
              width: 100%;
              text-align: center;
            }

            .last-price {
              background-color: #f8f8f8;
              padding: 1.2rem 0;
              width: 100%;
              text-align: center;
            }
          }

          .last-round-wrap {
            padding: 1.1rem 0;
            border-top: 0.1rem solid #cfd2d3;

            .last-round-content {
              display: flex;
              justify-content: space-between;

              .title {
                color: #838889;
                font-size: 1.6rem;
                font-style: normal;
                font-weight: 500;
                line-height: 180%;
              }

              .round-date {
                font-size: 1.6rem;
                font-style: normal;
                font-weight: 400;
                line-height: 150%;
              }
            }

            .status {
              color: #838889;
              font-size: 1.4rem;
              font-style: normal;
              font-weight: 400;
              line-height: 180%;
            }
          }

          .sector-wrap {
            display: flex;
            justify-content: space-between;
            padding: 1.1rem 0;
            border-bottom: 0.1rem solid #cfd2d3;
            border-top: 0.1rem solid #cfd2d3;

            .title {
              color: #838889;
              font-size: 1.6rem;
              font-style: normal;
              font-weight: 500;
              line-height: 180%;
            }

            .sector {
              font-size: 1.6rem;
              font-style: normal;
              font-weight: 400;
              line-height: 150%;
            }
          }
        }

        .action-button {
          display: flex;
          justify-content: flex-end;
          padding-top: 3rem;
        }
      }
    }
  }

  .subscribe-offer {
    background-color: #f8f8f8;
    padding: 5.4rem 8rem 5.4rem 5.2rem;
    display: flex;
    justify-content: flex-start;
    gap: 5.2rem;

    .details-container {
      h3 {
        margin-bottom: 2.8rem;
        margin-top: 0;
      }

      .content {
        border-bottom: 0.1rem solid #cfd2d3;
        padding-bottom: 1.2rem;
        font-size: 1.6rem;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        color: #353d4a;
      }

      .buttons-section {
        p {
          font-size: 1.6rem;
          font-style: normal;
          font-weight: 400;
          line-height: 150%;
          color: #353d4a;
          margin-top: 3.2rem;
          margin-bottom: 0;
        }

        .download-buttons {
          display: flex;
          justify-content: flex-start;
          align-items: center;
          gap: 1rem;
        }
      }
    }
  }

  .trade {
    background-color: #f8f8f8;
    padding: 5.4rem 8rem;
    display: flex;
    justify-content: flex-start;
    gap: 5.2rem;

    .details-container {
      h3 {
        margin-bottom: 2.8rem;
        margin-top: 0;
      }

      .content {
        padding-bottom: 3rem;
        font-size: 1.6rem;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        color: #353d4a;
      }

      .buttons-section {
        p {
          font-size: 1.6rem;
          font-style: normal;
          font-weight: 400;
          line-height: 150%;
          color: #353d4a;
          margin-top: 3.2rem;
          margin-bottom: 0;
        }

        .download-buttons {
          display: flex;
          justify-content: flex-start;
          align-items: center;
        }
      }
    }
  }

  .help {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1.6rem;
    padding-bottom: 7.2rem;
    border-bottom: 0.1rem solid #cfd2d3;

    .help-item {
      border-radius: 0.4rem;
      border: 0.1rem solid #e2e8f0;

      .help-cover {
        background-color: #e2e8ee;
        border-radius: 0.4rem 0.4rem 0rem 0rem;
        display: flex;
        padding: 2.4rem 8.5rem 0;
        justify-content: center;
        align-items: center;
      }

      .details {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 1rem;
        padding: 1.2rem 1.6rem 1.6rem;

        span {
          color: #004c85;
          font-size: 1.4rem;
          font-style: normal;
          font-weight: 400;
          line-height: 2.4rem;
        }
      }
    }
  }

  .disclaimer {
    color: #838889;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
    margin: 9rem 0;
  }
}

.show-interest {
  .container {
    padding-top: 7rem;
    padding-bottom: 7rem;

    .left-block {
      display: flex;
      justify-content: center;
      align-items: center;

      .heading {
        padding-right: 5rem;
        padding-left: 5rem;
        padding-bottom: 5rem;

        p {
          margin-top: 3.6rem;
          font-size: 1.6rem;
          font-style: normal;
          font-weight: 400;
          line-height: 150%;
        }
      }
    }

    .right-block {
      .form-wrapper {
        padding: 5.5rem 7.1rem;
        background-color: #ffffff;

        h3 {
          color: var(--primary-theme-color);
          margin-bottom: 4.6rem;
        }

        .form-btn {
          display: flex;
          justify-content: flex-end;
          align-items: center;

          button,
          a {
            margin-top: 4rem;
          }
        }
      }
    }
  }
}

.modal-content {
  padding: 3rem 4rem;

  .modal-body {
    text-align: center;

    img {
      width: 8rem;
      height: 8rem;
      margin-bottom: 3rem;
    }

    h3 {
      color: var(--primary-theme-color);
    }

    p {
      font-family: "DM Sans";
      font-size: 1.4rem;
      font-style: normal;
      font-weight: 400;
      line-height: 180%;
    }

    button {
      display: inline-block;
      margin-top: 3rem;
    }
  }
}

.equity {
  .company-details {
    padding-top: 5rem;
    padding-bottom: 3rem;

    .card {
      justify-content: center;
      align-items: center;
      height: 100%;
    }

    .details {
      padding-left: 3rem;

      .header {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 3rem;
        margin-bottom: 0.5rem;

        .status {
          display: flex;
          padding: 0.2rem 0.4rem;
          justify-content: center;
          align-items: center;
          gap: 0.2rem;
          background-color: #d9eeff;
          font-size: 1.2rem;
          font-style: normal;
          font-weight: 500;
          line-height: 180%;
        }
      }

      h3 {
        color: #838889;
      }

      .content {
        font-size: 1.6rem;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        padding-top: 2.2rem;
        padding-bottom: 2.6rem;
      }
    }
  }

  .key-performance {
    padding-bottom: 6.4rem;
    padding-top: 6.4rem;

    h3 {
      margin-bottom: 3rem;
    }

    .indicators-wrap {
      text-align: center;
      background-color: #ffffff;
      padding: 2.5rem;

      .title {
        color: #838889;
        font-size: 1.8rem;
        font-style: normal;
        font-weight: 400;
        line-height: 180%;
      }

      .indicators {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 1.5rem;

        .value {
          font-family: Coda;
          font-size: 4.8rem;
          font-style: normal;
          font-weight: 400;
          line-height: normal;
          letter-spacing: -0.096rem;
        }

        .returns {
          display: flex;
          justify-content: center;
          align-items: center;
          flex-direction: column;

          span {
            font-size: 1.6rem;
            font-style: normal;
            font-weight: 400;
            line-height: 150%;

            &.profit {
              color: #00916e;
            }

            &.loss {
              color: #ff2439;
            }
          }
        }
      }
    }
  }

  .tab-wrapper {
    .nav {
      .nav-item {
        .nav-link {
          font-family: Coda;
          font-size: 1.8rem;
          font-style: normal;
          font-weight: 400;
          line-height: 124%;
          letter-spacing: 0.036rem;
          text-transform: uppercase;
          padding: 2.4rem 1.6rem;
          color: #2c2925;

          &.active {
            color: var(--primary-theme-color);
            background-color: #ffffff;
            border-bottom: 0.4rem solid var(--primary-theme-color);
            border-radius: 0;
          }
        }
      }
    }
  }

  .tab-content-wrapper {
    .trading-content {
      background-color: #ffffff;
      padding-bottom: 6rem;

      .table-heading {
        font-family: Coda;
        font-size: 2.8rem;
        font-style: normal;
        font-weight: 400;
        line-height: 124%;
        letter-spacing: -0.056rem;
        color: var(--primary-theme-color);
        margin-bottom: 1rem;
        padding-top: 6rem;
        display: flex;
        justify-content: space-between;
        align-items: center;

        span {
          justify-content: center;
          display: flex;
          align-items: center;
          gap: 0.5rem;

          img {
            width: 2.4rem;
          }

          small {
            font-size: 1.4rem;
            font-style: normal;
            font-weight: 400;
            line-height: 180%;
            color: var(--primary-theme-color);
          }
        }
      }

      .table-head {
        background-color: #f8f8f8;
        font-size: 1.6rem;
        font-style: normal;
        font-weight: 500;
        line-height: 180%;
        text-align: center;
        padding: 1rem;
      }

      .value {
        color: #353d4a;
        text-align: center;
        font-size: 1.6rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-align: center;
        padding: 1rem;

        &.decrease {
          color: #ff2439;
          display: flex;
          justify-content: center;
          align-items: center;
          gap: 1rem;

          img {
            width: 1.8rem;
          }
        }

        &.increase {
          color: #00916e;
          display: flex;
          justify-content: center;
          align-items: center;
          gap: 1rem;

          img {
            width: 1.8rem;
          }
        }
      }
    }

    .profile-content {
      .company-brief {
        margin-top: 5rem;
        padding-bottom: 3rem;
        background-color: #ffffff;

        h3 {
          margin-bottom: 3rem;
        }

        p {
          font-size: 1.6rem;
          font-style: normal;
          font-weight: 400;
          line-height: 150%;

          &.sub-heading {
            font-weight: 500;
            line-height: 180%;
          }
        }
      }

      .company-profile,
      .equity-profile,
      .contact-details {
        margin: 5rem 9rem;
        padding: 4rem 8rem;
        background-color: #ffffff;

        .details {
          .title {
            font-size: 1.6rem;
            font-style: normal;
            font-weight: 400;
            line-height: 150%;
            color: #838889;
            text-transform: uppercase;
          }

          .value {
            font-size: 1.8rem;
            font-style: normal;
            font-weight: 400;
            line-height: 180%;

            a {
              color: var(--primary-theme-color);
              text-decoration: none;
            }
          }
        }
      }

      .board-member,
      .top-management {
        background-color: #ffffff;
        padding: 6rem 13.5rem;
        border-bottom: 0.2rem solid #525656;

        h3 {
          padding-left: 5rem;
        }

        .user-details {
          display: flex;
          justify-content: flex-start;
          align-items: center;
          gap: 2rem;
          border-bottom: 0.1rem solid #cfd2d3;
          padding: 0 3.5rem 2rem 3.5rem;

          .details {
            .value {
              font-size: 1.6rem;
              font-style: normal;
              font-weight: 400;
              line-height: 150%;
              color: #838889;
              text-transform: uppercase;
            }

            .title {
              font-size: 1.8rem;
              font-style: normal;
              font-weight: 400;
              line-height: 180%;
            }
          }
        }
      }

      .subsidiaries {
        padding: 6rem 17rem;
        background-color: #ffffff;

        .details {
          position: relative;
          padding-bottom: 5rem;

          &::before {
            content: "";
            position: absolute;
            left: 0;
            top: -10%;
            width: 4rem;
            border-top: 0.5rem solid #64fba0;
          }

          .value {
            font-family: Coda;
            font-size: 3.6rem;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            letter-spacing: -0.072rem;
          }

          .company,
          .country {
            font-size: 1.6rem;
            font-style: normal;
            font-weight: 400;
            line-height: 150%;
            color: #838889;
          }
        }
      }
    }

    .news-disclosures-content {
      background-color: #ffffff;
      padding-bottom: 6rem;

      h3 {
        margin: 6rem 0;
      }

      .filter-fields {
        margin-bottom: 3rem;

        .form-btn {
          .btn {
            border: 0;
            padding: 1.2rem 1.6rem;
          }
        }

        .form-group {
          width: 100%;
          margin-bottom: 0;

          &.search-field {
            input[type="text"] {
              background: #fff url(/search.svg) no-repeat left 1rem center;
              padding-left: 4rem;
            }
          }

          &.date-range {
            input[type="text"] {
              background: #fff url(/calendar.svg) no-repeat left 1rem center;
              padding-left: 4rem;
            }
          }

          input {
            padding: 0.5rem 1rem 0.5rem;
            font-size: 1.8rem;
            line-height: 180%;
          }
        }

        .form-btn {
          button {
            justify-content: center;
          }
        }
      }

      .document-list {
        .document-item {
          display: flex;
          justify-content: space-between;
          align-items: center;
          padding: 1.5rem 0;

          .left-block {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            gap: 2rem;

            .document-details {
              .title {
                font-size: 1.8rem;
                font-style: normal;
                font-weight: 400;
                line-height: 180%;
              }

              .details {
                span {
                  font-size: 1.6rem;
                  font-style: normal;
                  font-weight: 400;
                  line-height: 150%;
                  color: #838889;
                  text-transform: uppercase;
                }
              }
            }
          }
        }
      }
    }

    .reports-content {
      background-color: #ffffff;
      padding-bottom: 6rem;

      .nav {
        margin-top: 5rem;
        margin-bottom: 3rem;

        .nav-item {
          margin-right: 2rem;

          .nav-link {
            font-family: Coda;
            font-size: 1.8rem;
            font-style: normal;
            font-weight: 400;
            line-height: 124%;
            letter-spacing: 0.036rem;
            text-transform: uppercase;
            padding: 1.2rem 2.6rem;
            border: 0.1rem solid #cfd2d3;
            border-bottom: none;
            color: #2c2925;

            &.active {
              color: #ffffff;
              background-color: var(--primary-theme-color);
              border-radius: 0;
              border: 0.1rem solid var(--primary-theme-color);
            }
          }
        }
      }

      .document-list {
        .document-item {
          display: flex;
          justify-content: space-between;
          align-items: center;
          padding: 1.5rem 0;

          .left-block {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            gap: 2rem;

            .document-details {
              .title {
                font-size: 1.8rem;
                font-style: normal;
                font-weight: 400;
                line-height: 180%;
              }

              .details {
                span {
                  font-size: 1.6rem;
                  font-style: normal;
                  font-weight: 400;
                  line-height: 150%;
                  color: #838889;
                  text-transform: uppercase;
                }
              }
            }
          }
        }
      }
    }
  }
}

/*------ ^ 3.  Current & Upcoming Offerings ^ -------*/

/*------ v 4.  Company Details / Equity v -------*/

.financial-details-form,
.company-details-form {
  padding: 5rem 20rem;

  h2 {
    margin-bottom: 4.5rem;
  }

  .form-group {
    margin-bottom: 3rem;
    position: relative;

    label {
      font-size: 1.6rem;
      font-weight: 500;
      line-height: 180%;
      text-transform: uppercase;
      margin-bottom: 1rem;
    }

    input {
      padding: 1rem 1.6rem;
      font-size: 1.8rem;
      line-height: 180%;
      position: relative;

      &.is-invalid[type="date"]::-webkit-calendar-picker-indicator {
        padding-right: 1.2rem;
      }

      &[type="file"]::-webkit-file-upload-button {
        display: none;
      }

      &[type="file"] {
        &::before {
          content: "Upload";
          position: absolute;
          color: #ffffff;
          background-color: #cfd2d3;
          right: 0.5rem;
          top: 0.5rem;
          padding: 1rem 1.5rem;
          font-family: Coda;
          font-size: 1.8rem;
          line-height: 124%;
          letter-spacing: 0.036rem;
          text-transform: uppercase;
        }

        &:valid::before {
          content: "Uploaded";
          background-color: #6429ec;
        }
      }
    }

    .invalid-feedback {
      position: absolute;
      font-size: 1.2rem;
      margin-top: 0;
    }
  }

  .form-btn {
    display: flex;
    justify-content: flex-end;
    align-items: center;

    button {
      margin-top: 3rem;

      &:disabled {
        background-color: #cfd2d3;
        border: 0.1rem solid #cfd2d3;
      }
    }
  }
}

.update-kyc-details {
  section {
    padding: 10rem 0;

    .details-container {
      h3 {
        margin-bottom: 2rem;
      }

      .content {
        border-bottom: 0.1rem solid #cfd2d3;
        padding-bottom: 1.2rem;
        font-size: 1.6rem;
      }

      .buttons-section {
        p {
          font-size: 1.6rem;
          margin-top: 3rem;
          margin-bottom: 0;
        }

        .download-buttons {
          display: flex;
          justify-content: flex-start;
          align-items: center;
          gap: 1rem;
        }
      }
    }
  }
}

.kyc-steps {
  section {
    padding: 5rem 20rem;

    .update-kyc-steps {
      h3 {
        color: var(--primary-theme-color);
        padding-bottom: 3rem;
      }

      .steps-wrapper {
        .doc-required-text {
          color: #ff2439;
          font-size: 1.6rem;
          line-height: 150%;
          display: flex;
          justify-content: flex-start;
          gap: 1rem;
          align-items: center;

          img {
            width: 1.8rem;
            height: 1.8rem;
          }
        }

        .step {
          border: 0.1rem solid #cfd2d3;
          padding: 1.2rem 2.8rem;
          display: flex;
          gap: 2.5rem;
          margin-bottom: 1.4rem;
          text-decoration: none;
          align-items: center;
          position: relative;

          &.completed::after {
            content: "";
            position: absolute;
            background: url(/green-round-check.svg) no-repeat;
            width: 2.6rem;
            height: 2.6rem;
            right: 4rem;
            background-size: contain;
          }

          &.pending {
            .title {
              color: #ff2439;
            }

            &::after {
              content: "";
              position: absolute;
              background: url(/required-icon.svg) no-repeat;
              width: 2.6rem;
              height: 2.6rem;
              right: 4rem;
              background-size: contain;
            }
          }

          .title {
            font-size: 1.8rem;
            line-height: 180%;
          }

          input[type="radio"] {
            visibility: hidden;
            height: 0;
            width: 0;
          }
        }
      }
    }
  }
}

.stepper-wrapper {
  display: flex;
  justify-content: center;
  margin-bottom: 4rem;
  margin-top: 5em;

  .stepper-item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 25%;
    color: #838889;
    text-align: center;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.096rem;
    text-transform: uppercase;

    &::before {
      content: "";
      line-height: 2.6rem;
      border-radius: 50%;
      width: 3rem;
      height: 3rem;
      color: #ffffff !important;
      /*      border: 0.3rem solid #FF7529;*/
      margin: 0 auto 1rem;
      background-color: #FF7529;
      z-index: 5;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    &::after {
      position: absolute;
      content: "";
      border-bottom: 0.3rem solid #cfd2d3;
      width: 100%;
      top: 1.5rem;
      left: 50%;
      z-index: 2;
    }

    &.active {
      &::before {
        content: "\2B24";
        color: #fff;
        border: 0.3rem solid #FF7529;
        font-size: 1.2rem;
        letter-spacing: normal;
      }
    }

    &.completed {
      &::before {
        content: "\2713";
        color: #fff;
        enable-background: #FF7529;
        border: 0.3rem solid #FF7529;
      }

      &::after {
        position: absolute;
        content: "";
        border-bottom: 0.3rem solid #FF7529;
        width: 100%;
        top: 1.5rem;
        left: 50%;
        z-index: 3;
      }
    }

    &:last-child::after {
      content: none;
    }
  }
}

.stpr-incomplete::before {
  background: #ccc !important;
}

.company-officials {
  padding-bottom: 5rem;

  h3 {
    color: var(--primary-theme-color);
    margin: 0;
  }

  .delete-modify-items,
  .add-items {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 0.5rem;
    text-decoration: none;

    img {
      width: 1.5rem;
      height: 1.5rem;
    }

    small {
      font-size: 1.4rem;
    }
  }

  .delete-modify-items {
    margin-bottom: 0.5rem;
    position: absolute;
    right: 0;
    top: 0.5rem;

    small {
      color: #ff2439;
    }
  }

  .add-items {
    small {
      color: var(--primary-theme-color);
    }
  }

  .main-container {
    padding-bottom: 6rem;
    margin-bottom: 6rem;

    .tables-wrapper {
      .main-table {
        position: relative;
        padding: 3rem 0 0 0;

        table {
          border: 0.1rem solid #cfd2d3;

          &.invalid-table {
            border: 0.1rem solid #ff2439;

            td {
              color: #ff2439;
            }
          }

          thead {
            tr {
              th {
                background-color: #f8f8f8;
                font-size: 1.2rem;
                font-weight: 400;
                line-height: 150%;
                text-align: center;
                padding: 1.5rem;
                color: #838889;
              }
            }
          }

          tbody {
            tr {
              td {
                background-color: #ffffff;
                font-size: 1.2rem;
                font-weight: 400;
                line-height: 150%;
                text-align: center;
                padding: 1.5rem;
              }
            }
          }

          .sub-table-section {
            background: rgba(100, 41, 236, 0.1);
            padding: 1rem 3rem 0rem 3rem;

            .sub-heading {
              font-size: 1.8rem;
              color: var(--primary-theme-color);
              text-align: left;
              margin-top: 2rem;
            }

            .sub-table {
              padding-bottom: 3rem;
              position: relative;
              padding: 3rem 0;

              table {
                margin-bottom: 0;
              }
            }

            .sub-table-note {
              display: flex;
              justify-content: space-between;
              align-items: center;
              padding: 1rem 0;

              span,
              small {
                color: var(--primary-theme-color);
                font-size: 1.4rem;
                line-height: 180%;
              }
            }
          }
        }
      }
    }
  }

  .form-btn {
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
}

/*------ ^ 4.  Company Details / Equity ^ -------*/

/*------ v 5.  Payments v -------*/

.payment-method {
  padding: 5rem 20rem;

  h2 {
    margin-bottom: 4.5rem;
  }

  .radio-input {
    .radio-group {
      padding: 2rem 1.6rem;

      .content {
        display: flex;
        flex-direction: column;
        gap: 2rem;

        .title {
          font-family: Coda;
        }

        .subtitle {
          color: #525656;
        }
      }
    }
  }

  .form-btn {
    display: flex;
    justify-content: flex-end;
    align-items: center;

    button,
    a {
      margin-top: 3rem;
    }
  }
}

.ivestor-card-form,
.bank-account-form,
.tax-declaration-form,
.professional-investor-form {
  padding: 5rem 20rem;

  h2 {
    margin-bottom: 4.5rem;
  }

  .investor-content {
    font-size: 1.6rem;
  }

  .investor-content-bg {
    color: var(--primary-theme-color);
    font-size: 1.6rem;
    background-color: rgba(100, 41, 236, 0.1);
  }

  .form-btn {
    display: flex;
    justify-content: flex-end;
    align-items: center;

    button,
    a {
      margin-top: 3rem;
    }
  }
}

.review-information {
  padding: 5rem 20rem;

  fieldset {
    padding: 2rem 3rem;

    .details {
      .title {
        padding-bottom: 1rem;
      }

      .value {
        font-size: 1.6rem;
      }
    }

    .main-container {
      padding-bottom: 4rem;

      .tables-wrapper {
        .main-table {
          padding: 2rem 0 0 0;

          table {
            border: 0.1rem solid #cfd2d3;

            thead {
              tr {
                th {
                  background-color: #f8f8f8;
                  font-size: 1.2rem;
                  line-height: 150%;
                  text-align: center;
                  font-weight: 400;
                  padding: 1.5rem;
                  color: #838889;
                }
              }
            }

            tbody {
              tr {
                td {
                  background-color: #ffffff;
                  font-size: 1.2rem;
                  line-height: 150%;
                  font-weight: 400;
                  text-align: center;
                  padding: 1.5rem;
                }
              }
            }

            .sub-table-section {
              background: rgba(100, 41, 236, 0.1);
              padding: 1rem 2rem 0rem 2rem;

              .sub-heading {
                font-size: 1.8rem;
                color: var(--primary-theme-color);
                text-align: left;
                margin-top: 2rem;
              }

              .sub-table {
                padding: 2rem 0;

                table {
                  margin-bottom: 0;
                }
              }
            }
          }
        }
      }
    }
  }

  .form-btn {
    display: flex;
    justify-content: flex-end;
    align-items: center;

    button,
    a {
      margin-top: 4rem;
    }
  }
}

.subscriptions-history {
  .brand-item {
    background-color: #ffffff;
    padding: 4rem 2.6rem;
    height: 100%;

    .header {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      gap: 1.2rem;

      .logo {
        width: 10rem;
        height: 10rem;
        display: flex;
      }

      .title .brand-name {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 1rem;

        span {
          background-color: #f8f8f8;
          padding: 0.5rem 1.1rem;
          margin-bottom: 0.7rem;
          color: #838889;
          font-family: Coda;
          font-size: 1.6rem;
          line-height: normal;
          letter-spacing: 0.042rem;
        }
      }

      .name {
        font-size: 1.8rem;
        font-style: normal;
        font-weight: 400;
        line-height: 180%;
      }
    }

    .content {
      .subscription-status {
        padding: 0.6rem 1rem;
        margin-top: 3rem;
        margin-bottom: 2rem;
        display: flex;
        justify-content: flex-start;
        gap: 1rem;
        align-items: center;
        border-radius: 2rem;

        img {
          width: 2.5rem;
        }

        span {
          font-size: 1.8rem;
          font-weight: 500;
          color: #ffffff;
        }

        &.completed {
          background-color: #00916e;
        }

        &.failed {
          background-color: #ff2439;
        }

        &.pending {
          background-color: #eab208;
        }
      }

      .subscription-price {
        width: 100%;
        margin: 1rem 0;
        display: flex;
        align-items: center;
        justify-content: space-between;

        .title {
          color: #838889;
          font-size: 1.6rem;
          font-weight: 500;
          line-height: 180%;
        }

        .amount {
          color: var(--primary-theme-color);
          font-size: 1.8rem;
          font-weight: 700;
        }
      }

      .subscription-date {
        display: flex;
        justify-content: space-between;

        .title {
          color: #838889;
          font-size: 1.6rem;
          font-weight: 500;
          line-height: 180%;
        }

        .date {
          font-size: 1.6rem;
          font-weight: 500;
          line-height: 150%;
        }
      }
    }

    .action-button {
      display: flex;
      justify-content: flex-end;
      padding-top: 3rem;
    }
  }
}

.company-profile-pre-listing {
  .company-details {
    .card {
      justify-content: center;
      align-items: center;
      height: 100%;
    }

    .details {
      .content {
        font-size: 1.6rem;
        line-height: 150%;
      }
    }
  }

  .company-links {
    a {
      background-color: #ffffff;
      padding: 2rem;
      display: block;
      font-size: 1.6rem;
      font-weight: 500;
      text-align: center;
      text-decoration: none;
      color: var(--primary-theme-color);
      margin: 3rem 0;

      img {
        padding-right: 1rem;
      }
    }
  }

  .details {
    .title {
      font-size: 1.6rem;
      font-style: normal;
      font-weight: 400;
      line-height: 150%;
      color: #838889;
      text-transform: uppercase;
    }

    .value {
      font-size: 1.8rem;
      font-style: normal;
      font-weight: 400;
      line-height: 180%;

      a {
        color: var(--primary-theme-color);
        text-decoration: none;
      }
    }
  }

  .doc-details {
    background-color: #ffffff;
    display: flex;
    gap: 1rem;
    padding: 1.5rem;

    .doc-cover {
      width: 7rem;
      height: 7rem;
    }

    .content {
      .title {
        font-size: 1.6rem;
        font-weight: 400;
        line-height: 180%;
      }

      a {
        color: var(--primary-theme-color);
        font-family: Coda;
        font-size: 1.6rem;
        line-height: 124%;
        letter-spacing: 0.036rem;
        text-transform: uppercase;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 0.5rem;
        text-decoration: none;
        padding-top: 1rem;

        img {
          width: 1.4rem;
        }
      }
    }
  }
}

.login {
  padding: 5rem 18rem;

  .col {
    background: url(/login-hero.jpg) no-repeat;
    background-position: right;

    .form-wrapper {
      padding: 5rem;
      background-color: #ffffff;
      width: 55%;

      .logo {
        width: 9.5rem;
        margin-bottom: 2rem;
      }

      h3 {
        margin-bottom: 2rem;
      }

      .input-link-wrap {
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 14px;
        line-height: 180%;

        label {
          color: #838889;
        }

        a {
          text-decoration: none;
          color: var(--primary-theme-color);
        }
      }

      .buttons-wrap {
        margin-top: 3rem;

        a.btn {
          justify-content: center;
          width: 100%;
          margin-bottom: 1.5rem;
        }

        .signup-link {
          font-size: 14px;
          color: #838889;
          line-height: 180%;
          text-align: center;

          a {
            color: var(--primary-theme-color);
          }
        }
      }
    }
  }
}


/*------ ^ 5.  Payments ^ -------*/

/* custom */
/* header button links*/
.btn-link {
  padding: 4px 12px !important;
  background-color: #FF7529;
  color: #fff !important;
  font-weight: 400;
  font-family: 'Coda';
  text-align: center;
  text-decoration: none;
}

.questionaire-main {
  min-height: 300px;
}

.image-container {
  width: auto !important;
  padding-bottom: 22px !important;
  padding-top: 6px !important;
}

.heading text-center {
  text-align: left;
  padding: 5.4rem 8rem 5.4rem 5.2rem;
}

.trade {
  .details-container {
    text-align: left !important;
  }
}

.heading {
  text-align: left !important;
}


/*  Nav bar correction - Deepak */

#navbar li a {
  float: left;
  color: #000!important;
  /* background:var(--primary-theme-color); */
  /* border: 1px solid var(--primary-theme-color); */
  text-align: center;
  display: block;
  padding: 6px 12px;
}

#navbar #search {
  display: none;
}

.btn-home-main2 {
  color: #000;
  background: #fff;
  border: 1px solid #000;
  text-align: center;
  display: block;
  float: left;
  padding: 6px 12px;
}

.navbar .custom-container {
  padding: .5rem 0rem;
}

#navbar .username {
  float: left;
  color: #6429EC;
  background: #fff;
  /* border: 1px solid #fff; */
  text-align: center;
  display: block;
  padding: 6px 12px;
}



#navbar ul li:last-child a {
  float: left;
  color: #6429EC!important; 
  background: #fff; 
  border: 1px solid #fff;
  text-align: center;
  display: block;
  /* padding: 0 !important; */
}

.navbar-dark .navbar-nav .show.dropdown-menu {
  background-color: #fff !important;
  border: 0px !important;
}

.nav-item .dropdown-toggle::after {
  margin-top: 16px;
}

#navbar .dropdown-menu {
  padding-left: 20px !important;
  padding-right: 20px !important;
  border: solid 1px #302ce1 !important;
  /* height: 46px !important; */
  clear: both;
}

/*  Nav bar correction - Deepak */


html[dir=ltr] li a {
  margin-left: 6px !important;
}

/*------ v 3. Current & Upcoming Offerings v ------*/

.hd-line-hold {
  width: 100%;
  height: 2px;
  float: left;
}


.hd-line {
  width: 74px;
  height: 2px;
  float: left;
  background: #FF7529;
}

/*------ v 4. Equity v ------*/

.eq-logo {
  position: relative;
  z-index: 1;
  height: 70px;
  /* width: 25%; */
  bottom: 89px;
}

.eq-hold {
  background: #F4F4F4;
}

.dfm-label1 {
  float: right;
  background-color: #B8A95D;
  font-size: 14px;
  color: #fff;
  padding: 6px 12px;
  margin: 12px 6px;
  flex: auto;
}


.goto {
  text-decoration: none;
}

.view-offer {
  text-decoration: none;
}

.goto::before {
  content: url(/Elements.png);
  align-content: center;
  position: relative;
  top: 5px;
  left: -6px;
}

.view-offer::before {
  content: url(/Document.png);
  position: relative;
  top: 5px;
  left: -6px;
}

.eq-lnk {
  width: 100%;
  text-align: left;
  margin: 16px 12px;
}

.eq-lnk a {
  margin-left: 20px;
}

.name {
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 180%;
  color: #000;
}

.text-general {
  color: #838889;
  font-size: 14px;
}

.mdl-sec1 {
  margin: 40px 0px;
}

.eq-about {
  margin-bottom: 40px;
}

.mdl-sec2 {
  float: left;
  border-top: 1px solid #ccc;
  padding-top: 60px;
  padding-bottom: 60px;
}

.mdl-sec2-ttl {
  text-align: center;
  color: #838889 !important;
}

.mdl-hold {
  margin: 0 auto;
}

.progress {
  display: flex;
  /*height: 27px!important;*/
  overflow: hidden;
  font-size: 13px;
  background-color: #e9ecef;
  border-radius: 0px!important;
  width: 100%;
  float: left;
  /*border: 1px solid #FF7529;*/
}

.progress-bar-reading {
  background-color: #FF7529;
  text-align: left;
  padding: 10px;
}

.progress-bar-empty {
  background-color: #EEF0F0;
  color: #8e8e8e;
  text-align: right;
  padding-left: 10px;
  padding: 10px;
}

.mdl-sec3 {
  float: left;
  border-top: 1px solid #ccc;
  padding-top: 60px;
  padding-bottom: 60px;
}

.eq-desc-lft {
  margin-bottom: 40px;
}

.kp-mods {
  width: 32.1%;
  background: #F8F8F8;
  color: #8e8e8e;
  text-align: center;
}

.mdl-sec4 {
  float: left;
  border-top: 1px solid #ccc;
  padding-top: 60px;
  padding-bottom: 60px;
}

.gray-bg {
  background-color: #F8F8F8;
}

.offeting div {
  float: left;
}

.offeting-ttl {
  width: 100%;
  color: #8e8e8e;
  text-transform: uppercase;
}

.offeting-txt {
  color: #000;
}

.mdl-sec5 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.res-invest-hld {
  padding-top: 40px;
  padding-bottom: 60px;
}

.strip {
  background: #2C2925;
  width: 65px;
  height: 96px;
  padding: 15px;
  padding-top: 37px;
  color: #fff;
  font-size: 40px;
  font-family: Coda;
  clip-path: polygon(0% 50%, 100% 0%, 100% 100%, 0% 100%);

}

.strp-hd {
  width: 100%;
  color: #2C2925;
  font-size: 16px;
  font-weight: bold;
}

.strp-descrption {
  width: 100%;
  font-size: 14px;
  color: #525656;
}


.custom-border-botton {
  border-bottom: 1px solid #ccc;
}

.custom-border-t {
  border-top: 1px solid #ccc;
}

.custom-border-t-b-b {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}


.col-tech-bx {
  width: 30%;
  padding: 2%;
  float: left;
  background: #fff;
  color: #000;
  border: 1px solid #ccc;
  min-height: 148px !important;
  margin-bottom: 1.5rem !important;
}

.col-tech-bx-active {
  width: 30%;
  padding: 2%;
  float: left;
  /* background: #FF7529; */
  background: #fff;
  color: #000;
  border: 1px solid #FF7529;
  min-height: 148px !important;
  margin-bottom: 1.5rem !important;
}

.col-tech-sep {
  width: 5%;
  float: left;
  height: 3px;
  margin-top: 6%;
  background: #ccc;
}

.col-tech-sep-active {
  width: 5%;
  height: 3px;
  float: left;
  margin-top: 6%;
  background: #FF7529;
}

.sub-hd1 {
  font-family: Coda;
  font-size: 15px;
  color: #18171A;
  font-weight: 500;
}

.sub-hd1::before {
  content: url(/dot-cmplt.png);
  width: 25px;
  height: 25px;
  top: 7px;
  left: -6px;
  position: relative;
}

/* .goto::before
{
  content: url(../images/icons/Elements.png);
  align-content: center;
  position: relative;
  top: 5px;
  left: -6px;
} */

.trch-desc {
  float: left;
  font-size: 11px;
  color: #525656;
  margin-left: 25px;
  margin-right: 25px;
}

.trch-prog-txt-rt {
  float: right;
  width: 45%;
  font-size: 11px;
  color: #525656;
  margin-top: 8px;
  text-align: right;
}

.trch-prog-txt-lt {
  width: 45%;
  float: left;
  font-size: 11px;
  color: #525656;
  margin-top: 8px;
}

.tranch-prog-bar-hld {
  float: left;
  width: 100%;
  height: 4px;
  background: #ccc;
  margin: 20px 0px 4px 0px;
}

.tranch-prog-bar {
  float: left;
  width: 60%;
  height: 4px;
  background: #FF7529;
}

.dot-prg {
  position: relative;
  top: -10px;
  float: right;
}

.sub-hd2 {
  font-family: Coda;
  font-size: 15px;
  color: #18171A;
  font-weight: 500;
}

.sub-hd2::before {
  content: url(/dot-prg.png);
  width: 25px;
  height: 25px;
  top: 7px;
  left: -6px;
  position: relative;
}

.sub-hd3 {
  font-family: Coda;
  font-size: 15px;
  color: #18171A;
  font-weight: 500;
}

.sub-hd3::before {
  content: url(/dot-unfinished.png);
  width: 25px;
  height: 25px;
  top: 7px;
  left: -6px;
  position: relative;
}

.bullet-progress {
  width: 80%;
  margin: 0 auto;
  background: #FF7529;
  height: 1px;
  margin-top: 35px;
}

.bullet-module-on-prog {
  position: relative;
  z-index: 1;
  top: -12px;
  width: 16.6%;
  height: 24px;
  text-align: center;
  background-image: url(/bullet-on-progress.png);
  background-repeat: no-repeat;
  background-position: 50% 0px;
}

.bullet-module-cmplt {
  position: relative;
  z-index: 1;
  top: -12px;
  width: 16.6%;
  height: 24px;
  text-align: center;
  background-image: url(/bullet-finished.png);
  background-repeat: no-repeat;
  background-position: 50% 0px;
}

.bullet-module-unfinished {
  position: relative;
  z-index: 1;
  top: -12px;
  width: 16.6%;
  height: 24px;
  text-align: center;
  background-image: url(/bullet-unfinished.png);
  background-repeat: no-repeat;
  background-position: 50% 0px;
}

.bullet-module-txt-hld {
  width: 80%;
  margin: 0 auto;
}

.bullet-module-txt-cover {
  float: left;
  width: 16.6%;
  text-align: center;
}

.bullet-module-hd {
  font-size: 12px;
  font-weight: 600;
  color: #000;
  float: left;
  width: 100%;
}

.bullet-module-txt {
  font-size: 12px;
  color: #838889;
}

.icon-text-button {
  background-color: #6429EC;
  font-family: Coda;
  font-size: 15px;
  font-weight: 400;
  color: #fff;
  padding: 6px 12px;
  border: none;
}

.margin-top-35 {
  margin-top: 35px;
}

.key-doc-container {
  width: 100%;
  float: left;
  margin-top: 20px;
}

.key-doc-hld {
  width: 100%;
  float: left;
  border-bottom: 1px solid #ccc;
  padding: 6px 0px;
}

.key-doc-lt {
  width: 50%;
  float: left;
}

.key-doc-rt {
  width: 50%;
  float: left;
  text-align: right;
}

.team-prof-pic {
  float: left;
  width: 58px;
  height: 58px;
  border-radius: 50px;
  background-image: url(/team-prof.jpg);
  background-size: cover;
}

.team-prof-desc {
  float: left;
}

.team-module {
  float: left;
  margin-top: 20px;
}

.team-member-name {
  color: #2C2925;
  font-size: 15px;
  font-weight: 600;
}

.team-member-detail {
  color: #838889;
}

.team-member-hld-lt {
  border-bottom: 1px solid #ccc;
  padding-bottom: 20px;
  width: 47%;
  margin-right: 2.5%;
  margin-bottom: 20px;
}

.team-member-hld-rt {
  border-bottom: 1px solid #ccc;
  padding-bottom: 20px;
  width: 47%;
  margin-left: 2.5%;
  margin-bottom: 20px;
}

.key-doc-name {
  font-size: 14px;
  margin-top: 10px;
  margin-left: 10px;
}

.cal-ico {
  float: left;
  margin-right: 10px;
}

.link-stl-1 {
  font-size: 16px;
  font-weight: 500;
  color: #6429EC;
  font-family: Coda;
  text-decoration: none;
}

.signinpage #content {
  display: none !important;
}

.columnBlockLayout {
  margin-top: 0px !important;
  margin-bottom: 60px !important;
  padding: 0px !important;
}

.img-responsive {
  width: 100%;
  height: auto;
}

.progress {
  margin-bottom: 60px;
}

.bull-prg-align {
  width: auto;
  margin: 0 auto;
}

.bullet-progress2 {
  width: 80%;
  margin: 0 auto;
  margin-top: 35px;
}

.bullet-module-txt-cover2 {
  text-align: center;
  text-transform: none;
}

.stepper-item {
  margin: 0px 6px;
}

/*----- EQ Logo correction ------*/

.eq-logo-hld
{
  position: absolute;
  top: 0px;
  left: 0px;
}

/*----- EQ Logo correction ------*/

footer .footer-bottom
{
  background-color: #2C2925!important;
}

/*------- ^ 4. Equity ^ ---------*/


/*----- v Equity Hero Section v ------*/

.eq-vd-hld
{
  /* .eq-vd-hld { width:100%; } */
  width:100%;
  height: 510px;
  overflow: hidden;
  padding: 0px;
}

.eq-vd-hld2
{
  overflow: hidden;
  padding: 0px;

  min-width: 100%;
  min-height: 100%;
  position: absolute;
  right: 0;
  bottom: 0;
}

 /* Style the video: 100% width and height to cover the entire window */
#myVideo {
  position: relative;
top: 0;
left: 0;
  min-width: 100%;
  padding: 0;
}

#myVideo2 {
  position: relative;
top: 0;
left: 0;
  min-width: 100%;
  padding: 0;
/*  min-height: 100%;*/
  height: auto;
}

/* Add some content at the bottom of the video/page */

.eq-hd-b-hld
{
  float: left;
}

.eq-client-hld {
  position: absolute;
  top: 35%;
  width: 100%;
/*  background: rgba(0, 0, 0, 0.5);
  color: #f1f1f1;
  padding: 20px;*/
}

.eq-client-hld2 {
  position: absolute;
  top: 30%;
  width: 100%;
/*  background: rgba(0, 0, 0, 0.5);
  color: #f1f1f1;
  padding: 20px;*/
}

.eq-client-det {
  position: relative;
  z-index: 1;
}

.text-general2
{
  margin-top: 100vh!important;
  float: left;
  font-size: 14px;
}

.navbar
{
  width: 100%;
  /* position: absolute;
  z-index: 1000; */
}

.eq-vd-hld
{
  margin-top: 60px!important;
}


/*----- ^ Hero Section ^ ------*/

/*-----v 6.Start Subscription Detail v ------*/

.subscrp-bnr
{
  position: absolute;
}

.subscr-bnr-caption-hld
{
  position: relative;
  z-index: 1;
/*  height: 458px;*/
  background: url(../images/subscription-det-bnr.png);
}

.subscr-bnr-caption
{
  position: relative;
  font-size: 32px;
  font-family: Coda;
  color: #fff;
  bottom: 60px;
  left:20px;
  z-index: 1000;
  width: 70%;
  border-left: 2px solid #FFF800;
  padding-left: 20px;
}

.m-0-a
{
  margin: 0 auto!important;
}

.subscp-amnt-cap
{
  font-size: 14px;
}

.bdr-cmn{ border:1px solid #ccc; }

.gray-bdr-bottom
{
  border-bottom: 1px solid #ccc;
}

.gray-bdr-top
{
border-top: 1px solid #ccc;
}

.border-common
{
  border:1px solid #ccc;
}

.subscr-bnr-caption-hld img { width:100%; }

.subscrb-inp-chk { width:10px; height:10px; }

.subscrp-agree { color:orange!important; }

.dfm-jade { color:#00916E; }

.subscrp-complete-mrg { margin-bottom:20px; }

.bg-border 
{ 
  background: url(/bg-border.png);
  background-repeat: repeat-x;
}

.white-strp
{
  background-color: #fff!important;
  float: left;
  margin-left: 45%;
}

/*----- ^ End 6. Subscription Detail ^ ------*/


/*----- v 7. Arena Top Menu Update v ------*/

.arena-market-update{
  font-size: 11px;
}

@media (min-width: 300px) and (max-width: 767px) 
{
  .total-volume, .total-value, .total-trades { display:none!important; }
  .dfmgi { border-right:1px solid #fff!important; }
}

@media (max-width: 767px)
{
    .market-watch-txt { display:block; }
}

@media (min-width: 300px) and (max-width: 767px) 
{
  .market-watch { display:block!important; }
  .market-watch-txt { display:none; }
  .market-watch-ico { margin-right:0px!important; }
}

.border-right { border-right:1px solid #CFD2D3; }

.mark-status-open
{
  /*background-color: #05DB5B;*/
  width: 10px;
  height: 10px;
}

.mark-drop { width:22px; height:20px; }

.tp-mnu-market { cursor:pointer; }

.dfmgi-status 
{ 
  width: 29px;
  height: 17px; 
  background-repeat: no-repeat;
}

.dfm-intrvl-dec
{
  color: #cf641c;
}


.market-watch-ico
{
  width: 24px;
  height: 25px;
  background-image: url(/market-watch.png);
}

.light-gray-bg { background:#CFD2D3; }


/* .market-watch-txt { color:#fff; } */

.tp-mnu-market
{
  position: relative;
}

.tp-mnu-market-popup
{
  position: absolute;
  left: 0px;
  z-index: 1001;
  min-width: 344px;
height: auto;
  border: 1px solid #ccc;
  background: #fff;
  top: 40px;
  display: none;
  /*transition: opacity 1s ease-in-out;*/
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.10);
}

@media (max-width: 820px)
{
  .dfmgi-status{ background-size: contain;}
}

.m-b-0
{
  margin-bottom: 0px!important;
}

.market-date { width:100%; }

.market-date { font-weight:800; color:orange; }

#dateTime { color:#000; font-weight:normal; }

.direct-deal { color:#000; font-weight:800; }

.stock-status { font-size:14px; }

@media (max-width: 375px)
{
    .tp-mnu-market-popup { width:100%; }
    .dfmgi-status { background-size: cover; }
}



/*----- ^ 7. Arena Top Menu Update ^ ------*/



/*----- v 8. Institutions Classification v ------*/


.op-inp-disabled input::placeholder {
  color: #6429EC !important;
  opacity: 1; /* Firefox */
}

.op-inp-disabled input::-webkit-input-placeholder { /* Chrome, Safari, Opera */
  color: #6429EC !important;
}

.op-inp-disabled input::-moz-placeholder { /* Firefox 19+ */
  color: #6429EC !important;
}

.op-inp-disabled input:-ms-input-placeholder { /* IE 10+ */
  color: #6429EC !important;
}

.op-inp-disabled input::-ms-input-placeholder { /* Edge */
  color: #6429EC !important;
}


.inst-class-succ-btn-hld
{
  width: 100%;
}

.inst-class-succ-btn-hld .btn{
  display: block !important;
}


/*----- ^ 8. Institutions Classification ^ ------*/

/*----- v 9. Landing Page Before Login v^ ------*/

.arena-market-update
{
  font-family: Coda!important;
  font-size: 16px;
  font-weight: 400;
}

.purple-text { color:#6429EC!important; }

.black-text { color:black; }

.new-offer { color:#fff; font-size:14px; background: #6429EC; }

@media (min-width: 576px) and (max-width: 1605px) 
{
  .arena-market-update * { font-size:12px!important; }
  
}

/*.landing-banner 
{ 
  max-height:554px;
  background-image: url(../images/landing-page-images/landing-banner.png); 
width: 100%;
float: left;
height: 555px;
background-size: cover;
background-repeat: no-repeat;
background-position: 0px 49%;
}*/

.landing-banner {
    background-image: url('/landing-banner.png');
    background-size: cover; /* Ensures the image covers the entire div */
    background-position: center; /* Centers the image */
    background-repeat: no-repeat; /* Prevents the image from repeating */
}

.landing-banner {
    width: 100%; /* Makes the div take up the full width of its container */
    height: auto; /* Adjusts the height automatically */
    max-width: 100%; /* Ensures the div doesn't exceed the container's width */
}

@media (max-width: 768px) {
    .landing-banner {
        height: 300px; /* Example height for smaller screens */
    }
}

@media (min-width: 769px) {
    .landing-banner {
        height: 500px; /* Example height for larger screens */
    }
}

.banner-captions-hld
{
width: 100%;
margin-top: 20%;
}

.stock-scroll-hld
{
background: #F5F5F5;
max-height: 108px;
height: 108px;
overflow: hidden;
/* white-space: nowrap; */
position: relative;
}

.stock-module
{
  font-family: 'Coda'!important;
  background:#fff;
  overflow: hidden;
  height: 79px;
  display: inline-block;
}

.stock-logo
{
  max-height: 48px;
  max-width: 48px;
  overflow: hidden;
  height: 48px;
}

.stock-logo img
{
 height: 100%;
}

.stock-stat
{
  height: 48px;
}

.stock-name
{
  font-size: 16px;
  vertical-align: middle;
  line-height: 17px;
  height: 31px;
  text-align: left;
}

.stock-price, .stock-value-txt
{
  height: 48%;
  vertical-align: middle;
}

.stock-value-txt
{
  font-size: 12px;
}

.stock-price
{
  font-size: 16px;
}

.banner-main-heading
{
  font-size: 48px;
  color: #fff;
  font-weight: 400;
}

.banner-main-heading-line
{
  width: 100%;
  height: 4px;
}

.banner-main-heading-line-strp
{
  width: 8%;
  height: 4px;
  background-color: #FFF800;
}

.main-banner-text
{
  font-size: 18px;
  color: #fff;
  font-weight: 300;
  font-family: "DM Sans", sans-serif;
}

.btn-white-transparent
{
  border: 1px solid #fff;
  background-color: rgba(255, 255, 255, 0.0);
}

@media (max-width: 768px) {
    .banner-captions-hld
    {
    margin-top: 6%;
    }
}

.bnr-btn-adjst
{
  display: block;
  text-align: right;
  /* border: 1px solid var(--primary-theme-color)!important; */
}

.main-page-heding1-black
{
  color: #000;
  font-weight: 400;
  font-size: 36px!important;
}

.mt-2pr
{
  margin-top: 2%;
}

.mb-2pr
{
  margin-bottom: 2%;
}

.mt-4pr
{
  margin-top: 4%;
}

.mb-4pr
{
  margin-bottom: 4%;
}

.pb-4pr
{
  padding-bottom: 4%;
}

.border-bottom-gray
{
  border-bottom: 1px solid #ccc;
}


.border-bottom-black
{
  border-bottom: 1px solid #000;
}

/*.mdl-module-hld
{
  width: 100%;
}*/

.lading-investor
{
  background-image: url('/investors.png');
  background-size: cover; /* Ensures the image covers the entire div */
  background-position: center; /* Centers the image */
  background-repeat: no-repeat; /* Prevents the image from repeating */
  min-height: 440px;
}

.lading-issuers
{
  background-image: url('/issuers.png');
  background-size: cover; /* Ensures the image covers the entire div */
  background-position: center; /* Centers the image */
  background-repeat: no-repeat; /* Prevents the image from repeating */
  min-height: 440px;
}

.lading-investor, .lading-issuers
{
  width: 100%;
  color: #fff;
  font-size: 16px;
  position: relative;
  line-height: 34px;
  font-weight: 300;


  ul {
    list-style-type: none; /* Remove default bullets */
    padding: 0;
      }

      li {
          position: relative;
          padding-left: 20px; /* Adjust padding to make space for the line */
      }

      li::before {
          content: "";
          position: absolute;
          left: 0;
          top: 50%;
          transform: translateY(-50%);
          width: 15px; /* Length of the line */
          height: 4px; /* Thickness of the line */
          background-color: white; /* Color of the line */
      }

}

.content-hld { position:absolute; bottom:16px; min-height: 262px; }

.landing-tab
{
  font-family: 'Coda';
}

.landing-tab .nav-link
{
  font-size: 24px;
  font-weight: 400;
  color: #000!important;
  background-color: #fff!important;
  border: 0px;
}

.landing-tab .nav-link.active
{
  border-bottom: 4px solid #6429EC;
  color: #6429EC!important;
}

.gray-top-border
{
  border-top: 1px solid #ccc;
}

.tab-content, .tab-pane
{
  background: #F8F8F8;
}

.nav-tabs { border-bottom:0px; }

#pills-p-offering .active { background:#6429EC!important; font-size:18px; color:#fff; }

#pills-p-offering a { font-size:18px; color: #000; border: 1px solid #CFD2D3; background: #fff;}

#pills-p-offering .nav{ background:#F8F8F8; }

.pill-search { background:#F8F8F8; }

.pt-4pr
{
  padding-top: 4%;
}

.pt-2pr
{
  padding-top: 2%;
}

.pb-2pr
{
  padding-bottom: 2%;
}

.white-bg
{
  background: #fff;
  color: #000;
}



#Pills-content .brand-item {
                position: relative;
                background-color: #ffffff;
                padding: 4rem 2.6rem;
                height: 100%;
                min-height: 548px;
            }

 #Pills-content  .header {
                    display: flex;
                    justify-content: flex-start;
                    align-items: center;
                    gap: 1.2rem;
                }

 #Pills-content  .logo {
                        /* width: 11.6rem;
                        height: 11.6rem;
                        border: 0.1rem solid #cfd2d3;
                        display: flex; */
                    }

  #Pills-content .title .brand-name {
                        display: flex;
                        justify-content: flex-start;
                        align-items: center;
                        gap: 1rem;
                      }

#Pills-content .brand-name span {
                            background-color: #f8f8f8;
                            padding: 0.5rem 1.1rem;
                            margin-bottom: 0.7rem;
                            color: #838889;
                            font-family: Coda;
                            font-size: 1.05rem;
                            font-style: normal;
                            font-weight: 400;
                            line-height: normal;
                            letter-spacing: 0.042rem;
}

#Pills-content .name {
                        font-size: 1.8rem;
                        font-style: normal;
                        font-weight: 400;
                        line-height: 180%;
                      }

 #Pills-content  .bond-details {
                        font-size: 1.2rem;
                        font-style: normal;
                        font-weight: 400;
                        line-height: 180%;
                        color: #838889;
                    }

.subscription-days
{
  background: #E5F4F0;
  font-size: 12px;
  font-weight: 400;
  color: #00916E;
text-align: center;
width: 350px;
}

 #Pills-content .price-wrap {
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                        margin: 3.5rem 0;
                        width: 100%;
                        gap: 1.8rem;
                    }

  #Pills-content .current-price, .last-price {
                            background-color: #f8f8f8;
                            padding: 1.2rem 0;
                            width: 100%;
                            text-align: center;
                        }

.price-wrap .title {
                            color: #838889;
                            text-align: center;
                            font-family: Coda;
                            font-size: 1.4rem;
                            font-style: normal;
                            font-weight: 400;
                            line-height: 2rem;
                            display: block;
                        }
.price-wrap  .amount {
                            color: var(--primary-theme-color);
                            font-size: 12px;
                            font-style: normal;
                            font-weight: 700;
                            line-height: 180%;
                        }

.pill-module-description
{
   font-family: "DM Sans", sans-serif;
   font-size: 14px;
   font-weight: 400;
   color: #525656;
   max-height: 96px;
   overflow-y:auto;
   float: left;
}   

.pill-module-description2
{
   font-family: "DM Sans", sans-serif;
   font-size: 14px;
   font-weight: 400;
   color: #525656;
   max-height: 182px;
   overflow-y:auto;
   float: left;
}

.purple-text { color:#6429EC!important; }

.border-none { border:0px!important; }

.pill-btn:hover{ color:#fff!important; }

.pill-prog-hold .progress, .progress-bar { border-radius:0px!important; }

.pill-prog-hold .progress-bar { background:#6429EC; }

.pill-prog-hold .progress { margin-bottom:10px; }

.pill-prog-text 
{ 
  width: 100%;
  color: #838889; font-size: 12px;
  font-family: "DM Sans", sans-serif;
  margin-bottom:20px;
 }

 .main-page-para
 {
  font-size: 18px;
 }


/*.brand-list
{
  width: 32.1%;
  float: left; 
  margin-right: 1.8%;
  margin-bottom: 1.8%;
}

@media (min-width: 768px) and (max-width: 992px) 
{
  .brand-list
{
  width: 48.3%!important;
  margin-right: 2.8%;
  margin-bottom: 1.8%;
}

}

@media (max-width: 767px) 
{
  .brand-list
{
  width: 100%!important;
  margin-bottom: 3%;
}

}*/


.lading-video
{
  width: 100%;
  height: auto;
}


.investor-hd
{
  font-size: 28px;
  color: #fff;
   font-family: Coda;
}

.full-width { width:100%; }


.brand-list
{
  width: 100%;
}


.inp-pill-search
{
  padding: 10px 10px 10px 40px;
  background-color: #fff!important;
  background-image: url(../images/landing-search.png)!important;
  border: 1px solid #e8e8e8;
    font-size: 14px;
    color: #ccc;
    background-repeat: no-repeat!important;
    background-position: 10px center!important; /* Position the background image to the left and vertically centered */
}


@media(max-width:767px)
{
  .inp-pill-search { margin:20px 0px; float:left; }

  .stock-module * { font-size:12px; }
}

@media(max-width:576px)
{
  .banner-main-heading {
    font-size: 31px !important;
  }
  .stock-module * { font-size:12px; }
}

@media(max-width:475px)
{
      .banner-captions-hld {
        margin-top: 2%;
    }
  .bnr-btn-adjst { margin-top:8px; }
}


/*----- ^ 9. Landing Page Before Login ^ ------*/

.static-top.navbar-dark
{
  -webkit-box-shadow: 0px 0px!important;
}


/*----- v 10. Landing Page After Login v ------*/

.complete-classification { position: relative; top: 0px; color: #FF2439; font-size:14px; background: #FBF8E9; }


.landing-welcome-btn-adjst
{
  display: block;
  text-align: left;
}

.landing-welcome-descrp { font-size:18px; font-weight:400; }


/*----- ^ 10. Landing Page After Login ^ ------*/


/*----- v 11. Professional investor - completed onboarding v ------*/

.pi-complete-btn-adjust
{
  display: inline-flex;
}

@media(max-width:767px)
{

  .pi-complete-btn-adjust
{
  display: flex!important;
  margin-bottom: 6%;

}

}

.chart-container {
            position: relative;
            width: 100%;
            margin: auto;
/*          height: auto;*/
            height: 250px!important;
            max-height: 250px;
      }
        
    .doughnut-chart 
    {
            width: 100%!important;
            height: auto;
/*            width: 382px!important;
            height: 300px;*/
    }

.pi-dashboard-module{
  width: 100%;
  max-height: 150px;
  height: 170px;
  float: left;
  overflow: hidden;
}

.pi-dashboard-module-content
{
  width: 84%;
  float: left;
  font-size: 16px;
  color: #525656;
  margin-top: 15%;
}


.pi-dashboard-module-hd
{
  font-size: 24px!important;
}

.line-container
{
  width: 100%;
  height: 4px;
}

.green-top-line1
{
  width: 20%;
  height: 4px;
  background-color: #64FBA0;
}

/*.mini-dashboard
{
  max-height: 250px;
}*/

.m-8pr
{
  margin: 8%;
}

.pi-dashboard-module-text
{
  float: left;
  font-size: 15px;
}

@media(max-width:1200px)
{
  .pi-dashboard-module-hd { font-size:24px!important; }
}

@media(max-width:992px)
{

  .pi-dashboard-module-hd 
  { 
    font-size:16px!important; 
    font-weight:bold!important; 
  }

  .pi-dashboard-module-text {  font-size:14px!important;  }

}


.pi-view-full-dash-btn
{
  width: auto;
  margin: 0px;
  display: inline-flex;
}

@media(max-width:767px)
{
  .mini-dashboard
  {
    height: auto!important;
  }

  .pi-view-full-dash-btn
{

  display: flex;
  font-size: 1.6rem;
  width: 100%!important;
  margin: 0px!important;
  font-size: 16px!important;
}

}



/*----- ^ 11. Professional investor - completed onboarding ^ ------*/


/*----- v 12. Sign Up v ------*/

.full-height { height:100vh; }

.login-bg 
{ 
/*  flex: 1;*/
  background: url(../images/login-hero.png) no-repeat;
background-size: cover; /* Ensures the image covers the entire div */
    background-position: bottom; /* Centers the image */
/*  height: 634px;*/
}

.sign-up-descrp
{
  color: #525656;
  font-size: 16px;
  font-weight: 400;
}

.purple-color{
 color: #6429EC;
}

@media(max-width:767px)
{
  .login-bg{ display:none; }
}

/*----- ^ 12. Sign Up ^ ------*/


/*----- v 13. Sign Up Validation v ------*/

.input-validation-general
{

  border: 1px solid #FF2439;
}

.validation-text-general
{
  font-size: 16px;
  color: #FF2439;
}

.outline-btn
{
  color: var(--primary-theme-color)!important;
}


.btn.outline-btn:hover
{
  background-color: var(--primary-theme-color);
  color: #fff!important;
  background-repeat: no-repeat;
  background-position: 36% 50%;
}

.log-uae-hold { width:100%; }

/*----- ^ 13. Sign Up Validation ^ ------*/


/*----- v 11. Professional investor - completed onboarding v [ 24-10-2024 ] ------*/

.pi-min-height
{
  min-height: 50px;
}

@media(max-width:767px)
{
.pi-view-full-dash-btn { margin-top:2%!important; }
.pl-adjst-767 { padding-left:0px!important; }
}

@media(max-width:576px)
{
  .pi-view-full-dash-btn { font-size:13px!important; margin-top:2%!important; }
}

/*----- ^ 11. Professional investor - completed onboarding ^ [ 24-10-2024 ] ------*/



/*----- v 11. Professional investor - completed onboarding v [ 25-10-2024 ] ------*/

#Pills-content 
{
 .header { display:block!important; }
 .header { width:100%; position: relative; z-index: 0;}
 .logo 
 { 
  /* width:32%; 
  float:left;  */
  /* display: inline-block; */
  border:0px!important; 
  /* clear: both; */
  img.img-fluid {
    width: 120px !important;
    height: 120px !important;
  }
}
 /* .title 
 { 
  width:64%; 
  display: inline-block;
  float:left; 
  padding-left:4%; 
  clear: right;
} */
 .subscription-days 
 {  
  /* display: inline-block; */
  font-size: 14px; 
  font-family: Coda;
  /* clear: both; */
}
 .pill-prog-hold { width:100%; float:left; }
 .pill-prog-text { margin-bottom:0px; }
}

.bdr-1px-gray { border: 0.5px solid #ccc; }

#Pills-content .current-price, .last-price
{
  .title, .amount { float:left; width:100%!important; text-align:center; }

}
#Pills-content .price-wrap {
margin: 1rem 0rem 2rem 0rem;  float: left;
}

.module-blurr {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%!important;
    background: rgba(255, 255, 255, 0.4); 
    backdrop-filter: blur(2px); 
    z-index: 1000;
    display: flex;
    align-items: center; /* Vertically centers the content */
    justify-content: center; /* Horizontally centers the content (optional) */
}

.blur-text-style-1
{
  font-family: Coda;
  font-size: 18px;
  font-weight: 400;
  text-align: center;
}



/*----- ^ 11. Professional investor - completed onboarding ^ [ 25-10-2024 ] ------*/


/*----- v HTML & CSS Itration-1 [ 29-10-2024 ] v------*/

.market-watch-txt 
{ 
  color:#6429EC!important;
  font-family: Coda !important;
  font-size: 16px;
  font-weight: 400; 
}

.landing-signin-adjst 
{ 
  /* margin-top: 7px!important;  */
  border: 1px solid #CFD2D3!important; 
  color: #6429EC!important;
  padding: 12px !important;
  width: 120px !important;
}

a.landing-signin-adjst{
  padding: 12px !important;


}

.lading-investor p, .lading-issuers p { color: #fff; }

/* #navbar a:not(:last-child) {
  padding-top: 10px!important;
} */

.globalNavItem
{
  padding-top: 14px!important;
}

#navbar nav { width: 100%;}

.userName
{
 color: #6429EC!important;
 border: 1px solid #CFD2D3!important;
}

.navbar .custom-container
{
  position: relative;
}

#navbar .nav-item:last-child 
{ 
  right: 0px !important;
  position: absolute;
}

.pill-btn-hld 
{
  position: absolute;
  bottom: 24px;
  width: 89%;
}

@media(max-width:1199px)
{
  #navbar .dropdown-menu { border: solid 1px #fff !important; }
}

.content-hld .signIn 
{
  position: absolute;
  bottom: 18px;
}

@media(max-width:400px)
{
  .dfmgi { display: none!important;}
  .tp-mnu-market { border-right: 0px!important;}
}

.navbar-toggler { background-color: #6429EC!important; }

.navbar-dark .navbar-toggler { border: 1px solid #6429EC!important; }
/*----- v HTML & CSS Itration-1 [ 29-10-2024 ] v------*/

.color-orange{
  color:#FF7529 !important;
}

.btn.color-orange:hover{
  color:#FF7529 !important;
  background-color: transparent !important;
}




/*----- v 15. Issuer Request [ 30-10-2024 ] v ------*/

.issuer-req-frm-hld {
  padding: 5rem 18rem;
}

.issuer-padding-adjst {  padding: 5rem!important; }

.text-size-28 { font-size:28px!important; }

.text-size-24 { font-size:24px!important; }

.text-size-20 { font-size:20px!important; }

.text-size-18 { font-size:18px!important; }

.text-size-16 { font-size:16px!important; }

.text-size-15 { font-size:15px!important; }

.text-size-14 { font-size:14px!important; }

.text-size-12 { font-size:12px!important; }

.mt-25pr { margin-top:25%; }

.mt-36pr { margin-top:36%; }

.issuer-intro-hld 
{ 
display: flex;
align-items: center; /* Vertically centers the child elements */
height: 100%; /* Ensure the parent div has a height */
}

.flex-v-middle 
{  
 width: 100%; /* Ensure the child div takes full width */
}

@media(max-width:767px)
{
.issuer-intro-hld { display:none; }
.issuer-padding-adjst { padding:0px!important; }
}

/*----- ^ 15. Issuer Request [ 30-10-2024 ] ^ ------*/


/*----- v 16. Dashboard Portfolio [ 30-10-2024 ] v ------*/

.chart-container2 {
          width: 100%;
          height: 100%;
/*            background: linear-gradient(to bottom, #ADDBFA, #ffffff);*/
/*            border: 1px solid #1CA4FC;*/
background: #F8F8F8;
          padding: 20px;
          box-sizing: border-box;
      }

#myChart { min-height:207px; }

/*canvas {
  background-color: #F8F8F8;
}*/

@media(max-width:767px)
{
.pl-adjst2-767 { padding-left:12px!important; }
}

.portfolio-module-top { font-size:16px; }

.gray-right-border { border-right:1px solid #ccc; }

.gray-left-border { border-left:1px solid #ccc; }

.dashboard-port-prop-label { background: #F8F8F8; color: #838889; }

.dashboard-portfolio-prop-module { font-size:16px; color: #525656; }

.mobile-text-align-center { text-align:center!important; }

.mobile-text-align-right { text-align:right!important; }

/*----- ^ 16. Dashboard Portfolio [ 30-10-2024 ] ^ ------*/



/*----- v 17. Company Details2.0 [ 01-11-2024 ] [ 04-11-2024 ] [ 04-11-2024 ] v ------*/


.company-detail-banner {
  /*    background-image: url('../images/company-detail-banner.png');*/
      background-size: cover; /* Ensures the image covers the entire div */
      background-position: center; /* Centers the image */
      background-repeat: no-repeat; /* Prevents the image from repeating */
  }
  
  .company-detail-banner {
      width: 100%; /* Makes the div take up the full width of its container */
      max-width: 100%; /* Ensures the div doesn't exceed the container's width */
       height: auto; /* Example height for larger screens */
  }
  
  
  @media only screen and (min-width: 961px) {
      .company-detail-banner {
          height: auto; /* Example height for larger screens */
      }
  }
  
  
  @media (min-width: 769px) and (max-width: 960px) {
      .company-detail-banner {
          height: auto; /* Example height for larger screens */
      }
  }
  
  @media (max-width: 768px) {
      .company-detail-banner {
          height: auto; /* Example height for smaller screens */
      }
  
      .mobile-text-align-left * { text-align:left!important; }
  
  }
  
  .stock-detail-strip-hold
  {
    position: relative;
  }
  
  .stock-detail-strip{
    position: absolute;
    top: -50px;
    background: #F8F8F8;
    color: #525656;
  }
  
  .stock-detail-logo, .stock-detail-section-1, .stock-detail-section-2, .stock-detail-section-3, .stock-detail-section-top, .stock-detail-section-bottom
  {
    width: 100%;
  }
  
  .stock-detail-logo img
  {
   height: 120px;
  }
  
  .stock-detail-logo-strip{ background:#FBF8E9; color:#838889; }
  
  .stock-detail-logo-strip2 { background:#fff; color:#838889; border:1px solid #E8E8E8; }
  
  .font-coda { font-family:Coda; }
  
  .stock-detail-text-2 { color:#525656; font-size:14px; }
  
  .mt-3pr { margin-top:3%; }
  
  .company-detail-button { float:right; }
  
  .icon-text-button {
    background-color: #525656;
    font-family: Coda;
  font-size: 1.6rem;
    font-weight: 400;
    color: #fff;
  padding: 1rem 3.5rem;
    border: none;
  }
  
  .border-bottom-black-2px
  {
    border-bottom: 2px solid #000;
  }
  
  .pb-3pr { padding-bottom:3%; }
  
  .mb-3pr { margin-bottom:3%; }
  
  .offering-detail-module
  {
    min-height: 230px; position: relative;
    display: flex;
    align-items: center; /* Vertically centers the child elements */
    height: 100%; /* Ensure the parent div has a height */
  }
  
  .offering-detail-module-2
  {
    min-height: 230px; position: relative;
    display: flex;
    align-items: center; /* Vertically centers the child elements */
    height: 100%; /* Ensure the parent div has a height */
  }
  
  .offering-detail-module::after
  {
    position: absolute;
    content: url(/strip-right.PNG);
    top: 50%;
    right: -19px;
    transform: translateY(-50%);
  }
  
  .offering-detail-module-content
  {
  width: 100%;
  }
  
  .text-size-36
  {
    font-size: 36px!important;
  }
  
  .offeting-ttl
  {
    font-size: 16px;
  }
  
  
  .offeting-txt
  {
    font-family: Coda;
    font-size: 20px;
  }
  
  .tranches-prog-top { color: #2C2925; }
  
  .progress-bar, .progress, .bg-success { border-radius:0px!important; }
  
  /*.company-detail-time-line { overflow-x:scroll; }*/
  
  
  @media (min-width: 768px) and (max-width: 992px)
  {
  
    .stock-detail-strip-hold { min-height:85px; }
  
  }
  
  @media (min-width: 576px) and (max-width: 767px)
  {
  
    .stock-detail-strip-hold { min-height:124px; }
  
  }
  
  @media (max-width: 575px)
  {
  
    .stock-detail-strip-hold { min-height:384px; }
  
  }
  
  .about-image-container {
        position: relative;
        width: 100%;
      }
  
      .about-image-container img {
        width: 100%;
        display: block;
      }
  
      .about-image-container::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.55); /* Adjust the opacity as needed */
        pointer-events: none; /* Ensure the overlay doesn't interfere with interactions */
      }
  
  .company-about-detail
  {
    position: absolute;
    z-index: 1000;
    width: 90%;
    left: 40px;
    bottom: 40px;
    color: #fff;
  }
  
  .company-about-detail-text
  {
    font-size: 16px;
  }
  
  @media (min-width: 768px) and (max-width: 992px)
  {
  
       .company-about-detail-text
      {
        font-size: 12px;
      }
  
  }
  
  @media (max-width: 767px)
  {
  
     .company-about-detail-text
      {
        display: none;
      }
  
  }
  
  .k-h-m-hd { color: #525656; }
  
  .k-h-m-text-1 { font-size:18px; font-weight:700; color: #2C2925; }
  
  .k-h-m-module { min-height:230px; }
  
  #investmentHighlight
  {
    .card
    {
      margin-bottom: 16px;
      border-left: 4px solid #64FBA0;
    }
  
    .invest-hgl-btn {
        height: 40px!important;
        width: 40px!important;
        background-color: #E8E9E9;
        color: #000!important;
        text-decoration: none;
        text-align: center;
        font-size: 27px;
        display: table-cell;
        line-height: 40px; /* Center the text vertically */
        cursor: pointer;
      }
  
      /* input[type="checkbox"] {
        display: none; 
      }
  
      input[type="checkbox"]:checked + .invest-hgl-btn::before {
        content: '-';
      }
  
      .invest-hgl-btn::before {
        content: '+';
      }
  
      .card:first-child
      {
          input[type="checkbox"]:checked + .invest-hgl-btn::before {
            content: '+';
          }
  
          .invest-hgl-btn::before {
            content: '-';
          }
      } */
  
      .card-body
      {
        background: #F8F8F8;
        font-size: 14px;
      }
  
  }
  
  .growth-strat-bg { background:#EEEFEF; color:#000; min-height:135px; }
  
  .mb-3prx { margin-bottom:3%!important; }
  
  .dark-bg2 { background:#2C2925; }
  
  .chairmans-message { font-size:15px; }

  .img-fluid-x { width:100%!important; }
  
  /*.img-fluid { width:100%!important; }*/
  
  /* .member-profile-card:first-child
  {
    padding-left: 0px!important;
  }
  
  .member-profile-card:last-child
  {
    padding-right: 0px!important;
  } */
  
  .company-panel-member-pic
  {
    height: 246px;
    overflow: hidden;
  }
  
  /*.company-panel-member-pic img { height:100%!important; overflow:hidden; }*/
  
  /* .member-profile-card-min-height { min-height:369px; } */
  
  .mb-2prx { margin-bottom:2%!important; }
  
  .doc-nd-dw-module { background:#F8F8F8; color: #2C2925; }
  
  .company-doc-text { color: #2C2925; font-size:16px; }
  
  #companyFaq
  {
    .card
    {
      margin-bottom: 16px;
    }
  
    .company-faq-btn {
        height: 40px!important;
        width: 40px!important;
        background-color: #E8E9E9;
        color: #000!important;
        text-decoration: none;
        text-align: center;
        font-size: 27px;
        /* display: inline-block; */
        line-height: 40px; /* Center the text vertically */
        cursor: pointer;
        float: right;
      }
  
      /* input[type="checkbox"] {
        display: none; 
      }
  
      input[type="checkbox"]:checked + .company-faq-btn::before {
        content: '^';
      }
  
      .company-faq-btn::before {
        content: 'v';
      }
  
      .card:first-child
      {
          input[type="checkbox"]:checked + .company-faq-btn::before {
            content: 'v';
          }
  
          .company-faq-btn::before {
            content: '^';
          }
      } */
  
      .card-body
      {
        font-size: 14px;
      }
  
  }
  
  #companyFaq *
  {
    background-color: #fff;
  }
  
  /*------------ time-line ---------------*/
  
  
  /* .company-detail-time-line
  {
  
    .progress-container {
              position: relative;
              width: 100%;
              margin: 20px 0;
              z-index: 1;
          }
          .progress {
              height: 10px;
              background-color: #e9ecef;
          }
 
          .milestone {
            -webkit-position: absolute;
              -webkit-top: -11px;
              -webkit-width: 30px;
              -webkit-height: 30px;
              -webkit-border-radius: 50%;
              -webkit-text-align: center;
              -webkit-line-height: 28px;
              -webkit-font-size: 12px;
              -webkit-z-index: 10;

              position: absolute;
              top: -11px;
              width: 30px;
              height: 30px;
              border-radius: 50%;
              text-align: center;
              line-height: 28px;
              font-size: 12px;
              z-index: 10;
          }
          .milestone.completed {
              border: 2px solid #007bff;
              color: green;
              background-color: #fff;
          }
          .milestone.incomplete, .milestone.on-progress {
              border: 2px solid #6c757d;
              color: #6c757d;
              background-color: #fff;
          }
          .milestone.completed::after {
              content: "\2713";
          }
          .milestone.incomplete::after, .milestone.on-progress::after {
              content: "\2713";
          }
          .milestone-text {
              position: absolute;
              text-align: center;
              font-size: 12px;
          }
          .milestone-text.top {
              top: -40px;
              line-height: 14px;
              width: 100px;
              color: #525656;
              font-weight: 600;
              left: -37px;
              -webkit-top: -40px;
    -webkit-line-height: 14px;
    -webkit-width: 100px;
    -webkit-color: #525656;
    -webkit-font-weight: 600;
    -webkit-left: -37px;
          }
          .milestone-text.bottom {
              top: 45px;
              width: 130px;
              line-height: 14px;
              color: #525656;
              font-weight: 400;
              left: -53px;
          }
          .company-timeline-container { width:90%; margin:0 auto!important; }
  
  }
  
  
  @media only screen and (max-width: 1000px)
  {
  
    .company-detail-time-line { overflow-x:scroll; padding-left: 54px !important; }
  
    .company-timeline-container { width:700px!important; }
  
  } */
  
  /*------------ time-line ---------------*/
  
  .pt-3pr { padding-top:3%; }
  
  .pt-4pr { padding-top:4%; }
  
  .pt-6pr { padding-top:6%; }
  
  .pb-6pr { padding-bottom:6%; }
  
  @media only screen and (max-width: 767px)
  {
    .offering-detail-module { border-right:0px!important; }
  
    .offering-detail-module::after { display:none; }
  }
  
  /* @media (min-width: 992px) and (max-width: 1200px)
  {
    .company-panel-member-pic { height:220px; }
  
    .member-profile-card-min-height { min-height:311px; }
  } */
  
  @media (min-width: 768px) and (max-width: 992px)
  {
  
  .growth-strat-bg { min-height: 108px; }
  
  .growth-strat-bg h3 { font-size:16px!important; }
  
  }
/*   
  @media (min-width: 1200px) and (max-width: 1400px)
  {
    .company-panel-member-pic { height:243px; }
    .member-profile-card-min-height { min-height: 322px; }
  }
  
  @media (min-width: 992px) and (max-width: 1199px)
  {
    .company-panel-member-pic { height:198px; }
    .member-profile-card-min-height { min-height: 298px; }
  }
  
  @media (min-width: 768px) and (max-width: 991px)
  {
    .company-panel-member-pic { height:140px; }
    .member-profile-card-min-height { min-height: 252px; }
  }
   */
  
  /*----- ^ 17. Company Details2.0 [ 01-11-2024 ] [ 04-11-2024 ] [ 05-11-2024 ] ^ ------*/

  /*----- v 16. Dashboard Portfolio [ 06-11-2024 ] v ------*/

.sub-hs-bottom, .flex-v-middle-main
{ 
  display:flex;
  align-items: center;    /* Centers vertically */ 
}
.flex-h-middle-main
{ 
  display:flex;
  justify-content: center; /* Centers horizontally */
}

.sub-hs-bottom-text-1
{
font-family: DM Sans;
font-size: 14px;
font-weight: 400;
}

.sub-hs-bottom-text-2
{
  font-family: DM Sans;
font-size: 16px;
font-weight: 500;
}

/*----- ^ 16. Dashboard Portfolio [ 06-11-2024 ] ^ ------*/

.navbar-dark .navbar-nav>li>a:focus, .navbar-dark .navbar-nav>li.dropdown>a:focus { background-color: #fff!important; }


/*----- v 19. pi completed on boarding + Spinner Loader [ 11-11-2024 ] ^ ------*/

.unique-container {
  position: relative;
  overflow: hidden;
  border: 1px solid #F8F8F8;
}

.unique-content {
  position: relative;
  z-index: 1;
  /* Content styles */
}

.unique-loader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /*background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(5px);*/
  background: #F8F8F8;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
}

.unique-spinner {
/*            border: 8px solid rgba(0, 0, 255, 0.2);
  border-top: 8px solid blue;
  border-radius: 50%;
  height: 17%;*/
  width: 10%;
  animation: unique-spin 1s linear infinite;
}

@keyframes unique-spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(-360deg); }
}

/*----- ^ 19. pi completed on boarding + Spinner Loader [ 11-11-2024 ] ^ ------*/

/*----- v 14. Notifications - popover v [ 28-10-2024 ] ------*/

.popover-header {
  background-color: #6429EC!important;
  color: white!important ;
  font-size: 18px!important;
  font-family: "DM Sans", sans-serif !important;
  padding: 1rem 1rem!important;
}

.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after, .bs-popover-bottom>.popover-arrow::after
{
border-bottom-color: #6429EC!important;
}

.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before, .bs-popover-bottom .popover-header::before
{
display: none!important;
}

.notification-number
{
background: #9A74F3;
color:#fff;
width: 21px;
padding-left: 4px;
height: 21px;
border-radius: 12px;
font-size: 13px!important;
display: inline-block;
margin-left: 8px;
}

.landing-notifications
{
width: 40px;
height: 40px;
position: relative;
background-image: url(/notification-icon.png) !important;
background-repeat: no-repeat !important;
background-position: center !important;
display: inline-block;
border: 1px solid #9A74F3;
}

.notification-number-main
{
background: #FF2439;
color:#fff;
width: 21px;
padding-left: 3px;
height: 21px;
border-radius: 12px;
font-size: 13px!important;
display: inline-block;
margin-left: 8px;
position: relative;
right: -18px;
top: -10px;
}

/*.popover { margin-left:12px!important; margin-right:12px!important; }*/

.popover { min-width:344px!important; }

.notification { float:left; width:100%; }

.notification-pic, .notification-text, .notification-time { float:left; }

.notification-pic img { width:100%; }

.notification-pic { width:20%; }

.notification-text-hold { width:80%; float:left; }

.notification-text{ font-size:14px; color: #2C2925;  width:100%; }

.notification-time { font-size:12px; color: #838889;  width:100%; }

#navbar .nav-item:nth-last-child(2) {
  right: 56px !important;
  position: absolute;
}

#navbar ul li:last-child a {
  border: 1px solid #ccc;
  /* padding: 0 !important; */
 margin: 0px !important;
 height: 48px; width: 48px;
 }

.popover h3.popover-header{
margin-top: 0px;
 }

 .popover-body{
  border: 0px !important;
 }

/*----- ^ v 14. Notifications - popover ^ [ 28-10-2024 ] ------*/


/*----- v User Profile v ------*/

#mainContent 
{   
    /*margin-bottom: 6%;*/

    #ProfileFormView 
    {
      /* td { width: 50%; } */
      /* colgroup { width: 60%; } */
      /* .form-control-cell { width: 50%; } */
      .section {
        display: table;
        }
    }

    .crmEntityFormView .tab {
      padding-top: 22px;
      margin-bottom: 0px;
    }


      legend {  border-bottom: 0px; }


    .crmEntityFormView fieldset
    {
      margin-bottom: 0px;
    }

    h3 .xrm-attribute-value 
    {
      color:#6429EC!important;
    }

    input[type="button"] {
      
    background-color: var(--primary-theme-color);
    color: #ffffff !important;
    border: 0.1rem solid var(--primary-theme-color);
    font-family: Coda;
    font-size: 1.6rem;
    line-height: 124%;
    letter-spacing: 0.036rem;
    text-transform: uppercase;
    display: flex;
    min-width: 22rem;
    padding: 1rem 3.5rem;
    /* justify-content: flex-end; */
    align-items: center;
    gap: 1rem;
    border-radius: 0;
    position: relative;
    width: fit-content;
    }

}

h2 .xrm-attribute-value 
{
  color:#6429EC!important;
}

#ContentContainer_MainContent_MainContent_ContentBottom_MarketingOptionsPanel
{
  margin-top: 30px;
  margin-bottom: 10px;
}

#ContentContainer_MainContent_MainContent_ContentBottom_MarketingOptionsPanel
{
  fieldset { display: none;}
}


/*----- ^ User Profile ^ ------*/

.navbar {
  & .navbar-collapse {
      & .nav-link, & .dropdown-toggle, & .dropdown-item {
          &.active {
border-bottom: 0px;
          }
      }
  }
}

.company-detail-button{
  display: block!important;
}

/*----- v 20. Dashboard Top-Up [ 11-11-2024 ] v ------*/

.m-4pr { margin:4%; }

.dashboard-top-up-module{
  width: 100%;
  float: left;
  min-height: 186px;
}

.top-up-iban-text
{
  font-size: 16px;  
  overflow-wrap: break-word;
}

.op1-inp
{
  border: 1px solid #ccc;
  padding: 10px;
  font-size: 14px;
  color: #ccc;
}

.half-width { width:50%; }

.btn-width-adjust { min-width:100%!important; }

.btn-text-adjust { font-size:14px!important; }

.btn-padding-adjust { padding: 1rem!important; }

.break-word { overflow-wrap: break-word; }

.flex-none { flex:none; display: block; }

.top-up-table-hd { background:#F2F6F9; font-weight:bold; font-size:14px; }

.top-up-table-row { font-size:14px; }

.top-up-table-row-container { max-height:185px; overflow-y:scroll; }

.dashboard-top-up-module h3 { margin-top:0px;} 

.dashboard-top-up-module h2 { margin:0px;}

/*----- ^ 20. Dashboard Top-Up [ 11-11-2024 ] ^ ------*/

/*----- v 18. Investing Page [ 07-11-2024 ] [ 08-11-2024 ] v ------*/

.investing-banner {
  background-image: url('../images/landing-page-images/landing-banner.png');
  background-size: cover; /* Ensures the image covers the entire div */
  background-position: center; /* Centers the image */
  background-repeat: no-repeat; /* Prevents the image from repeating */
  width: 100%; /* Makes the div take up the full width of its container */
  height: auto; /* Adjusts the height automatically */
  max-width: 100%; /* Ensures the div doesn't exceed the container's width */
}

.pl-15pr
{
padding-left: 15%!important;
}

.investing-top-module-content {
border-left: 4px solid #64FBA0;
}

.text-size-48 { font-size:48px!important; }

.investing-image-container {
    position: relative;
    width: 100%;
  }

.investing-image-container img {
    width: 100%;
    display: block;
  }

.investing-image-container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3); /* Adjust the opacity as needed */
    pointer-events: none; /* Ensure the overlay doesn't interfere with interactions */
  }


.mx-return-image-container {
    position: relative;
    width: 100%;
  }

.mx-return-image-container img {
    width: 100%;
    display: block;
  }

.mx-return-image-container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3); /* Adjust the opacity as needed */
    pointer-events: none; /* Ensure the overlay doesn't interfere with interactions */
  }

.mx-return-content-hold
{
position: absolute;
z-index: 1000;
width: 92%;
left: 40px;
top: 30px;
color: #fff;
}

@media (max-width: 1400px) 
{

.investing-top-module-content
{
  min-height: 125px;
}

}

.pl-0 { padding-left:0px!important; }

.pr-0 { padding-right:0px!important; }

.mx-return-content * { color:#fff; }

.mt-9pr { margin-top:9%; }

@media (max-width: 992px) 
{

.mx-return-content
{
  display: none;
}

.mx-return-content-hold 
{    
  top:40%;
  /* Centers vertically */  
}

}

@media (min-width: 768px) and (max-width: 992px) 
{
 .investing-arena-access-text1 { display:none; }
}

@media (max-width: 768px) 
{
.mx-return-content-hold 
{    
  top:25%;
  /* Centers vertically */  
}
}

.investing-arena-access-module { min-height:565px; }

.yellow-left-border { border-left: 5px solid #FFF800; }

/*----- ^ 18. Investing Page [ 07-11-2024 ] [ 08-11-2024 ] ^ ------*/


/*----- v 21. Listing Page [ 11-11-2024 ] [ 13-11-2024 ] [ 14-11-2024 ] v ------*/

.b-f-a-module { min-height:249px; }

.b-f-a-hd { font-size: 25px!important; color: #2C2925;}

.b-f-a-text-2 { font-size:14px; color: #525656; }

.b-f-a-hld {
  min-height: 273px;
}

@media (max-width: 1200px) 
{

.b-f-a-module { min-height: 292px;}

}

@media (max-width: 992px) 
{

.b-f-a-module { min-height: 386px;}

}

@media (max-width: 768px) 
{

.b-f-a-module { min-height: 360px;}

}

@media (max-width: 576px) 
{

.b-f-a-module { min-height: auto;}

}

.gray-text-2-5656 { color: #525656; }

.hd-line-green-2 {
  width: 44px;
  height: 4px;
  float: left;
  background: #64FBA0;
}

.platform-for-all-module { min-height:268px; }

.btn {
    &:hover {
/*        border: 0.1rem solid #6429EC!important;*/
        background-color: #6429EC!important;
        color: #ffffff;
    }
}

.dfm-investor-rch-module { min-height:139px; }

.pb-4pri
{
  padding-bottom: 4%!important;
}

.pb-3pri
{
  padding-bottom: 3%!important;
}

@media (max-width: 1200px) 
{

.dfm-investor-rch-module { min-height:165px; }

}

@media (max-width: 992px) 
{

.dfm-investor-rch-module  { min-height: 188px;}

}

.consider-arena-pic-container { position:relative; }

.consider-arena-slip 
{ 
width:150px; height:150px; position:absolute; 
top:-65px; 
left:-65px; 
background: #2C2925; color: #CFD2D3;
box-shadow: 6px 6px #E5E5E5;
 }

.mt-45pr { margin-top:45%!important; }

.considering-arena-outer-container 
{  
/*  display:flex;*/
  align-items: center;    /* Centers vertically */ 
/*  justify-content: center; /* Centers horizontally */
}

.flex-align-right 
{ 
  display:flex; 
  justify-content: left; 
}

.flex-align-left 
{ 
  display:flex; 
  justify-content: right; 
}


@media (max-width: 767px) 
{

.considering-arena-outer-container 
{  
  display:block;
}

.c-xs-full { width:100%; }

.consider-arena-slip 
{ 
width:150px; height:150px; 
top:-35px; 
left:0px; 
}

.sm-v-middle { display:block; }

.consider-arena-pic-container { text-align:center; }

}


/*----- ^ 21. Listing Page [ 11-11-2024 ] [ 13-11-2024 ] [ 14-11-2024 ] ^ ------*/


/*----- v 22. About Page [ 14-11-2024 ] [ 15-11-2024 ] v ------*/


.address-key-point-module-text { overflow-wrap: break-word; width:80%; }

.empowering-comp-invst-brock-module { min-height:310px; }

.empowering-comp-invst-brock-module
{
  .btn { min-width: 18rem; margin:0px; }
}

.mb-5pr { margin-bottom:5%!important; }

.arena-private-market-general-text { overflow-wrap: break-word; width:85%; }

/*.arena-private-market-module { min-height:120px; }*/

.arena-private-market-content { min-height:41px; }

.eligib-req-pvt-comp { min-height:150px; }

.access-arena-how-module { min-height:321px; }


/*----- ^ 22. About Page [ 14-11-2024 ] [ 15-11-2024 ] ^ ------*/


/*----- v  CSS Corrections + Responsive Fix [ 22/11/2024 ] v ------*/

.navbar-dark .navbar-nav > li > a:focus { border:0px}

.navbar-dark .navbar-nav > li > a:hover { border:0px}

.navbar-dark .navbar-nav>li>a:focus-visible, .navbar-dark .navbar-nav>li.dropdown>a:focus-visible 
{
  background: #fff!important;
}

.navbar-dark .navbar-nav .show.dropdown-menu>li>a:hover { background: #fff!important;}

#dropdown-pop-up-cx a 
{ 
  border: 0px!important; 
  float: right!important; 
  min-width: 100%!important; 
  text-align: right!important;
  padding: 6px 0px!important;
}

/* #dropdown-pop-up-cx a:last-child 
{ 
  padding: 6px 12px!important;
} */

#dropdown-pop-up-cx li { width: 100%; float: right; text-align: right;}

/* Select the second last child of any element */

@media (max-width: 991px) 
{
#navbar li a:nth-last-child(2) {
  min-width: 100px!important;
}
}

.navbar-dark .navbar-nav a.show, .navbar-dark .navbar-nav a.dropdown-toggle.show
{
  background-color: #fff!important;
}

/*----- ^  CSS Corrections + Responsive Fix [ 22/11/2024 ] ^ ------*/

.btn-close
{
  background-image: url(/tool-tip-close.png)!important;
  background-position: center;
  background-repeat: no-repeat;
}

.showContent{
  display: block;
}

/*----- ^  CSS Corrections + Responsive Fix [ 22/11/2024 ] ^ ------*/


/*--------Start KYC--------*/

.cursor-pntr
{
  cursor: pointer;
}

.text-left
{
  text-align: left;
}

/*--------End KYC--------*/


/*--------Start Secondary Offering [28-11-2024] --------*/

.document-list
{

.btn {
    &.without-outline {
        color: var(--primary-theme-color)!important;
      }
    }

.btn{
    &.without-outline:hover {
        background: #fff!important;
        }
     }
}

.gray-bottom-border2 { border-bottom: 0.1rem solid #cfd2d3!important; }

.light-gray-border { border:1px solid #f8f8f8; }

.margin-t-m-6rem
{
  margin: 6rem 0;
}


.respo-float1-rt-t-lt
{
  float: right; display: inline-block;
}

@media (max-width: 576px) 
{
  .margin-t-m-6rem { margin:0px 0px 6rem 0px; }
  .respo-float1-rt-t-lt { display:flex; float:left; }

}

#general-meeting-acco
  { 

    h3 { margin:0px; }

    .card
    {
      margin-bottom: 16px;
    }
  
    .company-faq-btn {
        height: 40px!important;
        width: 40px!important;
        background-color: #E8E9E9;
        color: #000!important;
        text-decoration: none;
        text-align: center;
        font-size: 27px;
        display: inline-block;
        line-height: 40px; /* Center the text vertically */
        cursor: pointer;
      }
  
      input[type="checkbox"] {
        display: none; /* Hide the checkbox */
      }
  
      input[type="checkbox"]:checked + .company-faq-btn::before {
        content: '^';
      }
  
      .company-faq-btn::before {
        content: 'v';
      }
  
      .card:first-child
      {
          input[type="checkbox"]:checked + .company-faq-btn::before {
            content: 'v';
          }
  
          .company-faq-btn::before {
            content: '^';
          }
      }
  
      .card-body
      {
        font-size: 14px!important;

        p
        {
          font-size: 14px!important;
        }
      }
  
  }


  #corporate-actions-acco
  { 

    h3 { margin:0px; }

    .card
    {
      margin-bottom: 16px;
    }
  
    .company-faq-btn {
        height: 40px!important;
        width: 40px!important;
        background-color: #E8E9E9;
        color: #000!important;
        text-decoration: none;
        text-align: center;
        font-size: 27px;
        display: inline-block;
        line-height: 40px; /* Center the text vertically */
        cursor: pointer;
      }
  
      input[type="checkbox"] {
        display: none; /* Hide the checkbox */
      }
  
      input[type="checkbox"]:checked + .company-faq-btn::before {
        content: '^';
      }
  
      .company-faq-btn::before {
        content: 'v';
      }
  
      .card:first-child
      {
          input[type="checkbox"]:checked + .company-faq-btn::before {
            content: 'v';
          }
  
          .company-faq-btn::before {
            content: '^';
          }
      }
  
      .card-body
      {
        font-size: 14px!important;

        p
        {
          font-size: 14px!important;
        }
        
      }
  
  }

  

/*-------- End Secondary Offering [28-11-2024] --------*/

.payment-w-bg-wt-bdr
{
background: #F2F2F2;
border-radius: 6px;
border: 1px solid #ccc;
}

.card-hd-1{
  font-size: 14px;
}

.me-pi { margin-right:114px; }


#pills-s-trading .active { background:#6429EC!important; font-size:18px; color:#fff; }

#pills-s-trading a { font-size:18px; color: #000; border: 1px solid #CFD2D3; background: #fff;}

#pills-s-trading .nav{ background:#F8F8F8; }

#Pills-content .active
{
  background: #F8F8F8!important;
  color: #000;
}

.stock-stat-pic-sz { width: 40px; height:auto;}

.btnContinueFail { display: inline-block; text-align: center;}

/*---- Corrections -----*/

.sub-hs-middle
{
  h3 { margin-top: 0px!important;}
}

/*----- Test Time Line ------*/
.company-detail-time-line 
.progress-container {
  position: relative;
  width: 100%;
  margin: 20px 0;
  z-index: 1;
}
.progress {
  height: 10px;
  background-color: #e9ecef;
}
.milestone {
  position: absolute;
  top: -11px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  text-align: center;
  line-height: 28px;
  font-size: 12px;
  z-index: 10;
}
.milestone.completed {
  border: 2px solid #007bff;
  color: green;
  background-color: #fff;
}
.milestone.incomplete,
.milestone.on-progress {
  border: 2px solid #6c757d;
  color: #6c757d;
  background-color: #fff;
}
.milestone.completed::after {
  content: "\2713";
}
.milestone.incomplete::after,
.milestone.on-progress::after {
  content: "\2713";
}
.milestone-text {
  position: absolute;
  text-align: center;
  font-size: 12px;
}
.milestone-text.top {
  top: -40px;
  line-height: 14px;
  width: 100px;
  color: #525656;
  font-weight: 600;
  left: -37px;
}
.milestone-text.bottom {
  top: 45px;
  width: 130px;
  line-height: 14px;
  color: #525656;
  font-weight: 400;
  left: -53px;
}
.company-timeline-container {
  width: 90%;
  margin: 0 auto !important;
}
/*----- Test Time Line ------*/

.pos-rel
{
  position: relative;
}

.unique-spinner-secondary-offer {
     width: 4%;
    animation: unique-spin 1s linear infinite;
  }


  .active-text {
    color:#6429EC!important;;
}