.nextdc-team-card-full-section {
  padding: 96px 0;

  @media (max-width: 767.98px) {
    padding: 48px 0;
  }

  .meetourstaff .team-card-full-header {
    font-family: "Jost", sans-serif;
    font-weight: 700;
    line-height: 120%;
    color: #201850;
    margin-bottom: 24px;

    @media screen and (min-width: 768px) {
      font-size: 56px;
      margin-bottom: 48px;
    }
    h3{
      font-size: inherit !important;
      line-height: inherit;
      margin-bottom: 0 !important;
      text-transform: inherit;
      text-align: inherit;
      font-family: inherit;
      font-weight: inherit;
    }

    span.white-heading{
      color: #ffffff !important;
    }
  }

  .teamcard-wrapper {
    padding: 0 20px !important;

    @media screen and (max-width: 768px) {
      padding: 0 !important;
    }

    @media screen and (max-width: 768px) {
      margin: 0;
    }

    .card-body {
      background: #201850;
      padding: 24px !important;

      .label{
        margin-bottom: 0 !important;
      }

      .card-body-container {
        display: flex;
        flex-direction: column;
        gap: 20px;

        .label p {
          font-family: "Jost", sans-serif;
          font-weight: 400;
          line-height: 120%;
          color: #FFFFFF !important;
          font-size: 24px !important;
        }

        .card-content{
          display: flex;
          flex-direction: column;
          row-gap: 20px;
        }

        .card-content .card-text {
          font-family: "Jost", sans-serif !important;
          font-weight: 400;
          line-height: 140%;
          font-size: 18px !important;
          color: #FFFFFF !important;
          text-transform: capitalize;
          margin-bottom: 0 !important;
        }

        .card-short-details {
          font-family: "Jost", sans-serif !important;
          font-weight: 400;
          line-height: 140%;
          font-size: 18px !important;
          color: #FFFFFF !important;
          p,h1,h2,h3,h4,h5,h6 {
            margin-bottom: 0 !important;
            font-size: 18px !important;
            color: #FFFFFF !important;
            font-family: "Jost", sans-serif !important;
            font-weight: 400;
            line-height: 140%;
          }
        }

        .icon--primary-purple {
          display: none;
        }

        .card-contact-no h6 {
          font-family: "Jost", sans-serif;
          font-weight: 400;
          line-height: 140%;
          font-size: 18px !important;
          color: #FFFFFF !important;
        }

      }
    }
  }

  .nextdc-explore-hub__card-cta a:hover {
    color: #ffffff !important;
  }

  .meetourstaff--row {
    row-gap: 40px !important;
  }

  .meetourstaff .col-xl-3 {
    flex: 0 0 32.33333333333333%;
    max-width: 32.33333333333333%;

    @media screen and (max-width: 768px) {
      flex: 0 0 100% !important;
      max-width: 100% !important;
    }
  }

  .meetourstaff--container {
    @media screen and (max-width: 768px) {
      padding: 0 !important;
    }
  }


  .card-button .btn {
    background: unset !important;
    color: #FFFFFF !important;
    border: none !important;

    span {
      padding: 0;
    }
  }

  .btn--primary::before {
    content: "";
    transition: unset;
    background: unset;
  }

  .btn--primary:hover::before {
    transform: unset;
  }


  .nextdc-explore-hub__card-cta {
    margin-top: 0;
    opacity: 1;
    transform: translateY(20px);
    transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.2s, transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.2s;
    margin-bottom: 20px;
  }

  .nextdc-explore-hub__card__card-link {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.5rem;
    font-family: Jost, sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 16px;
    line-height: 130%;
    /* 1.3 */
    letter-spacing: 0.032em;
    /* 0.032em */
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase;
    color: #ffffff;
    text-decoration: none;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  }

  .nextdc-explore-hub__card__card-link::after {
    content: '';
    display: inline-block;
    width: 22px;
    height: 20px;
    margin-left: 8px;
    background-image: url('/themes/custom/nextdc/images/arrow-right.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    flex-shrink: 0;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  }

  .nextdc-explore-hub__card__card-link:hover::after {
    transform: translateX(4px);
  }

  /* .nextdc-explore-hub__card-link:hover,
  .nextdc-explore-hub__card-link:focus {
    background-color: #ffffff;
    color: #201850;
    text-decoration: none;
  } */

  .nextdc-explore-hub__card-link-text {
    display: inline-block;
  }

  .nextdc-explore-hub__card__card-link .nextdc-explore-hub__card-link__link-arrow,
  .nextdc-explore-hub__card__card-link img {
    width: 22px;
    height: 20px;
    flex-shrink: 0;
    display: block;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  }

  .nextdc-explore-hub__card__card-link:hover .nextdc-explore-hub__card-link-arrow,
  .nextdc-explore-hub__card-link:focus .nextdc-explore-hub__card-link-arrow {
    transform: translateX(4px);
  }
}